如何自定義logo? - wordpress主題開(kāi)發(fā)

    什么是自定義Logo? 使用自定義Logo可以讓網(wǎng)站所有者上傳他們網(wǎng)站的圖片,這些圖片可以放在他們網(wǎng)站的頂部。 它可以從

    什么是自定義Logo?

    使用自定義Logo可以讓網(wǎng)站所有者上傳他們網(wǎng)站的圖片,這些圖片可以放在他們網(wǎng)站的頂部。 它可以從您的管理面板中的外觀>標(biāo)題上傳。 應(yīng)該使用add_theme_support()將自定義徽標(biāo)支持首先添加到您的主題中,然后the_custom_logo在主題中調(diào)用。 自定義Logo是可選的,但如果主題作者在其主題中包含Logo,則應(yīng)使用此功能。

    官方文檔:

    the_custom_logo();
    

    https://developer.wordpress.org/reference/functions/the_custom_logo/

    向您的主題添加自定義Logo支持

    要在主題中使用自定義徽標(biāo),請(qǐng)將以下內(nèi)容添加到您的functions.php文件中:

    add_theme_support( 'custom-logo' );
    

    啟用自定義Logo支持時(shí),可以使用數(shù)組將參數(shù)傳遞給add_theme_support()函數(shù)來(lái)配置五個(gè)參數(shù):

    function themename_custom_logo_setup() {
    ????$defaults = array(
    ????????'height'??????=> 100,
    ????????'width'?????? => 400,
    ????????'flex-height' => true,
    ????????'flex-width'??=> true,
    ????????'header-text' => array( 'site-title', 'site-description' ),
    ????);
    ????add_theme_support( 'custom-logo', $defaults );
    }
    add_action( 'after_setup_theme', 'themename_custom_logo_setup' );
    

    使用after_setup_theme鉤子,以便在主題加載后注冊(cè)自定義Logo支持。

    • height 預(yù)期Logo高度(以像素為單位) 自定義Logo還可以使用內(nèi)置的圖像大小,如縮略圖,或使用add_image_size()注冊(cè)自定義大小。
    • width 預(yù)期Logo寬度(以像素為單位) 自定義Logo還可以使用內(nèi)置的圖像大小,如縮略圖,或使用add_image_size()注冊(cè)自定義大小。
    • flex-height 是否允許靈活的高度。
    • flex-width 是否允許靈活的寬度。
    • header-text 要隱藏的元素的類。 它可以在這里傳遞一個(gè)類名稱數(shù)組,用于構(gòu)成標(biāo)題文本的所有元素,可以由Logo代替。

    在主題中顯示自定義Logo

    可以使用the_custom_logo()函數(shù)在主題中顯示自定義徽標(biāo)。 但是建議將代碼包裝在一個(gè)function_exists()調(diào)用中,以保持與舊版本W(wǎng)ordPress的向后兼容性,如下所示:

    if ( function_exists( 'the_custom_logo' ) ) {
    ????the_custom_logo();
    }
    

    通常,Logo會(huì)添加到主題的header.php文件中,但它也可以在其他地方。

    如果要獲取當(dāng)前的標(biāo)識(shí)URL(或使用自己的標(biāo)記)而不是默認(rèn)標(biāo)記,則可以使用以下代碼:

    $custom_logo_id = get_theme_mod( 'custom_logo' );
    $logo = wp_get_attachment_image_src( $custom_logo_id , 'full' );
    if ( has_custom_logo() ) {
    ????????echo '<img src="'. esc_url( $logo[0] ) .'">';
    } else {
    ????????echo '<h1>'. esc_attr( get_bloginfo( 'name' ) ) .'</h1>';
    }
    

    自定義Logo模板標(biāo)簽

    要管理在前端顯示自定義Logo,可以使用以下三個(gè)模板標(biāo)簽:

    • get_custom_logo() – 返回自定義Logo的標(biāo)記。
    • the_custom_logo() – 顯示自定義Logo的標(biāo)記。
    • has_custom_logo() – 返回一個(gè)布爾值true/false,是否設(shè)置了自定義徽標(biāo)。

    來(lái)源于:

    http://www.wazhuti.com/1681.html

    軟件

    WPS政府版 - 2016\2019雙版無(wú)廣告

    2019-3-4 20:21:37

    國(guó)內(nèi)主題

    VIK - wordpress導(dǎo)航主題

    2019-11-24 15:00:24

    ??
    Npcink上的部份代碼及教程來(lái)源于互聯(lián)網(wǎng),僅供網(wǎng)友學(xué)習(xí)交流,若您喜歡本文可附上原文鏈接隨意轉(zhuǎn)載。
    無(wú)意侵害您的權(quán)益,請(qǐng)發(fā)送郵件至 1355471563#qq.com 或點(diǎn)擊右側(cè) 私信:Muze 反饋,我們將盡快處理。
    0 條回復(fù) A文章作者 M管理員
      暫無(wú)討論,說(shuō)說(shuō)你的看法吧
    ?
    個(gè)人中心
    購(gòu)物車
    優(yōu)惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 一本岛一区在线观看不卡| 国产精品久久久久一区二区三区 | 久久精品成人一区二区三区| 国产AV一区二区三区传媒| 亚洲日韩AV一区二区三区四区| 国产伦精品一区二区三区视频小说| 久久综合一区二区无码| 色狠狠一区二区三区香蕉| 国产一区二区三区小说| 久久99精品一区二区三区| 韩国精品一区视频在线播放 | 最新中文字幕一区| 国产成人久久精品一区二区三区| 国产精品免费综合一区视频| 精品国产一区二区三区在线观看| 相泽南亚洲一区二区在线播放| 无码国产精品一区二区免费I6| 日韩一区二区免费视频| 日本不卡免费新一区二区三区| 中文字幕无码一区二区三区本日| 亚洲色婷婷一区二区三区| 日韩精品一区二区三区中文字幕 | 亚洲国产专区一区| 精品国产一区二区麻豆| 狠狠综合久久av一区二区| 亚洲一区免费视频| 亚洲视频一区二区三区四区| 亚洲日韩国产精品第一页一区| 久久99精品免费一区二区| 国产福利电影一区二区三区久久久久成人精品综合 | 国产精品亚洲一区二区三区在线| 综合无码一区二区三区四区五区| 亚洲电影一区二区三区| 日韩精品一区二区三区色欲AV| 国产成人精品一区二区秒拍 | 人妻少妇精品视频一区二区三区| 中文字幕AV一区中文字幕天堂| 国产在线一区二区| 无码视频一区二区三区在线观看 | 亚洲视频一区在线| 精品国产aⅴ无码一区二区|