站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
设计WordPress标题栏
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==定制标题栏样式== 如上面两个例子中所示,标题栏的样式是包含在 h1,header,headerimg,和 description CSS selector之中的。这些都能在style.css中找到,当然在外观主题的header.php之中也能找到它们。所以你需要两处都瞧瞧才行。 经典外观主题中,标题栏的[[CSS]]样式可以在#header中找到。 #header { background: #90a090; border-bottom: double 3px #aba; border-left: solid 1px #9a9; border-right: solid 1px #565; border-top: solid 1px #9a9; font: italic normal 230% 'Times New Roman', Times, serif; letter-spacing: 0.2em; margin: 0; padding: 15px 10px 15px 60px; } 背景颜色被设定为绿色阴影,而且在标题栏周围有一圈边界,显示成一种凹陷的阴影效果。Times字号为原始尺寸的230%,且字符间距也稍大于一般状况。左侧填充效果使的文本自左侧缩进。 所有的这些修改起来是很简单的,只要修改个风格属性的相关信息即可,比如让边界更粗,使其具有相同的颜色,修改背景色,字号和字体,字符间距等等。 对于WordPress主题Default的外观主题标题栏也是一样的,但是这里却有更多需要注意之处,它们都可以在header.php的"head"标签中找到,当然还有style.css之中,一旦你设定好了标题栏样式就可以将信息移至其中了。 决定标题栏样式的样式表出现在h1,header, headerimg以及descriptionCSS选择符中。与在Classic(经典)主题中一样,找到这些CSS引用并进行改动以更改标题栏样式。 自从WordPress引入一个名为[http://www.redalt.com/Tools/kubrickr.php Kubrickr]的应用程序后,更换WordPress默认主题<STRONG>Default</STRONG>标题栏的背景图片就变得很容易了。我们只要为标题栏提供一个新图片文件的名称,然后[http://www.redalt.com/Tools/kubrickr.php Kubrickr]就会自动为我们更换背景图片,而我们完全不用担心代码问题。如果只是希望修改标题栏图片而不修改其他版块内容,操作简单且实用的[http://www.redalt.com/Tools/kubrickr.php Kubrickr]可以说是我们的不二选择。 希望手动修改代码来改变标题栏样式的用户可以参考下面这个手动更改标题栏图片的例子。 [[Image:201003006.jpg|设计WordPress标题栏]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)