WordPress 一直以來有一個功能基本是被大家所忽略的，只有每次在升級完新的 wordpress 版本之後才會自動顯示出來，一般情況下大家是選擇隱藏此功能。或許你已經知道是什麼了。對，沒錯，就是 wordpress 的 wellcome 歡迎面板。在後臺的儀錶板就可以看到。

WordPress教程：如何自定義WordPress歡迎面板？

wellcome panle

其實我們可以將這個利用起來，如果你是主題製作者，可能會有什麼東西想展示，比如廣告？比如主題使用方法等等？那麼如何透過程式碼的方式控制 wordpress 歡迎面板的顯示內容呢？今天的wordpress 教程就是如何自定義 WordPress 歡迎面板？

Let's do it! 只需將下面的程式碼新增到你的主題的 functions.php 即可：

  2. //自定義歡迎面板
  3. function rc_my_welcome_panel() {
  5.     ?>
  6. <script type="text/javascript">
  7. /* Hide default welcome message */
  8. jQuery(document).ready( function($)
  9. {
  10.     $('div.welcome-panel-content').hide();
  11. });
  12. </script>
  14.     <div class="custom-welcome-panel-content">
  15.         <h3><?php _e( '歡迎面板自定義控制檯訊息標題' ); ?></h3>
  16.         <p class="about-description"><?php _e( '您可以將您的自定義文字，給主題使用者的提示，把一個廣告，或者你的聯絡資訊等等展示在這裡。' ); ?></p>
  17.         <div class="welcome-panel-column-container">
  18.             <div class="welcome-panel-column">
  19.                 <h4><?php _e( "這裡展示另外一個小標題" ); ?></h4>
  20.                 <a class="button button-primary button-hero load-customize hide-if-no-customize" href="http://www.wpmee.com"><?php _e( '訪問 WordPress 迷' ); ?></a>
  21.                     <p class="hide-if-no-customize"><?php printf( __( '或者, <a href="%s"> 編輯你的設定</a>' ), admin_url( 'options-general.php' ) ); ?></p>
  22.             </div>
  23.         </div>
  24.         <div class="">
  25.         <h3><?php _e( '如果你需要更多的空間' ); ?></h3>
  26.         <p class="about-description"> 建立一個新的段落！</p>
  27.         <p> 在這裡寫下你的自定義訊息。</p>
  28.         </div>
  29.     </div>
  31. <?php
  32. }
  34. add_action( 'welcome_panel', 'rc_my_welcome_panel' );

是不是非常簡單呢？如此好的一塊 wordpress 廣告位，必須利用起來啊。