你好,我也是wordpress愛好者,希望能一起交流。
公司主營業(yè)務(wù):成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)建站是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)建站推出泉山免費(fèi)做網(wǎng)站回饋大家。
關(guān)于你的問題。僅僅需要改動(dòng)wordpress主題目錄下的style.css文件樣式,為菜單寫css樣式即可。主題文件位于 wordpress/wp-content/themes/你當(dāng)前選擇的主題目錄下。
如果有不太清楚的可以私信我。一起交流。
css書寫規(guī)則:
.menu?{
background-color:?#ccc;
line-height:?38px;
height:?38px;
}
.menu?ul?li?{
width:?160px;
padding:?0?15px;
}
以上是css的基本書寫,你可以參考下。將menu換成你菜單的css類。然后在重寫css。最后保存style.css文件,并刷新瀏覽器查看效果。
你用的是什么瀏覽器,如果是遨游那么你右鍵人家任意位置-選擇審查元素-然后在下面有個(gè)放大鏡,點(diǎn)擊一下放大鏡-將鼠標(biāo)移動(dòng)到導(dǎo)航的位置,在瀏覽器的下面就能夠看到對應(yīng)的代碼,記住代碼然后再去style.css
里面找到代碼就可以修改背景顏色了
如果使用 page.php 來處理所有頁面的外觀的話,答案肯定是不行的,但是如果使用不同的 WordPress 頁面模板,就可以自定義每個(gè)頁面的外觀了。
比如你博客的所有的頁面除了“關(guān)于”這個(gè)頁面之外都有側(cè)邊欄,在“關(guān)于”頁面,你想內(nèi)容的寬度能夠擴(kuò)展到這個(gè)頁面的寬度。下面就是詳細(xì)的實(shí)現(xiàn)步驟:
在當(dāng)前使用的主題文件夾中創(chuàng)建一個(gè)新模板,將它命名為 about.php。
完成之后,到 about.php 的最上面插入以下代碼:
以下內(nèi)容以本博使用的Wordpress Version 2.9.1為例
1、不同分類使用不同模版 :
以建立promotion和tournament兩個(gè)分類為例:
假設(shè)它們的分類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ú)特的分類頁面
2、 不同頁面使用不同模版
再來定制不同pages的模板,以about頁面為例:
復(fù)制文件夾wordpress\wp-content\themes\yourtheme下page.php模版文件
重命名為about.php, 注意在此文件最頂端加上如下代碼,否則在后臺(tái)管理面板讀不到:
!--p /*Template Name: about */--
然后在管理后臺(tái)-Pages-Edit 編輯about頁面,
在Template模板下拉菜單中選擇about,
保存即可
3 、不同日志使用不同模版
例如為日志應(yīng)用特別的模板:
復(fù)制文件夾wordpress\wp-content\themes\yourtheme下single.php模版文件
重命名為single-4.php,按需求進(jìn)行單獨(dú)修改
打開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后臺(tái)登錄頁面,這個(gè)看起來簡單,但做起來還是有點(diǎn)小復(fù)雜。
據(jù)了解,高時(shí)銀博客就是通過以下2步來實(shí)現(xiàn)的:
1、在當(dāng)前主題文件夾下創(chuàng)建一個(gè)login.css 文件,
html{
background: transparent;
}
body.login{
background: #000 url("images/login_bg.jpg") no-repeat center top;
}
body.login div#login h1 a {
display: none;
}
body.login div#login h1{
display: block;
height: 70px;
}
.login form,.login form .input, .login input[type="text"],.wp-core-ui .button-
primary,.wp-core-ui .button-primary:hover{
-webkit-box-shadow:none;
box-shadow:none;
-webkit-border-radius: 0;
border-radius: 0;
}
.login form{
background: rgba(10,35,35,.4);
border: none;
}
.login form .input, .login input[type="text"]{
background: transparent;
border-color: #444;
color: #eee;
}
.login form .input:focus{
border-color: #666;
}
.login label{
color: #999;
line-height: 35px;
}
.wp-core-ui .button.button-primary{
background: rgba(187,64,48,.7);
border: none;
line-height: 12px;
padding: 10px 30px;
}
.wp-core-ui .button-primary:hover{
background: rgba(0,0,0,.4);
-webkit-transition: background 0.5s ease-out 0s;
-moz-transition: background 0.5s ease-out 0s;
-ms-transition: background 0.5s ease-out 0s;
-o-transition: background 0.5s ease-out 0s;
transition: background 0.5s ease-out 0s;
}
.wp-core-ui .button.button-primary,
.login label,
.login form .input{
font-family: 'Microsoft YaHei';
}
#nav,#backtoblog{
display: none;
}
2、然后在主題的functions.php文件中添加調(diào)用這個(gè)CSS文件的代碼:
//登錄界面
function diy_login_page() {
echo 'link rel="stylesheet" href="' . get_bloginfo( 'template_directory' ) .
'/login.css" type="text/css" media="all" /' . "\n";
}
add_action( 'login_enqueue_scripts', 'diy_login_page' );
希望我的回答幫到了我哦。