站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Styling Theme Forms
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
== 评论形式== The '''comments form''' are found within the <tt>comments.php</tt> or <tt>commentspopup.php</tt>. In the Default WordPress Theme, they look like this when viewed as a generated web page: '''评论形式'''可以在<tt>comments.php</tt> 或者<tt>commentspopup.php</tt>内找到。在默认WordPress主题中,作为整个网页访问的时候,评论形式看起来像: <pre><h3 id="comments">One Response to "Hello world!"</h3> <ol class="commentlist"> <li class="alt" id="comment-1"> <cite> <a href="http://example.org/" rel="external nofollow">Mr WordPress</a> </cite> Says:<br /> <small class="commentmetadata"> <a href="#comment-1" title="">Date and Time</a> </small> <p>Hi, this is a comment.</p> </li> </ol> <h3 id="respond">Leave a Reply</h3> <form action="http://example.com/blog/wp-comments-post.php" method="post" id="commentform"> <p> <input name="author" id="author" value="" size="22" tabindex="1" type="text"> <label for="author"> <small>Name (required)</small> </label> </p> <p> <input name="email" id="email" value="" size="22" tabindex="2" type="text"> <label for="email"> <small>Mail (will not be published) required)</small> </label> </p> <p> <input name="url" id="url" value="" size="22" tabindex="3" type="text"> <label for="url"> <small>Website</small> </label> </p> <p> <small><strong>XHTML:</strong> You can use these tags:....</small> </p> <p> <textarea name="comment" id="comment" cols="100" rows="10" tabindex="4"> </textarea> </p> <p> <input name="submit" id="submit" tabindex="5" value="Submit Comment" type="submit"> <input name="comment_post_ID" value="1" type="hidden"> </p> </form> </div></pre> <pre><h3 id="comments">One Response to "Hello world!"</h3> <ol class="commentlist"> <li class="alt" id="comment-1"> <cite> <a href="http://example.org/" rel="external nofollow">Mr WordPress</a> </cite> Says:<br /> <small class="commentmetadata"> <a href="#comment-1" title="">Date and Time</a> </small> <p>Hi, this is a comment.</p> </li> </ol> <h3 id="respond">Leave a Reply</h3> <form action="http://example.com/blog/wp-comments-post.php" method="post" id="commentform"> <p> <input name="author" id="author" value="" size="22" tabindex="1" type="text"> <label for="author"> <small>Name (required)</small> </label> </p> <p> <input name="email" id="email" value="" size="22" tabindex="2" type="text"> <label for="email"> <small>Mail (will not be published) required)</small> </label> </p> <p> <input name="url" id="url" value="" size="22" tabindex="3" type="text"> <label for="url"> <small>Website</small> </label> </p> <p> <small><strong>XHTML:</strong> You can use these tags:....</small> </p> <p> <textarea name="comment" id="comment" cols="100" rows="10" tabindex="4"> </textarea> </p> <p> <input name="submit" id="submit" tabindex="5" value="Submit Comment" type="submit"> <input name="comment_post_ID" value="1" type="hidden"> </p> </form> </div></pre> [[WordPress:Image:mx4-theme-comments-form.png|thumb|right|MX4 Theme Comments Form Example]]While individual sections of the comments feature styling reference, the Default Theme has no general comment division or group style reference, though one could be easily added. [[WordPress:Image:mx4-theme-comments-form.png|thumb|right|MX4 主题评论形式例子]]虽然评论功能样式reference的每个部分是独立的,默认主题没有总的评论部分或者组合的样式reference,但是可以轻易地添加。 The <tt>#commentform</tt> is the wrapper for the whole form, though the styles above it may influence the <tt>#commentform</tt> as part of the [[WordPress:CSS_Troubleshooting#The_CSS_Parent_and_Child_Relationship|CSS parent/child relationship]]. <tt>#commentform</tt>是整个形式的wrapper,但是其上面的样式,作为[[WordPress:CSS_Troubleshooting#The_CSS_Parent_and_Child_Relationship|CSS 母/子关系]]的一部分,可能会影响<tt>#commentform</tt>。 As with the search form, you can style this with either a background color or image, you can add borders, and you can change text color, font-family, font weight, text decoration, etc. You are better off defining width on each of these layout elements. Remember, like the search form, the width of the column in which the comments reside influences the width of the comments. If they are fixed, they may overlap the sidebar. 拥有搜索表格,你可以使用背景色或者图像,设计这个,你可以更改文本颜色,字体类别,字体粗细,文本修饰,等等。你最好在每个布局要素上定义宽度。记住,与搜索表格相似,评论所位于的栏的宽度,会影响评论的宽度。如果这个栏宽度是固定的,可能会与工具栏交迭。 ;h3 #comments:Styles the <tt><h3></tt> tag for the "number of responses to the post" heading. ;h3 #comments: 设计标头为"对文章的评论数目" 的<tt><h3></tt>标签 ;#commentlist ol :Styles the "ordered list" of the comments list. ;#commentlist ol :设计评论列表的"有序列表"。 ;.alt li and #comment-n :The comment list items have two style references. The first one is the class <tt>alt</tt> and the second is the comment ID number signified here by the letter <tt>n</tt>. This allows them to be styled individually or through the use of WordPress Plugins. ;.alt li and #comment-n :评论列表item拥有两个样式reference。第一个是类别<tt>alt</tt>,第二个是评论ID数字,在这里由字母<tt>n</tt>表示。这使得它们能够得到单独的设计或者通过使用WordPress插件。 ;cite :The tag <tt>cite</tt> frames the "Name says:" and link to the comment author's URL. ;cite :标签<tt>cite</tt>制定"名称显示:"并且链接到评论作者的URL。 ;.commentmetadata small :The <tt><small></tt> tag has a class of <tt>commentmetadata</tt> which allows the date and time of the post to be styled. ;.commentmetadata small : <tt><small></tt>标签拥有<tt>commentmetadata</tt>类别,能够使得文章的日期和时间得到显示。 ;ol #commentlist p :Styles the paragraph within the ordered list of comments. ;ol #commentlist p :设计评论的有序列表内的段落。 ;#respond h3 :Styles the heading for "Leave a Reply." ;#respond h3 :设计"留下回复"的标头。 ;#commentform :Style reference for the overall "form" for inputting comments. Each input area has it's own ID. ;#commentform :输入评论的整体"形式"的样式reference。每个输入区拥有自己的ID。 ;#author :ID reference for the comment author's input area. ;#author :评论作者的输入区的ID reference。 ;#comments small :The <tt><small></tt> tag is used in several places in the Classic Theme. This usage surrounds the text in the '''comment submit form''' and the text for the '''list of tags''' that can be used in the comment. ;#comments small :经典主题中有几处都使用了<tt><small></tt>标签。'''评论递交框'''周围的文本的用法和'''标签列表'''的文本可以用在评论中。 ;#email :ID reference for the comment author's email.[[WordPress:Image:impressionist-theme-comment-form.png|thumb|right|Impressionist Theme Comment Form Example]] ;#email :评论作者的电子邮件的ID reference。.[[WordPress:Image:impressionist-theme-comment-form.png|thumb|right|Impressionist 主题评论形式例子]] ;#url :ID reference for the comment author's URL. ;#url :评论作者的URL的ID reference。 ;#comment :ID reference for the comment input textarea. It does not style the final generated comment, just the input box. ;#comment :评论输入文本区的ID referenc。没有设计最后产生的评论,只是设计了文本框。 ;#comment #submit :There are two submit buttons in the Classic Theme, for search and comment submissions. This is the submit comment button. The submit form field is the same type of submit button you styled in the search form. The same issues and rules apply, and the same problems may occur crossbrowser. ;#comment #submit :这是经典主题中的搜索和评论递交的两个递交按钮。这是递交评论按钮。递交表格和你在搜索表格中设计的递交按钮的样式是相同的。同样的问题,应用了同样的原理,而且在浏览器之间可能出现同样的问题。 The number of rows and columns that define the size of the comment textarea box can be set in the [[WordPress:Templates|template files]] <tt>comments.php</tt> or <tt>commentspopup.php</tt>. You can change this here: 可以在[[WordPress:Templates|模板文件]] <tt>comments.php</tt> 或者 <tt>commentspopup.php</tt>中设置定义评论文本框大小的行数和栏数。你也可以在这里更改这个数字: <pre><textarea name="comment" id="comment" cols="100" rows="10" tabindex="4"> </textarea></pre> <pre><textarea name="comment" id="comment" cols="100" rows="10" tabindex="4"> </textarea></pre>
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)