Cara Menggunakan API Logo Custom WordPress

Artikel ini menerangkan cara menggunakan ciri Logo Custom WordPress, yang diperkenalkan di WordPress 4.5, dengan mudah mengubah logo laman web. Ia merangkumi perspektif pengguna dan perspektif pemaju.

Ciri -ciri Utama:

• Ciri logo tersuai memudahkan perubahan logo melalui customizer tema.
• pemaju mengaktifkan ciri ini dengan menggunakan add_theme_support('custom-logo') dalam fail functions.php tema mereka.
• Saiz logo dikawal menggunakan add_image_size() dan menentukan saiz dalam perisytiharan sokongan tema. WordPress mengekalkan nisbah aspek asal semasa saiz semula.
• the_custom_logo(), get_custom_logo(), dan has_custom_logo() fungsi menguruskan paparan logo dan pengambilan semula.

Penyesuaian sisi pengguna:

Pengguna dengan mudah boleh menukar logo laman web mereka melalui customizer tema (boleh diakses melalui menu penampilan di papan pemuka WordPress). Panel "Identiti Tapak" mengandungi bahagian "Logo", di mana pengguna boleh memilih atau memuat naik logo baru. Customizer menyediakan pratonton langsung perubahan sebelum menyimpan.

Setelah memilih logo, customizer memaparkan logo dengan pilihan untuk membuang atau mengubahnya.

Pelaksanaan pembangun-pemaju:

Tema mestilah secara eksplisit membolehkan ciri logo tersuai. Ini dilakukan dengan menambahkan kod berikut ke fail

tema:

functions.php

function mytheme_setup() {
    add_theme_support('custom-logo');
}
add_action('after_setup_theme', 'mytheme_setup');

Mengawal Saiz Logo:

pemaju dapat mengawal saiz logo menggunakan

dan menentukan saiz dalam fungsi

: add_image_size() add_theme_support()

Ini memastikan logo sesuai dalam dimensi yang ditentukan semasa mengekalkan nisbah aspeknya.

add_image_size('mytheme-logo', 160, 90);
add_theme_support('custom-logo', array(
    'size' => 'mytheme-logo'
));

memaparkan logo tersuai:

Fungsi

memaparkan logo dengan HTML yang sesuai.

mengambil semula kod HTML, dan the_custom_logo() cek jika logo ditetapkan. Berikut adalah contoh cara memaparkan logo atau nama tapak jika tiada logo ditetapkan: get_custom_logo() has_custom_logo()

Sebagai alternatif, pendekatan yang lebih mantap menggunakan

<?php the_custom_logo(); ?>
<?php if ( ! has_custom_logo() ) : ?>
    <h1><?php bloginfo( 'name' ); ?></h1>
<?php endif; ?>

untuk keserasian mundur:

function_exists()

Fungsi ini kemudiannya boleh dipanggil dalam fail template tema.

function mytheme_custom_logo() {
    $output = '';
    if ( function_exists( 'get_custom_logo' ) ) {
        $output = get_custom_logo();
    }
    if ( empty( $output ) ) {
        $output = '<h1 id="a-href-esc-url-home-url-get-bloginfo-name-a"><a href="' . esc_url( home_url( '/' ) ) . '">' . get_bloginfo( 'name' ) . '</a></h1>';
    }
    echo $output;
}

Kesimpulan:

Logo Custom WordPress API memudahkan penyesuaian logo untuk kedua-dua pengguna dan pemaju, meningkatkan keperibadian laman web tanpa memerlukan pengubahsuaian kod oleh pengguna akhir. Coretan dan penjelasan kod yang disediakan memberi kuasa kepada pemaju untuk mengintegrasikan ciri ini dengan mudah ke dalam tema mereka.

Atas ialah kandungan terperinci Cara Menggunakan API Logo Custom WordPress. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!