(茅檐小博)谷歌浏览器Google Chrome助你快速修改WordPr....doc_第1页
(茅檐小博)谷歌浏览器Google Chrome助你快速修改WordPr....doc_第2页
(茅檐小博)谷歌浏览器Google Chrome助你快速修改WordPr....doc_第3页
(茅檐小博)谷歌浏览器Google Chrome助你快速修改WordPr....doc_第4页
(茅檐小博)谷歌浏览器Google Chrome助你快速修改WordPr....doc_第5页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

如果你在使用WordPress程序建网站/博客，那么或多或少地，你需要修改一下你所使用的WordPress主题以满足你的要求。除去那些比较复杂的更改修饰，我们常常需要改动的就主要是网站的字体大小和字体行间距。如果直接在WordPress主题样式表文件style.css修改，就存在两个问题：我们很难知道哪些修改有效，哪些修改无效；我们很难在繁杂的各种代码中准确找到要修改的代码。因此，为了解决上面的两个问题，我这里介绍一种利用谷歌浏览器Google Chrome来帮助你快速而准确地定位你需要修改的代码位置，以及判断哪些修改有效，哪些修改无效的方法。为了让这个说明更加简明，也因自己能力有限，我这里就以“茅檐小博”为例，只从如何利用谷歌浏览器Google Chrome定位修改WordPress主题样式表中的字体大小和字体行间距。（分分类目录摘要的字体大小和行间距、文章页面的字体大小和行间距、评论的字体大小和行间距来说明。）首先，用谷歌浏览器Google Chrome登陆你的网站后台，启用你需要修改的WordPress主题。之后就回到网站前台，正式进行WordPress主题样式表的修改。修改网站分类目录下文章摘要的字体大小和行间距。在分类目录下的文章摘要处进行如下操作：右键点击鼠标选中下拉菜单中的“审核元素”左键单击之。这样就出现如下的网站界面：对这个界面我来简单说一下，最下面的窗口分左右两栏：左栏是界面的元素，右栏是各元素在WordPress主题样式表中的代码。我们的鼠标滑过或者选中左栏中的任何一行，就会在网站前台进行响应而出现与之对应的区域，同时，右栏也会出现与选中元素对应的代码，如下图：通过这个方法，可以很快地在右栏窗口找到修改分类目录下文章摘要的字体大小和行间距，下面这个是我的茅檐小博分类目录下文章摘要的字体大小和行间距代码修改位置：右上方的 “style.css : 847 指的是在WordPress主题样式表Style.css的第847行，单击之，得下图：选中部分即是修改字体大小和行间距的位置。我想，走到这儿了，应该就改得差不多了，剩下的就是到style.css文件夹搜索相关代码，修改成自己中意的样式即可。对于文章页面的字体大小和行间距以及评论的字体大小和行间距，其修改方法同上。至于其他比较复杂的修改，那就不是我今天要谈的，也是现在我所不能企及的了。在此，特别感谢教给我这个方法的
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论