站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
WordPress:Customizing the Read More
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==设计更多的标签== 因为你知道了它是怎样运行的,现在我们看看怎样将在这个继续阅读你的文章的小邀请变得更加地吸引人。 有意地,<tt>[[WordPress:Template Tags/the_content|内容()]]</tt>标签包含一个安排<tt><nowiki><!--more--></nowiki></tt>内容和外观的参数,创建一个"继续阅读"整篇文章的链接。 默认情况下,它看起来像这样: <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">我告诉他,他应该离开,否则我会和他纠缠不休。他一脸震惊地看着我,并且说道[[#WordPress:Designing the More Tag|more...|更多的]]</div> 如果你想将单词''更多的....''改为其它的什么东西,只要在标签中输入新的单词: <pre><?php the_content('继续阅读...'); ?></pre> 或者输入一些更加复杂的,使其变得有趣: <pre><?php the_content('...你座位的边缘? 点击这儿来解开奥秘。'); ?></pre> 你也可以在标签中设计文本。 <pre><?php the_content('<span class="moretext">...你的座位的边缘?点击这儿来解开奥秘 。</span>'); ?></pre> 然后在你的<tt>style.css</tt>样式表上将<tt>moretext</tt>级别设置为任何你喜欢的级别。下面是一个样式的例子,文本是黑体斜体的,比默认的文本要小,并且使用<tt>变化的字体,和小型大写字母<tt>将文本强制为小型大写字母。 <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">我告诉他,他应该离开,否则我会和他纠缠不休。他一脸震惊地看着我,并且说道<span style="font-weight: bold; font-size: 90%; font-style: italic; font-variant: small-caps">[[#WordPress:Designing the More Tag|...在你座位的边缘? 点击这儿来解开奥秘。]]</span></div> 有的人不想要文章,更喜欢使用一个延伸的字符,或者[[WordPress:Fun_Character_Entities|HTML 字符实体]]来引导读者阅读整篇文章。 <pre><?php the_content('&raquo; &raquo; &raquo; &raquo;'); ?></pre> 看起来会像这样的: <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">我告诉他,他应该离开,否则我会和他纠缠不休。他一脸震惊地看着我,并且说道[[#WordPress:Designing the More Tag|» » » »]]</div> 在<tt>the_content()</tt>模板标签中有另一个参数,在'''更多的''' 文本中包含文章标题。通过使用<tt>[[WordPress:Template Tags/the_title|标题()]]</tt>,便包含了文章的标题: <pre><?php the_content("...continue reading the story called " . get_the_title('', '', false)); ?></pre> <div style="border:1px solid blue; width:50%; margin: 20px; padding:20px">我告诉他,他应该离开,否则我会和他纠缠不休。他一脸震惊地看着我,并且说道[[#WordPress:Designing the More Tag|...继续阅读故事,故事名是一个必须告诉你的故事]]</div> ===使每个文章有一个自定义的文本=== 虽然<tt>the_content()</tt>通常是在模板中得到访问,而且有一个上述所描述的标准的文本,可以为每一篇文章单独配一个文本。只要写<tt><nowiki><!—更多的你自定义的文本 --></nowiki></tt>。 ===添加一个图像=== CSS设计的可能性,事实上是无限的,WordPress允许你在它们许多的[[WordPress:Template Tags|模板标签]]中使用图像,包括<tt>more</tt> 标签。有两种方法可以添加一个图像。以最简单的方法开始—在<tt>the_content()</tt>模板标签上将它列出来。 这个例子特点是"阅读更多的"文本后有一个叶子的图像。 <pre><?php the_content('Read More...<img src="/images/leaf.gif" alt="阅读更多的"标题="阅读更多的..." />'); ?></pre> 注意代码在图像标签中使用了一个<tt>ALT</tt> 和<tt>TITLE</tt>。这样做为了遵从访问权限和网络标准,因为图像既是一个图像又是一个链接。下面是它可能看起来是怎样的: <div style="border:1px solid blue; width:70%; margin: 20px; padding:20px"> 我告诉他他应该离开,否则我会和他纠缠不休。他满脸震惊地看着我并且说道<span style="color:blue"><u>阅读更多的...</u></span> [[WordPress:Image:leaf.gif|leaf]]<br /><br /></div> 如上所述的,你甚至可以给图像添加一个样式和<tt>more</tt> 标签,将他设计地更好。使用图像时,不要"阅读更多的"文本,删除文本就行了。 第二个例子使用了CSS背景图像。在上述的例子中,我们已经描述了怎样使用样式级别。这是一个小tricker.容器的格式应该设置允许背景图像在文本后显示。如果你要将上述的例子用作一个背景图像,关于这个的<tt>style.css</tt>样式表看起来像: <pre>.moretext { width: 100px; height: 45px; background:url(/images/leaf.gif) no-repeat right middle; padding: 10px 50px 15px 5px}</pre> 右边距的50px padding应该确保文本远离图像,以不与图像交迭。高度确保容易扩充得够宽,这样就可以在容器内部看到图像,因为一个背景图像不是"真在那儿",而且也不能推向容器的边缘。你也许要试试这个,以使你自己图像的大小和形状适应。 你已经得到了基本知识。从这儿开始,就取决于你的想象力了。
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)