Definirea Câmpurilor CSS Personalizate
Cuprins:
arată
Definirea Câmpurilor CSS Personalizate Pentru Module. Aflați cum să definiți câmpuri CSS personalizate pentru module.
Notă:
Acest tutorial este destinat utilizatorilor avansați. Este necesară cel puțin o înțelegere de bază a codării în PHP și JavaScript.
Acest tutorial este destinat utilizatorilor avansați. Este necesară cel puțin o înțelegere de bază a codării în PHP și JavaScript.
Câmpurile CSS personalizate apar în fila Avansat a modalului de setări ale modulului și permit utilizatorilor să seteze proprietăți CSS personalizate pentru elementele țintă predefinite din ieșirea HTML a modulului. Câmpurile sunt generate automat pe baza configurației definite în metoda get_custom_css_fields_config() a modulului.
Configurare Personalizată a Câmpurilor CSS
- element_one (array)
- label (string) — Numele afișat pentru elementul țintă (localizat)
- selector (string) — selector CSS pentru elementul țintă
- no_space_before_selector (bool) — Nu puneți un spațiu înaintea selectorului
- element_two (array)
- label (string) — Numele afișat pentru elementul țintă (localizat)
- selector (string) — selector CSS pentru elementul țintă
- no_space_before_selector (bool) — Nu puneți un spațiu înaintea selectorului
Exemplu de Configurare a Câmpurilor CSS Personalizate
<?php
class SIMP_SimpleHeader extends ET_Builder_Module {
// ...Rest of implementation
public function get_custom_css_fields_config() {
return array(
'content' => array(
'label' => esc_html__( 'Content', 'simp-simple' ),
'selector' => '%%order_class%% p',
),
'heading' => array(
'label' => esc_html__( 'Heading', 'simp-simple' ),
'selector' => '%%order_class%% h1',
),
);
}
// Rest of implementation...
}
Notă! Cea mai populară temă WordPress din lume și cel mai bun generator de pagini WordPress. Comunitatea WordPress mulțumește dezvoltatorului Elegant Themes în sprijinul acordat pentru realizarea acestor tutoriale în limba română! Cumpără acuma Tema WordPress Divi.
