WordPress 功能 - 每日必應(yīng)圖做背景

    必應(yīng)的圖片選的很棒,根據(jù)其他作者的代碼二次改進(jìn)了下,可以在首頁鋪滿整個(gè)頁面。

    考慮到兼容性問題,不同的主題之間適配難度較大,就不做進(jìn)插件功能了,大家可以自取代碼,二次修改使用

    效果

    WordPress 功能 - 每日必應(yīng)圖做背景

    代碼

    // 獲取必應(yīng)每日?qǐng)D片的URL
    function get_bing_daily_image_url()
    {
        // 必應(yīng)API URL,用于獲取每日?qǐng)D片的JSON數(shù)據(jù)
        $bing_api_url = 'https://cn.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1';
    
        // 設(shè)置緩存鍵值,用于存儲(chǔ)和檢索圖片URL
        $cache_key = 'bing_daily_image_url';
    
        // 嘗試獲取緩存中的圖片URL
        $img_url = get_transient($cache_key);
    
        // 如果緩存中沒有找到圖片URL,則請(qǐng)求必應(yīng)API
        if (!$img_url) {
            // 使用WordPress函數(shù)發(fā)送HTTP GET請(qǐng)求到必應(yīng)API
            $response = wp_remote_get($bing_api_url);
    
            // 確保HTTP請(qǐng)求沒有返回錯(cuò)誤
            if (!is_wp_error($response)) {
                // 獲取HTTP請(qǐng)求的響應(yīng)體內(nèi)容
                $body = wp_remote_retrieve_body($response);
    
                // 解析JSON格式的響應(yīng)體
                $data = json_decode($body, true);
    
                // 如果數(shù)據(jù)中含有圖片URL,則進(jìn)行處理
                if (!empty($data['images'][0]['url'])) {
                    // 生成完整的圖片URL
                    $img_url = 'https://cn.bing.com' . $data['images'][0]['url'];
    
                    // 將圖片URL存儲(chǔ)到緩存中,并設(shè)置過期時(shí)間為一天
                    set_transient($cache_key, $img_url, DAY_IN_SECONDS);
                }
            }
        }
    
        // 如果獲取到了圖片URL則返回它,否則返回主題目錄下的默認(rèn)圖片
        return $img_url ? $img_url : get_template_directory_uri() . '/images/blog-overview-bg.webp';
    }
    
    // 將必應(yīng)每日?qǐng)D片添加到首頁的背景
    add_action('wp_head', 'bing_daily_image_homepage_css');
    
    // 添加自定義CSS到前端主頁的 <head> 部分
    function bing_daily_image_homepage_css()
    {
        if (is_front_page()) {
            $bing_image_url = get_bing_daily_image_url();
            // CSS樣式被格式化,使其具有更可讀的結(jié)構(gòu)
            $css = "
           <style>
                body {
                    background-image: url('{$bing_image_url}');
                }
                
            </style>";
    ?>
            <style>
                body {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    background-repeat: no-repeat;
                }
    
                body:after {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    pointer-events: none;
                    z-index: -1;
                    /* 確保偽元素在背景圖像下面 */
                }
            </style>
    
    <?php
    
            echo $css;
        }
    }
    
    
    教程

    B2主題-批量設(shè)置子分類的設(shè)置與父分類相同

    2024-1-5 19:29:30

    資源

    MiniSNS 專注于社區(qū)帶貨

    2023-10-16 14:32:47

    ??
    Npcink上的部份代碼及教程來源于互聯(lián)網(wǎng),僅供網(wǎng)友學(xué)習(xí)交流,若您喜歡本文可附上原文鏈接隨意轉(zhuǎn)載。
    無意侵害您的權(quán)益,請(qǐng)發(fā)送郵件至 1355471563#qq.com 或點(diǎn)擊右側(cè) 私信:Muze 反饋,我們將盡快處理。
    0 條回復(fù) A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個(gè)人中心
    購(gòu)物車
    優(yōu)惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 精品视频午夜一区二区| 国产一区二区在线视频| 波多野结衣一区二区三区aV高清| 成人精品视频一区二区三区不卡| 中文字幕一区二区三区在线观看 | 成人区人妻精品一区二区不卡视频| 精品一区二区三区四区在线播放 | 国产成人精品一区二区秒拍| 无码人妻aⅴ一区二区三区| 亚洲一区爱区精品无码| 天堂Av无码Av一区二区三区| 亚欧色一区W666天堂| 久久影院亚洲一区| 国产在线精品一区二区在线看| 亚洲高清日韩精品第一区| 国产亚洲欧洲Aⅴ综合一区| 日韩动漫av在线播放一区| 少妇人妻精品一区二区| 精品爆乳一区二区三区无码av| 亚洲国产精品乱码一区二区| 精品国产福利第一区二区三区| 国产一区麻豆剧传媒果冻精品 | 国产精品无码不卡一区二区三区| 成人免费视频一区| 日韩精品免费一区二区三区 | 好爽毛片一区二区三区四无码三飞| 日韩精品一区二区亚洲AV观看 | 一区二区视频在线免费观看| 福利片免费一区二区三区| 国产精品成人一区无码 | 亚洲视频一区二区三区四区| 一区二区三区日韩精品| 亚洲一区二区久久| 五月婷婷一区二区| 亚洲A∨精品一区二区三区下载| 人妻视频一区二区三区免费| 精品免费国产一区二区| 视频一区视频二区在线观看| 亚洲AV日韩精品一区二区三区| 亚洲AV日韩AV天堂一区二区三区| 亚洲一区二区在线免费观看|