WordPress公开你的模版

2018年11月9日06:28:55 发表评论

已请求将本文与另一页合并。
将这些项目合并到主题中。如果它们是WordPress.org主题目录提交的特定内容,如果它们是一般的主题开发,则将它们合并到主题中。

作为开放源代码,wordpress开发人员喜欢在用户使用wordpress时保持一些宽松。然而,在设计您的风格或主题的竞赛和公众消费,有几件事情你应该考虑。这些并不是硬性和快速的规则,而是更多的指导方针,指导你在向公众展示主题之前,如何使主题变得最好。
有能力快速改变一个网站的外观是非常令人兴奋的,而你的主题或风格是他们的选择之一更是令人兴奋。为了保持所有的兴奋,我们需要确保在引擎盖下,有一些一致性和事情你应该知道,然后再向公众发布你的辛勤工作和精彩的设计。
熟悉过程
在wordpress codex(使用wordpress的主要文档)中,您将发现大量的信息,这些信息将回答您有关主题的问题,创建主题,样式css,模板标签等等。在你开始这个过程之前,我们建议你熟悉wordpress的功能。关于这些主题的最全面的文章列表在模板文章中。

制定计划
当您考虑您的设计的可能性,请查看css禅园的灵感。志愿者设计了一个html页面,并从中创建了数百种不同的网页设计。html不会改变,只有样式表会改变。设计是令人难以置信的多样化和独特的。这不仅显示了用css进行设计的力量,也显示了想象力创造和将最简单的信息转化为艺术作品的力量。从一个计划开始。
据最受欢迎的wordpress支持者之一的核驼鹿说,你开始用一些基本的工具来制定你的计划,Don'不涉及计算机。

我有一些小提示...纸,铅笔,粘纸条和铅笔蜡笔。"为什么?”你问?I’我会告诉你的。
我用黏贴来表示页面的一个部分、块、模块或部分。(用你自己的适当术语。)我在它们上面写了链接和导航等等,然后把它们放在一张空白的纸上。这样,我就可以随意的在元素周围移动,找到一些看起来平衡的东西。我甚至把其中的一些剪成大小,以更紧密地代表他们在页面上的实际比例。
当我得到我喜欢的东西后,我会详细地把它画出来。我经常给东西上色,来尝试各种颜色的组合。事实上,我只是喜欢涂色,但我不想让我的孩子觉得我涂色是为了好玩……这是严肃的事情!
我在一张纸上写下了我想在网站上列出的所有内容。然后我计划它的每个部分,做关于字体,对齐,可能需要的插件,背景图像,或其他我可能想要的艺术/图形的笔记。
在这个过程的最后,我有一个相当好的处理方式,我希望事情看起来如何,以及它应该如何组织。我可以开始为网站收集所有的资产(图像,插件等),并开始考虑编码。
换句话说,前面有一些与计算机无关的工作。I'I’我发现这对我开始实际的网站建设有很大帮助,因为我没有坐在我的网站前。我面前有个空白屏幕,被那个该死的光标嘲弄,眨眼,眨眼…
哦,是的,有一个css袖珍参考或其他一些喜欢的css资源材料在手边,这样你就不用做&#039了。做一些愚蠢的事情,比如*咳嗽*在你的一些元素上使用被贬低的属性*咳嗽*。
一旦你厌倦了所有的工作,你就可以邀请你的孩子来帮助爸爸为网站涂色,一起度过一些美好的时光。

再好不过的解释了。你的计划应该包括:
结构布局-所有的部件都放在哪里?
具体的元素-你会有一个日历,评论,你会包括哪些部分?
模板模块元素-您将使用或添加哪些模板?网站地图?页面?一个截然不同的单独的帖子?
图形-什么图形应该去哪里?
颜色——有多少,它们是如何使用的,它们有目的吗,还是只是为了展示?
字体-有多少,尺寸是多少?
空间空间是布局的重要组成部分,你将如何利用空间?
你打算什么时候做这些?
知道你的消息来源
当你设计你的主题或风格时,你会使用html和css引用。决定进入代码并添加一些php,你需要有正确的资源去挖掘和获得正确的信息,使你的wordpress网站唱歌。我们已经把你需要的一些资源放在一起,以便随着时间的推移变得非常熟悉,从而帮助你开始工作。
设计一个坚实的wordpress主题的一部分就是知道你在做什么。这意味着,你必须知道从哪里得到答案。把清单放在手边,书签或保存到你的硬盘上。你会经常提到它的。
从默认主题或经典主题开始
你可以从别人的主题或样式表开始,那很好,但是如果你真的想把事情做好,从wordpress中的两个默认主题中的一个开始。它们被称为“经典”和“默认”。
为什么从这里开始?因为wordpress的设计者和测试者,以及无数对这些东西比开发人员更严格的用户,都对这些东西进行了检查。这些都是坚实的代码,在很大程度上,和一个良好的起点。从那里,做你的想象想做的事。

