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