wordpress和代码 wordpress建站和代码建站对比
wordpress 怎么优化代码
Wordpress主题代码优化
创新互联建站坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的商洛网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
wordpress代码优化的核心在于:代码能少则少,以提高网站加载速度为核心目的!优化你的代码,如果你的网站是放在虚拟空间,不要让你的网站加载时间超过5秒以上;如果是放在VPS中,不要让你的网站加载时间超过3秒以上。
为什么我这样说呢?那是因为百度对网站的打开速度有硬性的审核标准,甚至在百度站长工具中还特地推出了页面优化建议工具。
这意味着百度是希望站长优化自己网站的打开速度的。如果你的网站打开速度慢则很有可能被降权。
那怎么做主题代码优化呢?
请大家不要着急,我接下来给大家一个重要的解决方案:将我们的主题代码优化到最精简。其最重要的是优化table嵌套、header优化、js和css的合并分离优化。
1、table嵌套:我看了很多的wordpress免费主题,为了简单,采用大量的table嵌套,而浏览器在加载table的时候,是需要将程序完全加载才能渲染出来的,有一些主题甚至缺少table的关闭标签,导致浏览器无法正常渲染而卡在table标签处。做网站,应该尽量少用table标签,采用div+css的方式来绘制表格可以更好的提高网站打开速度。
2、header优化:大家可以查看一下自己网站的header标签,是否有一大堆不知道什么用的meta标签?如下图所示(某使用wordpress默认模版的网站):
一大堆乱七八糟的链接和注释,甚至引用了其他网站的文件,众所周知,只要你的代码中引用了文件,那么浏览器就会去加载完这些文件才会继续执行之后的代码,如果其他网站的文件丢失了,那么浏览器将会花大量时间等待这个文件响应,而这些都是会增加网站打开时间的。而我的网站则通过精简,只保留搜索引擎需要的meta信息和必要的文件链接,从而使得header更加简洁和高效,如下图:
3、js和css的合并分离优化:很多网站的所有js和css代码,都是写在一个文件里面的,这样虽然方便了管理,但是会导致页面加载的时候,需要加载很多不必要的代码,导致时间加长。
而我的解决方法就是将每个页面都需要的js和css分别放置在一个文件内,而其他每个页面特有的js和css,则自己独立创建文件,针对性的引用。比如共同的css都放在style.css中,首页才有的css就写在style-home.css中,只有在首页才引用,其他页面则不引用,这样就可以大大提高网站的加载速度了。
看了上面的几个优化要点,大家肯定还有疑问。所以,我接下来给大家看看我自己做的现成的案例,通过源代码大家不难发现,我的源代码已经做到最精简的程度了,没有table嵌套,header没有多余的内容,js和css只有必要的才添加。
没有多余的代码,自然加载速度可以优化到最快。
总结
当然,网站的打开速度除了代码以外,还有很多地方要注意,这仅仅是其中一个细节,但相信也是站长们都需要关注的。
如何在WordPress文章中插入代码
无论你是为WordPress写插件或hack,还是添加有关WordPress的代码片段或其他如HTML,CSS,PHP或javascript的编程代码,如何让插入于日志中的代码有其形而不发生作用对写博客的用户来说是常常遇到的拦路虎。
默认情况下,WordPress会将和自动转换为和,在发表后看起来就是和。如果它发现日志中使用了HTML标签,就会将其当作HTML标签来使用,结果你的文本看起来就很怪异,布局也会弄得一团糟。
网页中代码的使用有两个方面。在段落中使用代码表示正在讨论该段代码,然后是被高亮显示的代码。
段落中的代码
有两种HTML标签可以将文本转为等宽样式,即 code和 tt。而后者现今已基本不使用了,取代它的是用处更大且更富语法意义的 code,它能将计算机代码类的文本与一般语言分辨开来。
此为用于某段落内的代码示例
用以描述WordPress中的 codeindex.php/code,
codesidebar.php/code及 codeheader.php/code
模板文件。如果你希望在文字周围使用标签以使它们看起来如代码一般,此方法就很有用,但如果你想展示如HTML的标签的话该如何是好呢?
在 codeheader.php/code模板文件中, 查找 code div class="header"/code 部分以修改 code h1/code标题栏。使用 code标签是无法告知WordPress将HTML参考从日志中分离开的。它会看到 code标签,然后看到div,因此它就会在网页中新建一个容器作为应答。WordPress会认为你实际上是在使用HTML标 签,不小心使用h1这样的标签就能搞砸整个网页布局和设计初衷。
若要让WordPress将此识别为段落中的代码的话,可以使用字符实体或扩展字符来表示其前后的左右箭头。
在 codeheader.php/code模板文件中,
查找 codediv class="header"/code
部分以修改h1标题栏。
默认情况下,WordPress会将任何以http:开头的文本转换为链接。如果你要为WordPress网站内特定文章做链接,而不使用 并将其转为链接的话,你可以使用扩展字符来代替右斜杠,这样一来WordPress就不会“看到”该链接了。
...在日志中使用
使用链接到某特定的WordPress日志....
以下列出一些最常用的HTML字符实体:
=
=
/ = /
] = ]
[ = [
" = "
' = '
后文给出了相关资源,它将帮助你将HTML标签转为字符实体,因此你就无需劳神背下这些字符代码了。
使用PRE标签
要使得代码可以被复制粘贴到其他代码或模板文件中的话,可以使用 pre这个HTML标签。
pre标签指示浏览器使用等宽的代码字体,并完完全全地将 pre标签内的内容复制下来。每个空格,分行,以及代码都被完整地复制一遍。
h3Section Three Title/h3
pThis is the start of a
a title="article on relationships" href="goodtalk.php"
good relationship/a between you and I....
使用 pre标签看起来并不美观,但却能达到目的。后文将给出解决外观问题的例子。它会将代码原原本本地展示出来。
我们这里说原原本本,事实也是如此。如果你的代码行非常长,它就会伸到页面外面去,因为并无任何指示告知它进行换行。以下给出一个例子:
h3Section Three Title/h3
pThis is the start of a a title="article on relationships" href="goodtalk.php"good relationship/a
between you and I and I think you should read it because it is important that
we have these little a title="article on communication" href="communication.php"conversations/a
once in a while to let each other know how we feel....
看起来很不舒服吧。要避免这种代码窜出屏幕的现象,就要进行分段。但在哪进行分段并放入段行标签可没那么容易决定下来的。
如果你熟悉编程语言的话,就知道在何处断行而不会弄砸一行代码。但如果你不知道在何处断行的话,就进行实验吧。将代码写入后,进行断行并进行测试。如果代码能够起效的话,就是要这种断行形式。否则的话就请尝试其他的断行位置。
如果你的代码行很长,可以考虑只显示一小部分代码,然后在网站上的文本或PHP文件中给出完整代码段的链接,也可以使用用于临时展示代码的在线pastebin。
代码的疑难排解
在WordPress日志中写代码可谓一项挑战,它会覆盖WordPress的默认风格。如果你在日志中写代码时遇上麻烦的话,下面这些内容可能会对你有帮助。
代码中的引号
在日志中写进代码时常遇到的问题是,WordPress会将代码中的直引号转换为文字处理程序中出现的弯引号。用于实现功能的代码不应当具有这种弯引号,而应该保持原有的直引号。
你可以使用 pre标签来避免出现这种情况,或使用字符代码来表示引号也可以解决此问题:
p class="red"
即可写为 p class="red" 但如果你是在首次发布某页面之后进行编辑的话,html代码编辑器就会用自带的符号替换所有的实体。因此,如果你使用" 来表示引号的话,它们会变为",而当你保存的时候它们就会被转换掉。
定制代码标签的风格
默认情况下,使用 pre和 code会将文本显示为等宽样式的字体,并使用body标签的字号。如果你想使用不同的字号,然后让这些标签呈现出不同的颜色或风格。
在WordPress外观主题文件夹的style.css风格页中,为这两类标签添加风格。举例如下:
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #FFFFB3}
code{font-size:1.2em;
color: #008099}
使用 code将会是上面的样子,而使用pre则会是如下形式:
pre{border: solid 1px blue;
font-size: 1.3 em;
color: blue;
margin: 10px;
padding:10px;
background: #FFFFB3}
code{font-size:1.2em;
color: #008099}
Wordpress代码
if(in_category($idarr)){ include('single_wz.php'); };
if(in_category( 分类ID )){ include('single_XU.php'); };
else{ include('single_products.php'); }
-----------------------------------------------------------------------
参考阅读:
?php if (get_option(‘wpyou_news_id’)){
$newsCats = get_option(‘wpyou_news_id’);
$newsArrays = explode(“,”,$newsCats); }
if(in_category(19) ){ include(‘cable_products.php’); }
else if (in_category($newsArrays) || post_is_in_descendant_category( $newsArrays )){ include(‘archive_main.php’); }
else if (in_category(20)){ include(‘networks_products.php’); }
else{ include(‘archive_products.php’); }
?
使用 IN_CATEGORY() 进行判断
in_category() 函数可以通过分类别名或ID判断当前文章所属的分类,而且可以直接在循环(Loop)内部和外部使用。
如果是单个分类 ID ,比如ID 为 2 ,可以这样写
1
in_category(2)
如果是单个分类别名,比如别名为 themes,可以这样写
1
in_category('themes')
如果是多个ID,可以这样写
1
in_category( array( 2,3,7) )
如果是多个别名,可以这样写
1
in_category( array( 'themes','plugins','develop') )
然后我们结合 if 语句就可以很好地实现模板的选择。比如我们可以在主题的根目录创建3个文章模板文件,分别命名为 single001.php , single002.php 和 single003.php,然后我们希望 ID 为 2 和 3 的分类使用 single001.php,ID为 7 的分类使用 single002.php ,其他分类使用 single003.php,那么,我们可以在 single.php 文件写入下面的代码:
?php
if ( in_category(array( 2,3 )) ) {
get_template_part(‘single001′ );
} elseif ( in_category( 7 )) {
get_template_part(‘single002′ );
} else {
get_template_part(‘single003′ );
}
?
好了,例子就说到这里,只要大家明白了其中的原理,就可以应用自如了。
wordpress通过代码实现百度主动推送和实时推送
我的网站被百度K站了,我很无语,也很无奈,因为网站都是合法内容,也没抓取别人的文章,然后就被百度K站了,目前通过百度搜索,没有任何我站点的信息
我很无奈了,正规做站都遇到这个问题。看了下百度统计,天天有第三方的来刷费流量,我相信大家的站都会遇到这个问题,我尝试封禁这些费流量,最终结果是无劳。
思来想去,不能就这么放弃了,于是尝试的主动推送百度,最后结果如何,我也左右不了啦,总比等着强,下面将我的方法整理一下。
首先需要去百度的搜索资源平台注册账号,地址为:
注册完之后按照要求添加自己的站点,相信这块大家都知道怎么操作,我就不在累絮啦。
重点在”资源提交-普通收录”中,我们使用api接口提交,注意自己token,那是百度分配给你的。
在wordpress的funcions.php中添加代码
这样再保存和修改文章时都会将文章提交到百度,我也不知道最终百度会不会解封,先这样着吧。
新闻标题:wordpress和代码 wordpress建站和代码建站对比
当前URL:http://hbruida.cn/article/ddoidcc.html