關於 icecream 主題兩個問題 (側邊欄選單圖示及頁面模板)

正在檢視 7 個帖子:1-7 (共 7 個帖子)
  • 作者
    帖子
  • 蘇明歌
    • 文章數量: 4
    @tsddts
    樓主

    1. 關於側邊欄選單圖示,如何才能達到演示站點的效果呢?(https://one.weixiaoduo.com/)

      

    2. 頁面模板相關

    我在其他頁面如果想啟用不同的頁面模板 (如下圖舉例),預設的模板是 Portfolio Page,如果我想讓預設模板變成 Home Page,如何才能做到呢?

    以上兩個問題,萬分感謝

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    先回答第一個問題,這個因為我們是把 WordPress 原生的後臺圖示給提到了前臺來用,所以才會有這些資源,主題也是已經載入了的,只是需要自己設定下連結,因為直接包含到子主題裡面不太好,所以上架數字商城之前就去掉了。

    下面是具體的程式碼,可以直接加入到前臺的 【自定義】-【自定義 css 】裡面。

    
    /* iCecream 主題側邊欄選單圖示重寫 styles 
    -------------------------------------------------------------- */
    
    .social-navigation a[href*="buddy.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f448";
        font-size: 23px;
    }
    
    .posted-on:before {
        content: "\f303";
    }
    .social-navigation a[href*="www.weixiaoduo.com/"]:before {
    	font-family: "dashicons";
    	content: "\f120";
    }
    .social-navigation a[href*="bbp.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f477";
        font-size: 27px;
    }
    .social-navigation a[href*="mu.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f541";
    }
    .social-navigation a[href*="edd.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f316";
    }
    .social-navigation a[href*="mall.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f174";
    }
    .social-navigation a[href*="bbs.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f473";
    }
    .social-navigation a[href*="doc.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f318";
    }
    .social-navigation a[href*="blog.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f464";
    }
    .social-navigation a {
        color: #707070;
        color: rgba(51, 51, 51, 0.7);
    }
    .social-navigation a:hover, a:focus {
        color: #333333;
        color: rgba(51, 51, 51, 1);
    }
    

    如何使用和修改,其實也簡單,就是需要自己手動的調整下連結和圖示字型比如:

    .social-navigation a[href*="blog.weixiaoduo.com"]:before {
    	font-family: "dashicons";
    	content: "\f464";
    }

    blog.weixiaoduo.com 改成你的連結,把 \f464 改成你想要的圖示 ID 。


    Dashicons 圖示的 ID 如何獲取呢?

    需要你自己到這來選,這是 WordPress 官方的,也是每個 WordPress 程式都自帶的一套圖示。

    https://developer.wordpress.org/resource/dashicons/#desktop

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    因為是專門做的一款純部落格主題,好像沒有內建這些頁面模板,如果要修改的話,得調整頁面模板的優先順序別才行,稍微會麻煩點。

    如果是為了讓文章釋出可以直接在首頁顯示,而且可以實現 SEO 最佳化的話,可以看下我們下面的設定。

    1 、新建一個頁面,然後對此頁面進行 SEO 設定:

    2 、在閱讀設定裡面設定文章頁為上面新建的 【首頁】,這樣就可以了。

    蘇明歌
    • 文章數量: 4
    @tsddts
    樓主

    非常感謝您的快速回復

    第一個問題按照您提供的方案已經解決。如果我想在新標籤頁開啟連結而非在本頁面開啟連結該如何進行操作呢?(在選單設定裡面暫時並沒有找到在新標籤頁開啟連結的選項)

    關於第二個問題是這樣的原因:有些外掛是能直接生成頁面的而非先建立頁面再插入短程式碼釋出頁面 (比如 bbpress),為了讓這樣的外掛更好的適應主題,可能需要增加一個頁面模板並將該頁面模板設為預設的頁面模板。

    如果在存在多個頁面模板的情況下 (如之前的截圖所示),想諮詢下是否能設定某個特定的頁面模板為預設模板呢?

    蘇明歌
    • 文章數量: 4
    @tsddts
    樓主

    在新標籤頁開啟連結的問題解決了~剛才腦子有點不清醒 O(∩_∩)O

    詩語
    管理員
    • 文章數量: 5,932
    @feibisi

    選單的新視窗連結設定在這裡:

    另外你的第二個問題實現是能實現,但要根據具體的情況來判斷,下面的資料就說的是,可以參考下:

    https://wordpress.stackexchange.com/questions/196289/is-there-a-way-to-change-the-default-page-template-selection

    蘇明歌
    • 文章數量: 4
    @tsddts
    樓主

    兩個問題都成功解決了,再次感謝您的詳細解答 (*^_^*)

正在檢視 7 個帖子:1-7 (共 7 個帖子)
  • 哎呀,回覆話題必需登入。

話題資訊

  • 當前位於:疑難雜症
  • 6 條回覆
  • 2 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/tsddts/" title=" 檢視蘇明歌的個人資料" class="bbp-author-link"><span class="bbp-author-name"> 蘇明歌</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/25427/#post-25437" title=" 回覆至:關於 icecream 主題兩個問題 (側邊欄選單圖示及頁面模板)">7 年、 1 月前</a>