搜尋

熱門關鍵字:

最新文章

  1. 首頁
  2. »
  3. 網站架設
  4. »
  5. WordPress
  6. »
  7. 如何在 WordPress 後台管理面板，添加自定 CSS 或 Javascript 原始碼

如何在 WordPress 後台管理面板，添加自定 CSS 或 Javascript 原始碼

2022/03/04

梅問題－如何在 WordPress 後台管理面板，添加自定義 CSS 或 Javascript
　　大部分我們在使用 WordPress時，不外乎就是佈景主題與外掛居多，對於WordPress後台，大家應該就比較不會那麼的在意，因為進入後台不外乎就是新增文章，但梅干每當到後台時，若要再開啟前台，就得對著左上的角的造訪連結，按滑鼠右鍵，選擇另開視窗，否則預設則會將當前的面頁，直接轉向到前台去。

因此梅干就花了點時間，研究一下怎麼在WordPress的管理面板中，自定義CSS與Javascript讓你的WordPress，除了風格可隨心所欲外，甚至想到的功能，都可透過javascipt的方式，來進行擴充，因此想要在WordPress後台，自訂CSS與javascript的朋友，現在也一塊來看看囉！

functions.php 
<?php
add_action('admin_head', 'webroom_add_css_js_to_admin');



function webroom_add_css_js_to_admin() {
  echo '<style>
   /* Your css code here /
  </style>';
  echo '<script>
  / Your js code here */
  </script>';
?>
Step1
首先進入佈景主題編輯器後，點選functions.php。
梅問題-如何在 WordPress 後台管理面板，添加自定義 CSS 或 Javascript
Step2
接著在最上方，貼入自定義的程式碼。
梅問題-如何在 WordPress 後台管理面板，添加自定義 CSS 或 Javascript
Step3
接著在style的標籤中，就可設定WordPress的樣式與配色。
梅問題-如何在 WordPress 後台管理面板，添加自定義 CSS 或 Javascript
Step4
甚至也可透過script的中，加入所需的擴充功能，比方梅干希望點到造訪網站時，是另開視窗，就可將這擴充碼，加到script中。
梅問題-如何在 WordPress 後台管理面板，添加自定義 CSS 或 Javascript
Step5
鏘～鏘～當點了造訪網頁後，就會以另開頁籤的方式，這樣是不是很方便呀！
梅問題-如何在 WordPress 後台管理面板，添加自定義 CSS 或 Javascript


wordpress後台加入css, wordpress後台加入js, wordpress自定義後台, wordpress開發,