站点架构
库勃里克
Boren对文字新闻主题的剖析
wordpress模板
模板标签
保留核心参考资料
不要删除默认和默认的文字按css引用!
好吧,在明确了设计师可以自由地做他们想做的任何事情,只要它是有效的,而且这些只是准则而不是规则,我们承认,我们撒了点小谎。
方便用户是设计文字新闻主题的关键。这种友好性的一部分是在模板和css文件中保留代码的默认元素,并设计这些元素以改变它们的外观,而不是删除代码引用。你可以把它们藏起来,但不要把它们搬走。
例如,在wordpress默认主题中,主题'的作者做出了一些将作者标签从帖子中移除的决定(它'所以你为什么要一直告诉别人你写了它)和日历。如果您查看日历的代码,它仍然存在,刚刚评论说,所以如果下一个用户想要功能日历,他们可以。日历的样式仍然在样式表中,因此如果启用的话,它不会看起来很糟。
仅仅因为您喜欢或不喜欢一些细节,就把核心编码放在里面,以适应用户的各种需要。
要确保语言本地化的顺利过渡,请使用_E()函数来呼应模板文件中的标题和标题。这使得翻译文件更易于连接并将标题翻译成网站语言。
当您修改样式时,如果您进入模板文件,请确保<div id="header">;保持这种方式。不要仅仅因为你认为邮寄很无聊,而且你总是把你的标题部分命名为弗雷德,就把它改成<div id="fred"> 。如果您正在添加第四列,或新的分区或类标识符,您可以为它命名任何您想要的名称,但请在样式表和模板文件中注明这些是默认情况下的添加。
当在样式表中添加新元素的引用时,建议&#039;s将它们与默认引用隔离,以便在将它们与结构等相关元素分组时突出显示或记录它们,帮助人们更快地识别他们。这也突出了你的设计的独特性通过展示你的风格代码。
再说一遍,这些是设计师们需要担心的比赛和公众消费。其他人调整他们的网站为自己的使用可以做任何他们想做的事-而且会!

重新考虑插件
wordpress插件为wordpress网站添加了大量扩展和功能。一些插件要求用户编辑他们的主题并添加一行代码来调用他们的插件。如果插件包含主题,用户仍然想要使用或不使用它们的权利。主题应该与插件无关,并且不要依赖要安装的插件来实现功能。不幸的是,在wordpress论坛上出现了许多与主题相关的插件问题。人们想知道如何打开或关闭它们,而我的主题中的代码是什么?”。
如果您选择在您的主题中包含插件支持,以下是一些提示:
确保插件已经经过充分测试,并将在各种条件下工作。
包含插件或插件的链接。
包括安装和卸载该主题插件的具体说明。
包括在模板中的任何标签周围进行编码,这样即使插件关闭了,主题也能正常工作(见下文)。
准备好支持有关插件和主题的问题。
在您的主题和站点中保持更新的链接和信息到插件,如果信息改变的话。
模板文件中的一些插件特征标签。如果插件没有被激活,它将会中断主题,并且可能会报告错误或无法加载。因此,必须防止插件被检测到,以防它被关闭。
要检测是否安装了插件,可以使用简单的功能_存在()检查。我不知道。if (function_exists())检查插件,如果它存在,它将使用它。如果回报是假的和"not found",它将忽略插件标签并继续加载页面。

