您的浏览器不支持CSS3,建议使用Firfox、Chrome等浏览器,以取得最佳显示效果

本站文章编辑规范 v1.0

286℃ 0 3年前 (2015-01-11)

编辑界面的显示设置

编辑界面有很多可供使用的模块,通过顶部的显示选项,可以勾选要用的模块。

3a271e6a-5bd0-4bab-ad09-9a61c27ca4b5

文章标题和固定链接的编辑

新建文章,输入标题。

fc64443e-fb58-46bf-b255-7eee564ae2ea

输入完标题在空白处点击一下让光标离开标题,稍后就会在标题下方显示固定链接选项。

afe07ef9-f433-4ded-b54c-c19fee2e719a

点击编辑,并输入一段简短但又能足够概括文章内容的链接,可以是英文字母、连字符、数字,尽可能不使用中文以及拼音。合理的固定链接有利于搜索引擎的索引。

9254aaa2-33b1-4541-aeb4-64911567d4d2

文章内容编辑

WordPress自带编辑器使用的是HTML编码,文本通过标签控制。编辑的时候只需要编辑文本和标签即可,标签的样式已经由网站的全局层叠样式表规定好。

文章可使用图形化和文本的形式编辑。文本即源代码,图形化模式则能直观的看到最终显示的文本,以及部分文本风格效果。正文输入框的右上角,即为输入模式切换按钮。

f9b42d8b-9534-4882-97e7-3c28154aacd7

常用的标签有p,h2,h3,br,p用于文字段落,段落不需缩进。h2和h3分别用于不同层次的子标题。br为换行符。图形化的界面中,这几个标签的显示效果如图。

7eebf1f4-85d1-4cdd-ae9c-350571c1c789

对应的文本模式下的源码如图。

87626925-fd4e-46bd-b15a-38bdbe4fca0d

在图形界面,输入一段文字并选中,并在菜单中选择 段落/二级标题/三级标题,则可分别设置为p,h2,h3标签。

e11e3a18-c307-4943-b1dc-0b592b789521

在这三个标签模式下,按回车键则会插入一个新的p标签,即新的段落。如果需要换行但保持同一个段落,请在文本模式下插入标签。如图。

5e203562-c80f-4f87-8f00-8fa0033a2a0d

正文内容规范

标点使用符合基本规范,中英文标点不要混用,文章末尾为句号。

文章内容分段合理,排版整齐(使用基本的p,h2,h3标签,最好不要直接粘贴带有复杂格式的HTML内容)。

语言表述清晰。

分类和标签的设置

通过勾选即可设置分类,一篇文章可设置多个分类。没有勾选则归属于未分类。如果没有找到分类目录模块,可以在页面顶部的显示选项中勾选。

02cf58bb-40ba-4ef5-b85f-ec42d8759440

可以根据需要为文章设置标签,多个标签用英文逗号隔开。标签有利于搜索引擎的索引,以及用户查看,也可不设置。

c980acbd-a291-4b98-a277-33327ca3bfe4

图片的编辑

点击添加媒体,上传合适的图片插入即可。或在媒体库中选择图片插入。

b707fa80-5359-44de-849a-5a3f5aa78cb7
0148a19e-7679-42d2-9a09-205787a6712e

图片插入要求

由于网站流量和存储空间有限,且用户网络速度有限,图片不宜过大。请将图片压缩至1280*960以下的分辨率,一般可用800*600,通常一张图片尺寸不超过200KB,压缩软件推荐XnView(图片转换功能即可实现压缩)。

程序代码的编辑

程序代码可以考虑直接在本地用支持高亮的编辑器写好并截图插入文章。也可以直接用文本形式插入而不使用高亮功能。

如果一定要实现代码高亮,可使用WP-Syntax提供的代码高亮功能,操作如下。

代码高亮需要使用pre标签,此标签一般在文本模式下编辑。

方法一:在可视化界面编辑

在可视化界面中,当左上方菜单显示”段落”时,每次按回车都会插入一个新的p标签;显示pre时,每次按回车都只会插入换行,而继续保留在pre标签中。

正常编辑文本,到了需要输入代码时,多按几下回车,产生至少两个空的p标签。

99df8c63-015e-4480-a738-38760063cf68

然后光标选择第一个空的p标签,并将菜单切换到pre,然后输入代码。

81946ad5-f2eb-4458-b751-11b99389f1a7

下面需要继续输入正常的文章段落。由于在pre标签中按回车时,会始终保持在这个pre标签中而不会跳出。所以想要跳出这个pre标签,如果不借助文本模式,则需要点击编辑代码之前预留的空白p标签。

edc1283f-80f4-4f87-ae2c-55e0c2759865

继续进行文本的输入即可。

全部输入完成后,pre标签的代码高亮还不能正常工作。这时切换到文本模式下,可以看到HTML源码。可以看见,之前输入的尖括号被转换成了图中的HTML转义字符(gt和lt分别是大于、小于的缩写,也就是尖括号了)。

197200b9-55e9-41ee-afa4-ff1fd3b92ed3

给pre标签添加lang属性,属性的值为程序语言,例如lang=”c”;另外添加line=”1″则显示行号,否则不显示。注意,还有个重要的属性escaped=”true”,用于转义控制的。

d3865d4b-9cfe-442b-a73b-d4e4ce46c867

编辑完成后,建议不要在可视化和文本界面反复切换了,直接点击发布。否则可能导致转义字符出错,特别是尖括号中的内容可能会直接当成无效的HTML标签被删除。发布后的显示效果如图。

f5f14c22-6f61-4ad8-8de6-a19473cface6

方式二:在文本界面编辑

可以先在图形界面将代码以外的内容先编辑好,然后切换到文本模式下面。直接输入pre标签,并编写代码。注意,pre标签不需要escaped属性,代码可不使用转义字符。切记,编辑好代码不要切换到可视化界面,否则部分代码很可能就没了。

b58229b9-e8f2-4c3d-b4b4-a5fed4b04cab

编辑好直接点击发布,然后可以预览效果。

在本地编辑文章

利用为知笔记的博客离线发布功能,可以在本地编辑文章,快速发布到WordPress。

首先使用为知笔记编辑好没有文本格式的文章,使用格式化文字工具进行格式化。

c837e09c-c912-45ba-9ef2-16084f3c7bbf

使用此工具格式化后,文章就成了主要只有p标签和图片的的无格式纯净文档。然后对需要的地方进行h2、h3、粗体的设置,即可完成编辑。

编辑完成后,点击发布到博客

0fad732f-4a8b-4de1-9bf7-61f66655776f

弹出窗口中填写API地址,端口为80,网站的用户名和密码。填写好文章的分类。其它选项可按照下图设置,点击确定即可发布。

4bbd62ad-7ed9-4e27-a370-1cb991f03d35

发布成功后,到网站查看文章,默认使用标题作为文章链接。请点击编辑,进入修改固定链接,然后点击更新即可。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

0

暂无评论

评论前:需填写以下信息,或 登录

用户登录

忘记密码?