這個(gè)問(wèn)題,最大可能性存在于你后臺(tái)設(shè)置得不正確。
成都創(chuàng)新互聯(lián)總部坐落于成都市區(qū),致力網(wǎng)站建設(shè)服務(wù)有網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站維護(hù)、公眾號(hào)搭建、微信小程序定制開(kāi)發(fā)、軟件開(kāi)發(fā)等為企業(yè)提供一整套的信息化建設(shè)解決方案。創(chuàng)造真正意義上的網(wǎng)站建設(shè),為互聯(lián)網(wǎng)品牌在互動(dòng)行銷(xiāo)領(lǐng)域創(chuàng)造價(jià)值而不懈努力!
如果你后臺(tái)設(shè)置得過(guò)小,而前臺(tái)顯示的尺寸大于后臺(tái)設(shè)置的尺寸,圖片被拉伸放大,勢(shì)必造成不清晰的狀況。
假設(shè)你前臺(tái)顯示為220*180,則后臺(tái)也設(shè)置為相同尺寸。
如果使用 page.php 來(lái)處理所有頁(yè)面的外觀的話(huà),答案肯定是不行的,但是如果使用不同的 WordPress 頁(yè)面模板,就可以自定義每個(gè)頁(yè)面的外觀了。
比如你博客的所有的頁(yè)面除了“關(guān)于”這個(gè)頁(yè)面之外都有側(cè)邊欄,在“關(guān)于”頁(yè)面,你想內(nèi)容的寬度能夠擴(kuò)展到這個(gè)頁(yè)面的寬度。下面就是詳細(xì)的實(shí)現(xiàn)步驟:
在當(dāng)前使用的主題文件夾中創(chuàng)建一個(gè)新模板,將它命名為 about.php。
完成之后,到 about.php 的最上面插入以下代碼:
以下內(nèi)容以本博使用的Wordpress Version 2.9.1為例
1、不同分類(lèi)使用不同模版 :
以建立promotion和tournament兩個(gè)分類(lèi)為例:
假設(shè)它們的分類(lèi)ID–category id分別為2、3,
wordpress存放路徑為 htdocs\wordpress\
那么在文件夾wordpress\wp-content\themes\your-theme下
復(fù)制兩個(gè)category.php模板文件,重命名為category-2.php和category-3.php
這樣分別修改兩個(gè)模版文件,即可定制出你需要的、獨(dú)特的分類(lèi)頁(yè)面
2、 不同頁(yè)面使用不同模版
再來(lái)定制不同pages的模板,以about頁(yè)面為例:
復(fù)制文件夾wordpress\wp-content\themes\yourtheme下page.php模版文件
重命名為about.php, 注意在此文件最頂端加上如下代碼,否則在后臺(tái)管理面板讀不到:
!--p /*Template Name: about */--
然后在管理后臺(tái)-Pages-Edit 編輯about頁(yè)面,
在Template模板下拉菜單中選擇about,
保存即可
3 、不同日志使用不同模版
例如為日志應(yīng)用特別的模板:
復(fù)制文件夾wordpress\wp-content\themes\yourtheme下single.php模版文件
重命名為single-4.php,按需求進(jìn)行單獨(dú)修改
打開(kāi)single.php模版文件
將其中的所有代碼以如下代碼包裹,形如
!--p $current_cat= get_the_category();$current_single_file= TEMPLATEPATH .'/single-'.$current_cat[0--cat_ID.'.php';if(is_file($current_single_file)){include($current_single_file);}else{ ? 此處為原來(lái)single.php中的所有代碼 !--p }--
WordPress 11款純CSS主題推薦
1、MiniWP
國(guó)人開(kāi)發(fā)的一款純CSS WordPress主題,無(wú)圖片,無(wú)用JS,完全CSS+xhtml構(gòu)建,很輕巧,全部文件加起來(lái)不到40K大小,兼容IE6/IE7/Safari3/Firefox/Opera9.5瀏覽器。
2、CryBook
CryBook主題,使用了一JS。該主題最大的特色是在首頁(yè)可以手動(dòng)置換五種顏色,分別是紅色、粉紅色、藍(lán)色、紫色、綠色。支持評(píng)論分頁(yè)和嵌套回復(fù),預(yù)置廣告位和Google Analytics代碼接口。
3、greyville
灰白色風(fēng)格,ajax、widgetized,經(jīng)典的布局。
4、inpad
有三種顏色供切換,在后臺(tái)設(shè)置顏色切換和屏寬大小。支持嵌套/@評(píng)論回復(fù),支持Widget。不用任何插件也可正常使用。
5、prowerV3
國(guó)人開(kāi)發(fā)的一款很受歡迎的純CSS主題風(fēng)格中,這是Prower系列主題的第三版,與前兩版相似的是依然是走的簡(jiǎn)潔風(fēng)格路線(xiàn),這一版的主題比前兩版更簡(jiǎn)潔更快速,簡(jiǎn)潔到只在RSS訂閱圖標(biāo)使用了一個(gè)圖片。
6、pureCSS
由 WordPress 主題設(shè)計(jì)愛(ài)好者非著名設(shè)計(jì)師 Leslie 設(shè)計(jì),Yixia 編碼,支持 Widget,通過(guò) CSS 和 XHTML 驗(yàn)證,在 IE6 / 7,F(xiàn)F2 / 3 等瀏覽器表現(xiàn)一致,不需要任何插件支持。
7、RBcss
RBcss主題由 Mars Lau 設(shè)計(jì),兩欄;黑紅色;支持Widget;支持Gravatar;通過(guò) XHTML 1.1 和 CSS 3 驗(yàn)證;兼容IE6、IE7、IE8、Firefox、chrome等瀏覽器。
8、Simple-Lines
完美支持原生嵌套回復(fù),可直接進(jìn)后臺(tái)討論,勾選“嵌套”“分頁(yè)”;預(yù)設(shè)所有側(cè)邊欄小工具樣式,可在后臺(tái)主題小工具直接拖拽;對(duì)IE6做了大量HACK,目前各大瀏覽器完美顯示;
9、Woogle
該主題仿谷歌的搜索引擎,用了兩張圖片,一張是網(wǎng)站的LOGO,還有一張是底部的分頁(yè)。
10、zDark
一款純CSS純黑色的Wordpress主題。
11、GWthem
經(jīng)典兩欄寬屏主題,很清爽干凈。該主題沒(méi)有導(dǎo)航欄,但預(yù)置了WP Page Numbers插件。
以上主題如找不到下載,可點(diǎn)擊下載WordPress純CSS主題。
(詳情看資料,貼不上圖 不好意思) 都是些純css,簡(jiǎn)單?都很強(qiáng)大。
實(shí)現(xiàn)Wordpress彩色標(biāo)簽云
在相應(yīng)主題的functions.php加入下面的代碼,位置刻意在?前面:
function colorCloud($text) {
$text = preg_replace_callback('|a (.+?)|i','colorCloudCallback', $text);
return $text;
}
function colorCloudCallback($matches) {
$text = $matches[1];
$color = dechex(rand(0,16777215));
$pattern = '/style=(\'|\”)(.*)(\'|\”)/i';
$text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);
return "a $text";
}
add_filter('wp_tag_cloud', 'colorCloud', 1);
修改Wordpress彩色標(biāo)簽字體大小,排序,顯示數(shù)量等。
文件位置在wp-includes下的category-template.php 文件中,搜索wp_tag_cloud,找到相關(guān)參數(shù)進(jìn)行修改:
function wp_tag_cloud( $args = '' ) {
$defaults = array(
'smallest' = 12, 'largest' = 16, 'unit' = 'pt', 'number' = 50,
'format' = 'flat', 'separator' = "\n", 'orderby' = 'count', 'order' = 'DESC',
'exclude' = '', 'include' = '', 'link' = 'view', 'taxonomy' = 'post_tag', 'echo' = true
);
$args = wp_parse_args( $args, $defaults );
$tags = get_terms( $args['taxonomy'], array_merge( $args, array( 'orderby' = 'count', 'order' = 'DESC' ) ) );
注:
smallest表示標(biāo)簽的最小字號(hào)
largest表示最大字號(hào)
unit=px表示字體使用像素單位
number=0表示顯示所有標(biāo)簽,如果為40,表示顯示40個(gè)
orderby=count表示按照標(biāo)簽所關(guān)聯(lián)的文章數(shù)來(lái)排列
order=DESC表示降序排序(ASC表示升序排序,DESC表示降序排序)
Wordpress彩色標(biāo)簽云小工具調(diào)用。
保存之后回到首頁(yè)就可以看到彩色標(biāo)簽云的效果了。
分享題目:wordpress像素風(fēng) 像素風(fēng)格網(wǎng)頁(yè)
轉(zhuǎn)載注明:http://bm7419.com/article38/ddcsdpp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷(xiāo)推廣、微信公眾號(hào)、品牌網(wǎng)站建設(shè)、云服務(wù)器、關(guān)鍵詞優(yōu)化、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)