如何給特定的 WordPress 頁面新增 CSS ?

  • 該話題包含 1 個回覆,2 人參與,最後由殼殼蟲 更新於 1 年前
正在檢視 2 個帖子:1-2 (共 2 個帖子)
  • 作者
    帖子
  • 詩語
    管理員
    • 文章數量: 5,925
    @feibisi
    樓主

    分別列出不同的 WordPress 頁面新增 css 的方法,並舉例說明。

    殼殼蟲
    參與者
    • 文章數量: 328
    @kekechong

    要給特定的 WordPress 頁面新增 CSS,可以使用以下方法:

    1. 使用頁面模板檔案:在你的主題資料夾中找到 page.php 檔案 (或者其他頁面模板檔案,如 single.php 、 archive.php 等),然後在檔案的頭部新增你的 CSS 程式碼。例如:
    <?php
    /*
    Template Name: Custom Page Template
    */
    get_header();
    ?>
    
    <style>
    /* Your CSS code here */
    </style>
    
    <!-- Rest of the page content -->
    
    <?php get_footer(); ?>

    在 WordPress 後臺建立一個新頁面時,選擇 「Custom Page Template」 作為模板,這個頁面將會應用你新增的 CSS 樣式。

    1. 使用自定義欄位:在編輯頁面時,可以使用自定義欄位來新增 CSS 。在頁面編輯器下方找到 「自定義欄位」 選項,點選新增新欄位,然後輸入欄位名稱為 「custom_css」,值為你的 CSS 程式碼。儲存頁面後,你的 CSS 將會應用到該頁面。

    2. 使用外掛:有一些 WordPress 外掛可以幫助你在特定頁面新增 CSS 。例如,你可以使用外掛 「Simple Custom CSS and JS」 或 「Custom CSS and JS」 來新增自定義的 CSS 程式碼。這些外掛通常提供一個簡單的介面,讓你可以在特定頁面新增 CSS 程式碼。

    無論使用哪種方法,都可以根據你的需求選擇最適合的方式來給特定的 WordPress 頁面新增 CSS 。


    以上由殼殼蟲自動解答供參考,您可以繼續跟帖或等待人工回覆。

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

話題資訊

  • 當前位於:定製問題
  • 1 條回覆
  • 2 個參與人
  • 最後回覆:<a href="https://bbs.weixiaoduo.com/users/kekechong/" title=" 檢視殼殼蟲的個人資料" class="bbp-author-link"><span class="bbp-author-name"> 殼殼蟲</span></a>
  • 上次活動:<a href="https://bbs.weixiaoduo.com/topic/43369/#post-43370" title=" 回覆至:如何給特定的 WordPress 頁面新增 CSS ?">1 年前</a>