wp主題製作
⑴ 如何製作WordPress主題語言包
經過這次yHtml5主題的製作,我學會了怎麼給主題製作語言包,就是一般的漢化主題啦。需要的朋友可以了解下,廢話不多說,看步驟
經過這次yHtml5主題的製作,我學會了怎麼給主題製作語言包,就是一般的漢化主題啦。廢話不多說,說步驟。
首先,得用到poedit,
其次,在主題目錄下新建一個languages文件夾,這是將語言包保存在此。
第三,打開poedit,新建一個消息目錄文檔;
新建消息目錄文檔
第四,配置路徑、關鍵詞,這步很關鍵,我先前就不懂,折騰了一夜。。。
工程信息什麼的,按你自己的填就好了。
配置路徑
我研究好多,也搜索了不少答案,最後總結,如果你先前設置的languages目錄是這樣的話,那這邊路徑只需添加「..」兩點即可,然後最好保存為zh_CN.po(主題會根據本地化來檢測)。
配置關鍵詞
配置關鍵詞這步,一般只需要「__」(雙下劃線,注意,是雙下劃線),」_e」即可,另外兩個也可以添加,以備不時之需。
第五,這步就需要把主題里所有的文件,需要被翻譯的部分以<?php __(『英文』, 『主題名』); ?>和<?php _e(『英文』, 『主題名』); ?>表示。
這兩個函數我是這么理解的,一般的單獨的英文輸出用<?php _e(『英文』, 『主題名』); ?>;比如:
復制代碼代碼如下:
<h3 id=」comments-title」><?php_e( 『Comments:』, 『yHtml5′ ); ?><?php comments_number(」, 『 1 『, 『 % 『);?></h3>
而如果是存在於函數里的列印輸出格式用<?php __(『英文』, 『主題名』); ?>;比如:
復制代碼代碼如下:
<?php paginate_comments_links(『prev_text=』.__(『Previous』, 『yHtml5′).』&next_text=』.__(『Next』, 『yHtml5′).」);?>
這是我根據WordPress官方主題里的情況,自己這么想的。
第六,完成之前5步,下面點擊一個按鈕即可自動顯示全部需要被翻譯的部分。
最後一步
O了!!!
P.s.昨天忘了一個最關鍵的一步,沒這一步,前面的白搭,就是在主題調用語言包,就是在functions.php文件添加下面一段代碼:
復制代碼代碼如下:
function theme_init(){
load_theme_textdomain('yHtml5',get_template_directory() . '/languages');
}
⑵ 自己製作 WordPress主題需要學習哪些方面的知識
第一、html、css標記語言。
html和css兩個標記語言是學習wordpress主題製作必要的基礎。不僅是wordpress主題製作的基礎,而且做其他程序的模板,像phpcms、dedecms、discuz等php建站程序都要學會html、css這些語言。html、css是基礎中的基礎。所以這兩樣東西非得運用熟練不可。否則在學習wordpress主題製作中會浪費很多時間。
第二、php程序語言
八貓說過了,剛開始學習wordpress主題製作不需要很深的php程序語言基礎,只需要把php基本的函數形式講清楚就可以了。然後把那些wordpress內置的函數玩熟練就可以做出一個像樣的主題。
第三、多練習、多打代碼
無論是學習什麼編程語言,首先做到的就是多手寫練習。wordpress主題製作也不例外。當你練習的越多,越熟練,製作wordpress主題也就得心應手。至於wordpress主題教程,網上還是有很多的wordpress主題教程,本人推薦可以看一看我愛水煮魚博客的wordress主題教程,後期八問貓會出一套完整的wordpress主題製作視頻視頻。從html、css以及wordpress函數、javascript簡單應用、php簡單應用到完整的仿站教程,以及wordpress主題製作高級教程。
⑶ 如何 製作wordpress博客主題
WordPress本地運行環境(或者在線網站空間),並且已安裝好WordPress,作為測試博客
至少配備三回種瀏覽器答,Microsoft Internet Explorer、Mozilla Firefox、Google Chrome,版本暫時不限,用於測試網頁是否顯示正常
一個文本編輯器用於編寫代碼,Dreamweaver、UltraEdit、NotePad++、Vim等,不推薦使用記事本,
⑷ 如何製作wordpress主題 適合手機端
網站後台安裝插件
首先,我們需要通過之前建設wordpress網站時已經生成的wordpress後台鏈接,並輸入我們已經有了的用戶名及後台密碼登入我們已經建設好的wordpress網站後台。
因為我們用的是插件實現快速搭建wordpress手機站點,所以在登錄後台後我們需通過【儀表盤】在側邊菜單欄目中找到【插件】把滑鼠移到上面之後我們選擇【安裝插件】選項
在進入安裝插件的界面後,根據小導航上面的【搜索】通過輸入插件名的方法來找到我們所需要的插件,這里我們在搜索框中輸入【WPtouch】來進行插件的搜索。
在搜索的結果中找到我們需要的插件,如圖1我們選擇並選擇進行安裝。安裝好後如圖2我們回到儀表盤,並點擊【插件】選擇【已安裝插件】並找到剛安裝好的選擇啟用
在安裝好後我們就已經完成了並搭建好了wordpress手機站點,如圖1在儀表盤中已經出來了【WPtouch】的菜單選項。這個時候我們就可以通過手機訪問網站域名來瀏覽效果如圖2看是否已經實現了用手機訪問網站的目的
END
網站後台不能安裝插件怎麼辦
很多時候我們在安裝插件的時候會出現種種問題不能在後台進行安裝,這時候我們就用到ftp工具。通過下載該插件並解壓插件,上傳到我們根目錄下的wp-content」「plugins」文件中也可以完成插件安裝實現手機版網站。
END
wordpress站點手機訪問設置
在實現手機訪問wordpress站點的時候,我們還可以根據自己的喜好來進行相關的設置來令手機端的網站更吸引人。如圖在儀表盤【wptouch】選擇【核心設置】設置網站標題、網站語音和其它。
【wptouch】選擇【主題設置】【一般】我們可以來設置手機端網站的文章篇數、縮略圖、日期作者。
3
【wptouch】選擇【主題設置】【品牌】可以通過簡單設置我們喜歡的風格網站的背景顏色,同時還可以上傳自己的標識網站圖標用以表明自己的版權和所有人或展現。
⑸ 製作的wp主題沒有Wordpress自帶的控制台怎麼搞
這是動態數據,所以你要調用函數.
找到WP原來的模板編輯,找到這個代碼位置.復制到你的新的模板中,就可以顯示了.
⑹ 如何製作一款屬於自己的WordPress主題
工具/原料
本地測試環境搭建工具
WordPress安裝程序
NotPad++文本編輯工具
HTML+CSS+PHP的基本知識
方法/步驟
使用XAMPP搭建本地環境,啟動後的畫面是這樣的,關於使用方法,請善用網路
2.規劃主題文件目錄
這是完整的主題目錄里應該包含的文件,包含了一些有用的擴展
方框里的內容是我們本文所必須的。
3.分離主題文件代碼
根據我們前面設計的頁面外觀我們的主頁的HTML代碼可以是這樣的:<code><html> <head> <title>Tutorial theme</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="wrapper"> <div id="header"> <h1>HEADER</h1> </div> <div id="main"> <div id="content"></div> <div id="sidebar"></div> </div> <div id="delimiter"></div> <div id="footer"> <h1>FOOTER</h1> </div> </div> </body></html>
</code>接下來,我們對這些代碼進行模塊分離,區分出header,footer,sidebar,index等內容。頭部文件Header.php:<code><html> <head> <title>Book Review</title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"> </head> <body> <div id="wrapper"> <div id="header"> <h1>HEADER</h1> </div>
</code>Header.php文件中的第4行我們更換了樣式表的文件路徑,這樣主題就會自己判斷並載入側邊欄文件sidebar.php<code><div id="sidebar"> <h2 ><?php _e('Categories'); ?></h2> <ul > <?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?> </ul> <h2 ><?php _e('Archives'); ?></h2> <ul > <?php wp_get_archives('type=monthly'); ?> </ul></div>
</code>Siderbar.php文件中分別輸出了分類的列表和歸檔的列表。底部文件footer.php <code>
<div id="footer"> <h1>FOOTER</h1> </div> </div> </body></html></code>主題樣式文件:style.css
<code>/*Theme Name: Book ReviewTheme URI: http://www.aidd.me/themeAuthor: the WordPress teamAuthor URI: http://www.ibooks.org.cn/*/body { text-align: center; }#wrapper { display: block; border: 1px #a2a2a2 solid; width:90%; margin:0px auto; }#header { border: 2px #a2a2a2 solid; }#content { width: 75%; border: 2px #a2a2a2 solid; float: left; }#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; }#delimiter { clear: both; }#footer { border: 2px #a2a2a2 solid; }.title { font-size: 11pt; font-family: verdana; font-weight: bold; }</code>主題樣式文件主要完成對主題外觀的控制,這些只是最基本的樣式控制文件,你可以根據自己的需要進行適合的修改以達到自己想要的效果。通過對最簡單的HTML的不同控制,您會發現在以後的主題製作中如何優化代碼,提高代碼的通用性。主文件index.php:<code><?php get_header(); ?><div id="main"> <div id="content"> <h1>Main Area</h1> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <h1><?php the_title(); ?></h1> <h4>Posted on <?php the_time('F jS, Y') ?></h4> <p><?php the_content(__('(more...)')); ?></p> <hr> <?php endwhile; else: ?> <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?> </div> <?php get_sidebar(); ?></div><?php get_footer(); ?></code>在主文件中,我們分別通過調用了get_header(),get_sidebar(),get_footer()實現了文件的整合,通過if判斷是否存在日誌文章,然後通過While循環來輸出資料庫中的日誌文檔。這雖然是一個最基本,最簡單的主題,但通過主題的製作您能夠會不斷的發現問題,並通過請教網路,谷歌等搜索引擎來獲取更多的知識。通過查CSS您可能獲得更多的CSS控制的特效的技能或許您會發現BootStrap是如此強大。通過查找get_header,您會發現更多其獨特的功能,你會發現wp_footer函數像WP_head()函數一樣重要,通過查找側邊欄sidebar,您會發現原來可能通過小工具使側邊欄變得如此強大,通過查找文章類型,文章形式,分類法,你會發現原來WordPress可以完成你想要的任何功能。
⑺ 怎樣製作WordPress主題漢化包
1在網上查了很多資料,也問了很多朋友,最後終於知道了怎樣製作theme漢化包。所以,想和大家分享一下,供那些和我一樣剛接觸wordpress的朋友參考!無論是你自己製作主題,還是看上了其他的主題,這個教程都將對你有所幫助!
2雖然網上製作theme語言包的方法別人介紹過,但大多講的比較籠統,對於剛接觸wp的朋友來說還得花上不少功夫去消化!本教程主要針對剛接觸wp的新手做的教程!
首先配置你的wordpress theme文件
在 theme中把需要漢化的地方使用如下格式設置好:
上面的c2cer這個是可以根據你自己的皮膚名字來定的!
例如我的theme叫做:popdo 然後我要漢化的語句是:one comment
那麼就可以寫成:
<?php _e('one comment', 'popdo') ?>
<!--end-->
如果要翻譯的語句與php資料庫有查詢關系,那麼調用的時候就要用__()而不是_e()的方式,例如:
<?php the_excerpt('Read More »')?>
<!--end-->
那麼格式就可以寫成:
<?php the_excerpt( __( 'Read More »' ,'popdo'))?>
<!--end-->
如果上面讓你不明白的話,你也可以下載一套sandbox的框架查看裡面的語句。都設置好這些後,在theme的functions.php文件中的最下面添加一句:
<?php
add_action ('init','my_theme_init');
function my_theme_init ()
{load_theme_textdomain ('popdo');}?>
上面的(』popdo』)要與你原先設置的名字要一致,最好直接使用theme的名字!
這樣theme上的工作都完成了。
接下來開始poedit上的漢化步驟:
首先下載一個Poedit(PoEdit是一款Windows下的.po文件編輯器,常用來漢化各種程序),安裝好後,啟動軟體,點擊:文件—新建消息目錄文檔。在彈出的對話框中出現如下設置:
工程名稱以及版本:填寫你的工程名稱
團隊:你 的團隊
團隊專用電子郵件:你的Email
語言:你的國家語言
國家:你的國家
字元集:建議utf-8
源代碼字元集:建議utf-8
復數形式:留空
3路徑的設置用一個」.」(點號)-即同級目錄以及該目錄下的所有子目錄:
4因為路徑的問題搞了半天,呵呵!
之前theme里設置了漢化的內容關聯了_e和__,所以關鍵字設置如下:
然後點確定,跳出.po文件保存對話框,將.po文件起名為zh_CN.po保存在 theme的根目錄下(之前設置了路徑為」.」,所以這里保存位置很關鍵!)
5保存之後就自動彈出待翻譯的所有語句列表,確 定之後就可以開始翻譯了,未翻譯的語句會顯示藍色粗體字,在列表下面有兩個輸入框,上面一個框是待翻譯語句,下面一個框是你的翻譯內容!
6poedit中翻譯好後Ctrl+s保存,會自動生成.mo文件,翻譯工作完成後還差 最後一步,別急!
打開你的wordpress根目錄下的文件wp-config.php
查找語句:
define ('WPLANG', '');
<!--end-->
將其改為:
define ('WPLANG', 'zh_CN');
<!--end-->
保存,刷新你的wordpress首頁,這樣我們就完成了WordPress theme 漢化包的製作全過程,自己的theme就製作完成了!
⑻ wordpress主題製作 需要什麼軟體
我想大多數使用WordPress的朋友都喜歡去嘗試新的主題,但是換來換去,總是找不到那麼一款適合自己的,讓人很郁悶。於是很多人萌生了修改現有主題或自己動手從頭製作一個主題的想法,但是問題又來了,怎麼做呢?畢竟製作主題是需要編寫代碼的,相信很多人看到代碼就頭大。露兜博客正在著手編寫一個WordPress主題製作的系列教程,將從頭到尾手把手教你如何製作一個完整的WordPress主題,希望對你有所幫助。開始之前先聲明,這系列教程只能讓你感性地認識主題的製作過程,並不能讓你完完全全地掌握WordPress主題的原理。
⑼ 如何自製wordpress主題
你可以參考http://fairyfish.net/2007/06/04/so-you-want-to-create-wordpress-themes-huh/
老外寫的教程很細致,水煮魚把他翻譯了,也很詳盡
後台不需要重新做.
不過wp的主題製作相對還是復雜些吧,我同意kris,最好還是懂點php.
你也可以下載sandbox,是老外寫的空白wp模版,你在此基礎上編寫可以省很多事情.寫寫css文件和制圖片就可以了.