快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

wordpress代码块 wordpress 代码插件

如何在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 源代码中内嵌了一些无法访问的url拖累访问速度?

wordpress必装插件,wordpress网站装好了之后,为了更好的优化网站少不了安装插件优化。今天给大家推荐wordpress必装插件以及工具。只需输入域名选择wordpress主题或模板(内置90000套主题模板选择)。一个网站就这样搭建完成。软件上还覆盖各种主题功能以及全套SEO插件。等下会以图片的形式给大家展示。大家注意看图。一键建站+行业内容采集+伪原创+主动推送给搜索引擎收录。

网站地图,又称站点地图,它就是一个页面,上面放置了网站上需求搜索引擎抓取的一切页面的链接(注:不是一切页面)。大多数人在网站上找不到本人所需求的信息时,可能会将网站地图作为一种弥补措施。搜索引擎蜘蛛十分喜欢网站地图。

制作网站地图的工具十分多,如sitemapX,其他软件功用大同小异。网站地图放置在网站的根目录,有一份或者多份,只要一份的状况是页面比较少,网站地图文件较小,蜘蛛读取速度快,反之蜘蛛读取速度慢,所以分开多个文件放置,不由于读取问题影响权重。另外,robots协议文件控制搜索引擎抓取范围、时间频率等,所以应该把网站地图放在robots的最后面,先恪守robots抓取范围。

出现404错误是在网站页面被收录了之后,后面又被删除,在搜索引擎再次点击即出现404错误。这对用户体验来说是相当糟糕的,但404错误又是无法避免的,中小型网站页面数量不会很多,但是大型门户网站,论坛等,数量就多了。404在seo优化中,尤其是在跳出率和PV上,起到关键作用。

什么是404错误

先看看seo名词解释:HTTP 404或Not Found错误信息是HTTP的其中一种“标准回应信息”(HTTP状态码),此信息代表客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应且不知原因。

出现404错误的影响

自定义404错误页面是增强用户体验的很好的做法,但在应用过程中往往并未注意到对搜索引擎的影响。 搜索引擎蜘蛛在请求某个URL时得到“404”状态回应时,即知道该URL已经失效,便不再索引该网页,并向数据中心反馈将该URL表示的网页从索引数据库中删除,删除过程有可能需要很长时间;

搜索引擎得到“200”状态码时,则会认为该url是有效的,便会去索引,并会将其收录到索引数据库,结果是这两个不同的url具有完全相同的内容,搜索赢球认为这是复制的网页。轻则被搜索引擎降权,重则会K掉网站。静态页面为路径的网站,在优化和删除某些后台编辑的文章时,一定要把网站的生成静态页面(完整路径的页面)删除,同时向百度进行死链提交。

这里要提到特殊的tag功能,dedecms能按照文章关键字自动生成tag标签。如果tag标签也被收录,而你删除了某些tag标签,都会弹出“dedecms提示:该标签已删除”的错误页面,会产生非常多重复且低质量的页面。由于不是返回404,无法通过提交404错误,删除这些快照。如果你有大量的tag标签页被收录,404页面的设置方法很多,以万网虚拟机为例,Apache下设置404错误页面。方法很简单,只需在.htaccess 文件中加入如下内容即可:ErrorDocument 404 /notfound.php。也可在万网空间设置里面设置404页面,只要选好404模板。

制作死链文件筛查网站内部存在的死链,并将这些死链页面设置成为404页面,即百度访问它们时返回404代码。将需提交的死链列表制作成一个死链文件,制作方法请参阅百度错误页面提交帮助文档(与sitemap格式及制作方法一致)

wordpress 源代码中内嵌了一些无法访问的url拖累访问速度

数据库也是影响 WordPress 运行速度重要的因素之一,频繁调用、查询数据库会拖累网站整体的加载速度。今天大挖结合自己的实践操作来

优化一些 WordPress 数据库不必要的查询次数。希望可以帮助到大家有效提升博客的速度。

先给大家分享一段可以在wordpress主题底部显示当前运行时 WordPress 数据库查询次数和内存使用情况的代码:

1

2

3

4

5

6

7

8

9

10

//显示数据库查询次数、查询时间及内存占用的代码

function performance( $visible = false ) {

$stat = sprintf( '%d 次查询 用时 %.3f 秒, 耗费了 %.2fMB 内存',

get_num_queries(),

timer_stop( 0, 3 ),

memory_get_peak_usage() / 1024 / 1024

);

echo $visible ? $stat : "" ;

}

add_action( 'wp_footer', 'performance', 20 );

上面的代码,直接放到主题function.php里即可。

优化WordPress 数据库查询:首先需要在 WordPress 的wp-config.php里进行优化操作,具体配置如下:

1

2

3

4

5

6

7

8

9

10

11

12

define('COOKIE_DOMAIN', '');

//设置地址而不是服务器检查,这将减少服务器查询

define('WP_HOME', '');

define('WP_SITEURL', '');

//优化文章修改历史:Post-Revisioning

define('AUTOSAVE_INTERVAL', 120);// 修改WordPress 编辑器自动保存时间间隔为120秒保存一次

define('WP_POST_REVISIONS', 5);//仅保留保留5个最近修改,也可以减小此数字,但不能太低了

define('EMPTY_TRASH_DAYS', 7 );//7天后自动清空回收站,这个自己根据情况设定

define( 'CORE_UPGRADE_SKIP_NEW_BUNDLED', true );//更新时跳过 wp-content 目录,增加更新效率

//通过剔除对模板路径和样式表路径的数据库查询,这样可提高站点的性能。

define('TEMPLATEPATH', '/wp-content/themes/wa');

define('STYLESHEETPATH', '/wp-content/themes/wa');

如果你没有使用缓存插件,开启WP自带的缓存(Cache)功能,并设置缓存时间,是非常必要的事情。

1

2

3

define('WP_CACHE, true); // 打开 WordPress 自带的缓存功能

define('ENABLE_CACHE', true); // 缓存开关

define('CACHE_EXPIRATION_TIME', 3600); // 缓存时间间隔

注:3.0后版本要开始缓存在/wp-includes/default-constants.php中开启,切记哦!

wordpress程序自身会经常向wordpress.com的服务器发送请求传送数据,我们可以通过设置wp-config.php来屏蔽此类外部请求的发送,在wp-config.php添加如下代码:

1

2

//禁止WordPress程序发出对外请求

define('WP_HTTP_BLOCK_EXTERNAL', true);

值得注意的是我们在加入以上代码后你的网站将无法对任何一个外部服务器发出请求,如果站长朋友们为了加速网站收录使用了ping功能,加上以上代码后ping功能将会失效。解决方法:我们可以设置对外请求白名单即可解决ping失效问题,代码如下:(以百度ping为例)

1

define('WP_ACCESSIBLE_HOSTS', 'ping.baidu.com');//仅允许 WordPress 向ping.baidu.com发送请求

通过 WordPress 的wp-config.php配置完后大家 可以用本文开头分享的代码在源代码里查看和对比一下是不是数据库查询次数和内存使用量有所改善。还有就是要养成提前备份的好习惯,否则后果自负了!


分享文章:wordpress代码块 wordpress 代码插件
网页地址:http://6mz.cn/article/dophohs.html

其他资讯