WordPress開發 – Git輕量級主題后臺框架

    折騰主題,免不了要接觸到主題的后臺框架。有能力的大神自己寫,惰憊的大神二開或者套用市面上的開源wordpress主題框架

    折騰主題,免不了要接觸到主題的后臺框架。有能力的大神自己寫,惰憊的大神二開或者套用市面上的開源wordpress主題框架。至于小白嘛,老老實實用別人寫好的wordpress主題框架吧。雖然不知其所以然,但好歹經過一番拆拆摸摸也能知其然。

    因為我拆過不少主題,所以變相的也接觸到了不少的主題框架,比如大前端的、知更鳥的、老趙的、知言的、多夢的、云落(Git)的……

    其中,老趙的主題用的是codestar-framework,也是我最拿手、最喜歡的一個主題框架。因為真的太實用、太方便了。這也導致了我二開也好,想要新寫也罷,第一時間會考慮這個主題框架。再者,主題框架作者居然一直在維護它,委實是個驚喜無限。

    Wordpress開發 - Git輕量級主題后臺框架
    背景圖片

    至于知言主題嘛,則是使用option-tree。這個框架,我用的不太順手,而且還忒么用得很憋屈。因為也不知道為什么,這個框架里面的資源很多是加載CDN這類的節點,導致有時候能打開后臺,卻不一定打得開主題選項。

    不過,今天不說這些強則強矣,奈何框架包動則1~2M以上的強大框架。而是介紹Git主題使用的輕量級主題框架,據說這個框架來自小影主題,可小影是誰我就不知道了,呃……這暴露了我接觸的圈子太窄。

    Wordpress開發 - Git輕量級主題后臺框架
    背景圖片

    原文已經不見了

    龍硯庭博客??分享于?2017年6月26日?(4kb)

    使用?1.引入主題框架文件theme-options.php文件扔到主題根目錄,然后打開functions.php文件,寫入以下代碼:

    require get_template_directory() . '/theme-options.php';

    2.框架可使用的ID類型(type) 之所以要用到后臺框架,主要是為了滿足前端各種輸出、以及各種功能的實現。比如輸出文本、比如文章微博同步、比如SEO等關鍵詞、描述的填寫……

    type類型:
    subtitle //二級標題
    number //數字框
    checkbox  //復選框
    select //單選框
    password //密碼框(密碼不可見)
    radio //單選框
    text  //文本框
    textarea //多行文本框
    

    常用的也就這些,另外這個框架之所以輕量,是因為它砍掉了很多不必要的js、css,以及type等。比如上傳圖片的upload。直接使用text文本框代替即可。

    3.調用函數

    //調用函數
    get_option('ID')
    
    //條件判斷
    if (get_option('ID') == true){
        內容
    }
    
    //調用輸出
    <?php echo get_option('ID'); ?>

    4.框架數組構建選項 以下用實例,講解如何使用后臺框架的文件,進行構建一個個可選項或輸入項等。

    1

    打開theme-options.php,寫進如下代碼:

    //公告欄
    array(
            'name'  => '公告欄',
            'desc'  => '這里是輸入公告內容',
            'id'    => 'loomob_notice', //自定義一個ID,用以函數調用該功能
            'type'  => 'textarea', //type類型,假如這是一個微博同步功能,要構建微博密碼的輸入框,那么可以將textarea改為password
            'std'   => '起始時默認內容'
        ),
    ?

    前端調用方式。打開想要展示這個公告欄功能的文件,如header.php、或者index.php。在合適的位置,插入以下代碼:

    <?php echo get_option('loomob_notice'); ?>

    2

    選擇項設置寫法,如:

    array(
            'name'  => '首頁布局設置',
            'desc'  => '選擇首頁布局,讓你的博客天天變換新花樣',
            'id'    => 'loomob_layout',
            'type'  => 'radio',
            'options' => array(
                '博客' => 'loomob_blog',
                'CMS' => 'loomob_cms',
          '雜志' => 'loomob_magazine',
                '圖片墻' => 'loomob_figure_wall'
                '瀑布流' => 'loomob_cascade_flow'
            ),
            'std'   => 'loomob_blog' //默認是博客布局
        ),

    打開index.php,寫入主題數據調用的調用方式:

    <?php
        if (get_option('loomob_layout') == 'loomob_blog') {
           //博客
        } elseif (get_option('loomob_layout') == 'loomob_cms') {
           //CMS
        } elseif (get_option('loomob_layout') == 'loomob_magazine') {
           //雜志
        } elseif (get_option('loomob_layout') == 'loomob_figure_wall') {
     //圖片墻
        } else {
           //瀑布流
        }
    ?>

    總結 以上就是介紹跟使用了,至于DEMO,我就不貼圖了。

    如果你也喜歡簡潔的選項框架,那么這兩篇輕量級的wordpress開發選項框架您也值得看一看:

    wordpress開發 – 后臺Ajax設置框架biji

    怎么用WordPress Customize API添加原生設置?-WordPress開發

    下載權限
    查看
    • 免費下載
      評論并刷新后下載
      登錄后下載
    • {{attr.name}}:
    您當前的等級為
    登錄后免費下載登錄 小黑屋反思中,不準下載! 評論后刷新頁面下載評論 支付以后下載 請先登錄 您今天的下載次數(次)用完了,請明天再來 支付積分以后下載立即支付 支付以后下載立即支付 您當前的用戶組不允許下載升級會員
    您已獲得下載權限 您可以每天下載資源次,今日剩余

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 91在线精品亚洲一区二区| 国产午夜福利精品一区二区三区 | 国内精品视频一区二区三区| 糖心vlog精品一区二区三区| 丝袜人妻一区二区三区| 极品尤物一区二区三区| 国产精品乱码一区二区三区 | 亚洲Aⅴ无码一区二区二三区软件| 亚洲av无码片区一区二区三区| 久久精品综合一区二区三区| 精品国产一区二区三区www| 亚欧免费视频一区二区三区| 亚洲AV无码一区东京热久久| 99久久国产精品免费一区二区 | 麻豆果冻传媒2021精品传媒一区下载 | 国产精品一区二区毛卡片| 麻豆高清免费国产一区| 人妻无码视频一区二区三区| 亚洲色精品aⅴ一区区三区| 国产一区二区三区高清视频| 久久久久久一区国产精品| 乱人伦一区二区三区| 日本美女一区二区三区| 日本夜爽爽一区二区三区| 国产成人高清视频一区二区| 国产美女视频一区| 国产一区二区三区在线视頻| 亚洲日韩精品一区二区三区无码 | 国产一区二区三区免费观看在线| 久久se精品一区精品二区国产| 亲子乱av一区二区三区| 无码人妻精品一区二区三区在线| 亚洲av午夜福利精品一区| 亚洲视频免费一区| 日本精品无码一区二区三区久久久| 天堂Av无码Av一区二区三区| 日本一区视频在线播放| 国产成人精品一区二三区在线观看| 亲子乱AV视频一区二区| 国产精品福利一区二区| 国产精品视频免费一区二区三区 |