Co to jest Theme Customization API?
Jest to wprowadzona zmiana w WP od wersji 3.4 pozwalająca na zmianę wyglądu templatki WP: czcionka, kolorystyka, uploadowanie mediów. Kod tego mechanizmu należy umieszczać bezpośrednio w pliku functions.php lub też dołączając do niego osobny plik za pomocą instrukcji php np.require_once. Z Theme Customization API korzystamy poprzez panel kokpitu->pesonalizuj stronę.
Co robi nasze customize API?
Nasz Customizer zmienia kolorystykę tła, nagłówków, czcionkę, uploaduje obrazki w footerze. Korzystamy z mechanizmu klas php.
<?php
class _Customize_ME {
function __construct() {
add_action(‚customize_register’, array($this, ‚register’));
add_action(‚wp_head’, array($this, ‚generate_output’));
add_action(‚wp_head’, array($this, ‚my_customizer_css’));
add_action(‚wp_footer’, array($this, ‚uploader’));}
function register($wp_customize) {
$wp_customize->add_section(‚customapi_moja_sekcja’, array(‚title’ => ‚Sekcja kolory’));
//zmiana koloru nagłówków
$wp_customize->add_setting(‚customapi_header_textcolor’, array(‚default’ => ‚#000’));
$wp_ccc = new WP_Customize_Color_Control($wp_customize, ‚customapi_hcolor’, array(‚label’ => ‚Ustaw kolor nagłówków’,
‚section’ => ‚customapi_moja_sekcja’,
‚settings’ => ‚customapi_header_textcolor’));
$wp_customize->add_control($wp_ccc);
//zmiana koloru tła
$wp_customize->add_setting(‚customapi_bg_color’, array(‚default’ => ‚#ccc’));
$wp_ccc = new WP_Customize_Color_Control($wp_customize, ‚customapi_bgcolor’, array(‚label’ => ‚Ustaw kolor tła’,
‚section’ => ‚customapi_moja_sekcja’,
‚settings’ => ‚customapi_bg_color’));
$wp_customize->add_control($wp_ccc);
//czcionka
$wp_customize->add_section(‚fonts_section’,array(‚title’ => ‚Sekcja Czcionki’,‚priority’ => 200));
$wp_customize->add_setting(‚header_font’,array(‚default’ => ‚arial’));
$wp_customize->add_control(‚header_font’,array(‚section’ => ‚fonts_section’,‚label’ => ‚Czcionka Nagłówków’,
‚type’ => ‚select’,
‚choices’ => array(‚times’ => ‚Times New Roman’,‚arial’ => ‚Arial’,
‚courier’ => ‚Courier New’,
‚helvetica’ => ‚Helvetica’,
‚comic sans ms’ => ‚Comic Sans MS’)));
//file upload
$wp_customize->add_section(‚upload_file’,array(‚title’ => ‚Sekcja Wstaw Obrazek’));
$wp_customize->add_setting( ‚file-upload’ );
$wp_customize->add_control(new WP_Customize_Upload_Control($wp_customize,‚file-upload’,
array(‚label’ => ‚File Upload’,
‚section’ => ‚upload_file’,
‚settings’ => ‚file-upload’)));
}
function uploader(){$upload = get_theme_mod( ‚file-upload’ );
if ( ! $upload == 0 ):?><img src="<?php get_theme_mod( ‚file-upload’ );?>">
<?php endif;}
function my_customizer_css() { ?><style type="text/css">h1, h2, h3, h4, p, a { font-family: <?php echo get_theme_mod(‚header_font’); ?> }</style><?php}
function generate_output(){?><style>
<?php $this->generate_css(‚h1, h2, h3’, ‚color’, ‚customapi_header_textcolor’); ?>
<?php $this->generate_css(‚body’, ‚background-color’, ‚customapi_bg_color’); ?></style><?php}
private function generate_css($selector, $style, $mod_name, $prefix = ”, $postfix = ”, $echo = true) {$return = ”;$mod = get_theme_mod($mod_name);
if (!empty($mod)) {$return = sprintf(‚%s { %s:%s; }’, $selector, $style, $prefix . $mod . $postfix);
if ($echo) {echo $return;}}return $return;}
}
$Customize_ME = new _Customize_ME();
?>