<?php
if (function_exists('FUNCTION NAME')) {
  FUNCTION_NAME();
}
?>
此示例插件使用了一个叫做jal_get_shoutbox()把里面的东西打印出来。
<?php
if (function_exists('jal_get_shoutbox')) {
  jal_get_shoutbox();
}
?>
样式所有模板文件
在wordpress v1.5之前,它都是关于index.php文件的,强迫它为你页面的每个元素做所有的工作。今天&#039;的wordpress使用模块元素组成整个页面。
wordpress的默认主题依赖于index.php、sidebar.php、single.php(对于一个看起来与类别和档案不同的帖子)、评论。如果只基于index.php创建主题或样式,而忽略了注释、页眉、页脚或其他内容,则可能会遇到设计问题。
如果wordpress可以在默认文件夹中查找模块部分,如注释模板,它将查找它。因此,如果设计者没有考虑这个模块模板,那么布局和设计可能会有些混乱。它会工作,但它可能看起来很奇怪。你不必使用所有的比特和碎片,把标头和边栏放在索引的内部。php或single.php,但要检查各个部分和整体。
wordpress模板层次结构
按条件标签
文字新闻循环
wordpress模板
主题发展
样式表结构
关于如何编排样式表的结构,有很多争论。布局的关键是如何让用户(和设计师)更容易地找到他们想要和需要的信息,获取信息并进行修改。有人说,选择者的字母顺序(样式标识符的名称)使它变得简单,所以如果你在寻找#post,你只要向页面的底部滚动即可。
然而,如果您正在设计一个主题,不同的元素,比如链接,可能在不同的部分之间有不同的外观。那么,你会自然而然地寻找#post a:post a:链接在邮寄还是在a:链接下?如果你不知道它在邮政区,你就会往后区看。
有些人喜欢将他们相关的选择器元素如结构、链接、列表、标题等组合在一起。这很有意义,对用户也很有帮助。例如,如果他们正在调整结构,对标头高度的任何更改都会影响内容和边栏。所有元素将彼此接近,最好在样式表中被识别为/*结构*/,而不是从中间向上向上向下反弹。如果用户想要改变所有链接的外观以使它们更有活力,那么所有的链接将会集中在一个地方。
在这方面没有硬性规定。考虑什么最适合你,然后什么可能最适合最终用户。保持你的陈述一致。在你设计的早期就计划好你要怎么做,这样你以后就不会花那么多时间来重新安排事情了。
考虑细节
在设计公开发布的wordpress主题时,有很多细节需要考虑。这里有一些需要考虑。
一致和标准字体
当你处理你的主题时,字体在设计中起着关键的作用。许多没有经验的网页设计师用一种字体呈现主题和风格。不只是整个页面的整体字体样式,而是一个字体。在身体样式标签上可以写着:
body {margin: 0; font-family: "Trebuchet MS", 
sans-serif; font-size: 1em;...}
如果用户没有在他们的计算机上安装投石机,会发生什么?它每天都在发生。如果用户电脑上的字体是&#039;t,系统默认显示的字体通常是疟疾字体或类似的衬线字体。如果你喜欢它的外观,很好,因为几乎每个人都有它,但是如果你想要投石机,你真的想要你的字体有一个特定的外观,那么你有一个问题。
要增加一个类似字体的机会,当它显示时,你真的希望出现在页面上,增加更多的选择,如:
font-family: "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
如果浏览器找不到trebuchet,它就会寻找verdana,如果找不到,它就会寻找未来(mac系统)等等。这应该可以涵盖你所有的基地。
还要记住,虽然在windows系统上有一些常见的字体,但在那里还有其他的计算机系统,像linux和mac。考虑使用同样适用于他们的机器的字体。
当你选择你的字体和设计你的主题,确保你选择的字体是可读的和易于阅读的,保持字体尺寸大,以避免眼睛紧张,但尺寸适合你的设计。
评论评论评论
你最近有没有检查过赛车的引擎盖?里面的钟声和口哨是一个噩梦弄明白。还记得你第一次看php、css或html代码的时候吗?我敢打赌,这给了你一些歇斯底里的时刻。当你向公众发布你的主题和风格时,请记住,用户可能会在引擎盖下偷看一眼,然后尖叫着从房间里跑出来。
注释是代码的一部分,帮助设计者和用户找出什么是什么。注释帮助用户识别跨模板的divs,当一个模板开始和结束时,以及任何表明设计者您已经修改了使其与原始代码不同的内容的更改。
通过尽可能多的评论帮助你的用户找到不同的部分并轻松地使用你的主题。
精益而平均的css样式表
wordpress强调代码和样式文件应该进行验证,并使用大量标签进行布局,以便容易阅读。万维网联盟和网络标准组织强调所有网页代码都要符合他们的标准。如果你要进入这个领域,你应该熟悉这些标准中最基本的。
其中一个标准是呈现一个干净和优化的样式表和html代码。而wordpress的竞赛在这个主题上往往比较宽松,其他网页设计比赛唐和#039;T。他们的座右铭往往是:一个干净而严密的代码也是一件艺术品。
基本上,这意味着在发布代码之前对代码做一些内部管理。是的,您将需要验证它并在浏览器中测试它,但是让&#039;开始做一些简单的清理。
代码和样式表中的每个空间、字符和位加起来等于字节。这个句子大约有64字节。信息的每个字节加起来,它们越大,装载的时间就越长。通过将文件大小控制在字节大小,这样做对你自己和你的用户都有好处。那么,这些带宽浪费者都藏在哪里呢?
如果您已将代码设置为带有大量缩进的漂亮,那么是否检查过在换行前行尾是否有制表码?我发现了很多这样的东西。您不需要在换行前,只在换行后,但不知何故,这些会偷偷进入代码。
使用空格来排列添加到大小的代码。在大多数编辑器中,选项卡被认为是一个字符,但是复制选项卡缩进的五个空格占了五个字符。在您的代码和样式中使用双空格而不是单空格也加起来了。
使用一个好的搜索和替换有能力的文本编辑器,您可以快速清理这些,使您的风格和代码为快速加载优化。
浓缩并使用速记
在css中使用速记是个好主意。虽然它不是一个必需的标准,但它是代码优化的一部分。请谨慎使用这项技术,因为一些浏览器无法处理它,通常是旧的浏览器。如果您不熟悉css速记,我们为您准备了一个简短的教程。
确认!确认!确认!
确保您的代码和样式在整个板上验证。这意味着他们必须达到w3c组织制定的严格标准,并通过对css和html的各种验证。不是所有的验证者都检查相同的东西。一些只检查css,其他的html和其他的无障碍。如果您真诚地向公众展示可靠的代码,请使用多个验证程序测试您的代码。
验证并不仅仅意味着将你的页面通过一些网页驱动的测试程序。这也意味着和你在街上遇到的朋友、亲戚、同事和陌生人一起试驾。每个人都有一些不同的系统,所以在你将你的风格或主题公布于众之前,请其他人来测试你的风格或主题。wordpress论坛中的wordpress部分专门用于在你工作的时候,当你有困难的时候,或者仅仅是在说“哦”和“啊”的时候,通过wordpress志愿者来查看你的网站。
如果您对如何验证您的网页和样式表不熟悉,我们会将资源和信息列表放在一起帮助您。
css和html错误
文字新闻的主题和风格是不同的例子辉煌和想象力的文字新闻用户在那里。当他们把设计概念记在脑子里,长时间地把它转换成符合他们想象力的代码时,他们的共同点就是……浏览器的缺陷。
你花了三天的时间在微软的互联网资源管理器上,看看Firefox的同一个网站,它看起来就不一样了。事实上,事情不太对劲。或者你设计它是为了在歌剧中发挥作用,但是当你在网络浏览器中看到它时,侧边栏现在已经半开了。
在你拔头发之前,要记住别人在你之前已经受过苦,而你并不孤单。请查看这些资源,以帮助解决许多css、html和浏览器错误。
信息和技术
css:修复浏览器错误
css:故障排除
Positioniseverything.com
还有什么...?
在向公众展示你的主题或风格时,这些是一些最常见的需要考虑的因素,但这只是冰山一角。记住,如果你的主题有问题,用户应该在你的网站上开始寻求帮助,但是他们经常会求助于wordpress论坛。越是与默认代码和样式引用一致,用户在出现问题时就越能更快地获得他们所需要的帮助。我们知道你读了这篇文章,并把所有这些建议逐字逐句,用户就会来到wordpress论坛来炫耀和炫耀。
你的主题设计得越好,越符合网页标准和跨浏览器的要求,你的主题可能就越成功。正如我们所说的,在设计上没有硬性和快速的规则,只有在引擎盖下的代码的指导方针。天空是极限。
宣传你的主题
一旦你的wordpress主题被彻底验证和测试,那么它就可以发布了。
将所有的主题文件,包括包含信息和描述的readme文本文件放在zip文件中,以便于下载。如果可能的话,提供两个或多个文件压缩类型,如rar、zip、gzip等,以最大化用户选择。一定要包含用户必须在readme文件中知道的任何自定义调整、提示、插件或事情的信息。
在你的网站上张贴一个连结到网页,内容如下:
各种页面视图的演示或截图
说明
可下载的zip文件
进入使用主题/主题列表,并找到适合你的主题的类别。发布一个指向主题信息和可下载文件的链接,并根据其他示例添加主题的名称和关键字描述。你使用的关键字描述越多,人们就越容易搜索列表找到你的主题。
在描述主题的主题和模板下发布有关wordpress论坛的新主题的说明。你使用的描述性关键字越多,人们搜索主题的可能性就越大。包含到您的主题和可下载的zip文件的链接。
检查使用主题文章中的主题资源的其他列表,并检查是否有将主题添加到其资源列表中的说明。
您最好在您的网站上提供对主题的支持,并在主题中为支持页提供链接和自述文件,以帮助用户。也要经常检查论坛,看看人们是否对你的主题有问题,尽量解决他们的问题,并在必要时更新你的主题。如果您要更新,请在论坛和法典主题列表中添加更新的注释和版本号。
weinxin
我的微信
这是我的微信扫一扫