首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

WordPress 主题教程 #5b:日志内容

日志内容是从零开始创建 WordPress 主题系列教程第五篇的第二部分,在这篇中,我们将展示如果显示博客日志的内容,并且使用一个 DIV 标签把博客日志的内容和日志的标题区分开。...我们可以通过 P (段落,paragraph)标签,每个段落会在 P 标签之间,这就是为什么段落之间有行距的原因, 如何使用 - 非常容易,WordPress 模板系统会自动帮我们产生 P 标签。...这样我们就很容易知道日志标题在哪里结束,以及日志内容在哪里开始,这样做也是以后使用style.css 文件对它进行样式化做准备,通过 class 我们就可以准确定位到日志内容,并样式化日志的内容而不影响页面上其他别的内容...到目前为止,对于每个 DIV 标签,我们可以用 id 去命名它, id="header",那么id 和 class之间有什么区别呢? id 是唯一的而 class不是。...但是不能重复任何 id,比如,不能在同一面上有两个 id="header" 。当你想一遍又一遍重新利用一些东西日志的标题,那么请使用 class。

79780

WordPress SEO 宝典:让你的博客流量增长10倍

WordPress,我们可以给任何页面都添加 Meta Description,个人建议只需要给首页和文章添加即可。...H1 H2 H3 等标签的使用 首先一个页面只有一个 H1 标签,页面上最重要的标题给予 H1 标签,所以在首页或者列表中,网站的标题采用 H1 标签,而在文章,文章的标题采用 H1 标签,网站标题使用...如果文章的子标题完全按照 H2 H3 格式设置的,还可以使用 WPJAM Basic 的 「文章目录」在文章头部显示这篇文章的目录,这样除了提高 SEO 效果之外,还能提高用户阅读体验。...如果你在首页或者其他分类这样的列表中输出了全文,你可以使用动态修改 WordPress Heading 标签这个技巧来使得标签更加语义化。...: Google: http://www.google.com/addurl/?

71120
您找到你想要的搜索结果了吗?
是的
没有找到

WPJAM #Hashtag#:自动将文章内容中 #话题标签# 转换成链接

如果每个内部链接都要手工一个一个加上,那估计得累趴,另外目前世面上的内链插件都是自动在内容中查找关键字,然后加上链接,但是由于没有规律性,这类插件效率都有问题。...: 如果定义的内部链接,直接跳转: WPJAM Basic 文章专题插件 如果是标签,则自动跳转到 WordPress 标签: #WordPress 技巧# #WordPress 教程# #WordPress...Shortcode# 如果是分类,则自动跳转到 WordPress 分类: #WordPress# #速查手册# 如果其他自定义分类,比如文章专题插件创建的「专题」自定义分类,也可以跳转: #WPJAM...编辑器 添加下划线等按钮,支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面,并支持第三方账号登录和绑定 内容模板 通过短代码在内容中插入一段共用的内容模板...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间

88530

WPJAM「网址导航」:最轻便快捷的网址导航插件

首先说明一下,这是一个 WordPress 插件,理论上兼容所有的 WordPress 主题,但不能保证 100%,在 Autumn Pro 主题上是保证可以的,这是建立在 Autumn Pro 上面的演示...快速编辑和排序 上面的分步操作,也可以在列表支持快速操作,所以你可以在列表直接修改标题,图标,类型和链接等等,非常快捷方便。...分组样式和排序 导航分组就是在界面上把网址导航分门别类显示,为了显示方便,我把分组强制设置为两级。...在新建分组页面,可以轻易猜到,分组就是 WordPress 自定义分类实现的: 相比之下,它多了一个图标,目前支持 WordPress 的 Dashicons,输入 Dashicons 的名称即可。...网址导航插件的更多设置 每个插件多多少少都有一些设置,WPJAM 「网址导航」也不例外: 前面三项设置页面的标题,SEO 关键字和描述,然后设置主色调,接下来的两项比较重要: 勾选「首页」,那么网址导航的页面将直接提到你网站的首页

2.3K40

一个函数就搞定 WordPress 文章选项开发

第二讲:一个函数就搞定 WordPress 文章选项开发 WordPress 文章选项是在 WordPress 后台文章编辑页面,给文章添加一些字段选项来实现功能,比如文章的 SEO 标题,关键字和描述等...WordPress 文章选项开发有点烦 如果我们使⽤ WordPress 原⽣的代码在⽂章编辑⾯创建文章选项的话,需要两步: 使用 add_meta_boxes 函数创建文章选项的表单: function...'context' => 'side', // 显示在文章编辑的侧边 'list_table' => true, // 后台文章列表也支持弹窗设置 'page_title' =>...设置」按钮也可以进行同样的设置: 在页面上使用文章选项 创建了选项之后,那么我们就要把他们用起来,WordPress 提供了获取自定义字段的函数: get_post_meta($post_id, $met_key..., $single); // 获取文章自定义字段 首先把在文章详情将页面标题改成上面定义的「SEO标题」: add_filter('document_title', function($title){

34730

5个最佳WordPress广告插件

它为您提供有用的功能,广告轮播、加权、调度等,以便您最大限度地利用广告空间。主要特征:支持所有广告——您可以添加自己的自定义广告或插入来自AdSense或Media.net等广告网络的广告。...延迟显示/隐藏广告——例如,在用户在页面上停留10秒后显示广告。广告上限–设置每个用户会话显示的最大广告数量。例如,使用户在访问期间不会看到超过20个广告。...在一个页面上最多显示10个广告。Google允许发布商在一个页面上最多放置3个Adsense for Content。如果您正在使用其他广告,则最多可以显示10个广告。...只要您使用自托管的WordPress,您就可以在您的网站上放置您想要的任何广告。如何在我的WordPress文章中投放广告?所有广告管理插件都允许您使用简码或块手动放置广告。...您所做的就是将您的广告添加到插件中,然后将该广告的短代码或块包含在您要显示广告的帖子中。如何在WordPress上的帖子之间放置广告?

8.3K20

WPJAM Basic 扩展 - 常用简码:一键集成10个常用简码

如果你想把 email 地址显示为连接,可以加上 link 参数,: [email link="1"]you-email-address@email.com[/email] 显示结果为:you-email-address...后台简码列表 除了集成这些常用的简码之外,常用简码扩展还在后台列罗出 WordPress 所有可用的简码: ---- WordPress果酱的知识星球 WPJAM Basic 插件项目 下载 WPJAM...WPJAM Basic 详细介绍:可视化管理 WordPress 定时作业 08. WPJAM Basic 详细介绍:一概览 WordPress 服务器系统信息 09....WPJAM Basic 详细介绍:一展示 WordPress 所有 Dashicons 图标 10. WPJAM Basic 详细介绍:一键开启17个 WordPress 功能扩展 11....WPJAM Basic 扩展 - 文章目录:根据内容中子标题自动提取出文章目录 13. WPJAM Basic 扩展 - 简单 SEO:简单快捷地设置 WordPress 站点的 SEO 14.

71660

Sticky Posts Switch插件教程WordPress中为分类添加置顶文章

你想在您的WordPress类别页面顶部添加置顶帖/文章吗?通过在类别页面上添加粘性帖子,您可以显示该特定类别的特色帖子。...在类别页面上放置粘性帖子对于突出显示WordPress网站上最重要的内容非常有用。这样做将提高他们的知名度和点击率 CTR。  这样人们可以更轻松地找到您的支柱帖子并帮助他们获得更多的综合浏览量。...Sticky Posts Switch插件教程WordPress中为分类添加置顶文章 Sticky Posts Switch插件的特点使您可以对首页、存档页面或类别页面上每个自定义帖子类型使用粘性帖子功能对自定义帖子类型的快速和批量编辑支持选择帖子类型...和 MultilingualPress如何在WordPress中为类别添加置顶文章?  ...Sticky Posts Switch插件教程WordPress中为分类添加置顶文章  此外还可以选择在主页、帖子存档页面或分类页面(类别和标签)上显示粘性帖子的位置。

5.5K20

WordPress主题制作(二):模板和模板文件

制作WordPress需要了解PHP,但是无论如何,最终呈现在用户面前的页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果...WordPress 博客的每个页面都是由多个模板文件组成的,下面以一个首页为例进行简单说明: 在上图中,我们可以看出主题的 index.php 是由 4 个模板文件组成: header.php,index.php...index模板文件 这个模板文件包含你的日志的标题,日志的内容(就是每篇日志的文本和图片)和日志的元数据 (元数据是每篇日志的额外信息,作者是谁,日志发布的时间,在哪个分类下,有多少留言等等)。...sidebar.php WordPress主题制作(七):制作基础模板Index.php WordPress主题制作(八):制作文章单模板single.php 计划: WordPress主题制作(九)...:制作评论区模板comments.php 计划: WordPress主题制作(十):制作单(非文章)模板page.php 计划: WordPress主题制作(十一):制作静态首页front-page.php

1.6K30

如何设置元标题

网络浏览器检索它,并且像谷歌这样的搜索引擎使用它在搜索结果中显示一个网页。在网站的头部区域中,它是定义每个页面标题的 HTML 元素。 SEO Expate Bangladesh Ltd....现在让我们看看如何在面上查看元标题。首先,右键单击任何页面区域,然后从下拉菜单中选择“查看页面源”以找到页面的元标题。...例如,如果您使用 WordPress,您可以在常规设置中的“标语”下添加元标题。 元标题页面图像 关注关键字 元标题元描述,遵循最佳格式和长度的标准。...所以,不用做太多,如果你想让你的标签正确显示,最好坚持上面提到的标题长度。搜索引擎和访问者可以通过查看元标题来查看您网站上的内容。...他们可以通过帮助访问者理解您在某个页面上的内容是什么来影响访问者是否点击您的链接的决定。元标题对于品牌推广也很有用,特别是如果您已经将自己确立为您所在领域的知名人物。

2.5K41

WordPress主题开发基础:Body 类指南

这些CSS类中的几个会自动添加到WordPress网站上每个页面的部分。 什么是WordPress Body类?...Body类(body_class)是WordPress函数,可让您将CSS类分配给body元素。 HTML正文标签通常从主题的header.php文件开始,该文件会加载到每个面上。...>> WordPress根据显示的页面类型自动添加适当的类。 例如,如果您在存档页面上WordPress将自动将存档类添加到body元素。它几乎针对每个页面都执行此操作。...在向您展示特定用例场景之前,我们将向您展示如何使用过滤器添加body类,以便每个人都可以在同一面上。...希望本文能帮助您学习如何在主题中使用WordPress body类,如果对于这篇文章有什么疑问,可以在下面留言讨论。

2K20

Duplicate Post : 快速克隆原有文章的WordPress插件

之前在翻译Genesis系列教程的时候,因为是这是一个系列文章,所以每一篇的标题、分类、tag之类的都基本相同,每次发新的文章时,都是手动把前一篇文章里的标题、tag等这些信息手动复制一遍,然后粘贴到新文章里...下载完成后,从 WordPress 管理后台  Plugins > Add New 页面上传这个zip文件进行安装  3 克隆。...What to copy 克隆的内容 这个选项里可以设置如下信息: ?...copy : Administrator, Editor, Author Enable for these post types: posts, pages, projects Display 克隆功能的显示...这里可以设置clone按钮出现在哪里 Show links in : post list, edit screen, admin bar 设置完成后保存即可。

91710

一个函数就搞定 WordPress 分类选项开发

第四讲:一个函数就搞定 WordPress 分类选项开发 WordPress 分类选项是在 WordPress 后台分类新增和编辑页面,给分类添加一些字段选项来实现功能,比如分类的 SEO 标题,关键字和描述等...'list_table' => true, // 后台分类列表也支持设置 'page_title' => 'SEO设置', // 分类列表点击弹窗的标题 'submit_text' =...和文章选项不同,分类新增和编辑页面没有 meta_box 的,字段是直接展示的,所以上面代码就是在分类列表和编辑新增三个字段,分别是「SEO标题」,「SEO描述」和「SEO关键字」,我截图一下新增页面的字段...: 然后在分类列表右侧的分类列表也可以进行设置操作: 点击上面「SEO设置」按钮也可以进行同样的设置: 在页面上使用分类选项 创建了选项之后,那么我们就要把他们用起来,WordPress 提供了获取分类自定义字段的函数...: get_term_meta($term_id, $met_key, $single); // 获取分类自定义字段 首先把在分类/标签/自定义分类将页面标题改成上面定义的「SEO标题」: add_filter

38420

WPJAM「标题设置」:一键设置 WordPress 所有页面的页面标题

WordPress 默认页面标题是一般是两种规则,首页是显示站点标题和站点副标题,而其他页面是当前的对象的标题和博客站点的标题,然后都是中间用「-」间隔开。...标题规则 标题规则就是可以自定义 WordPress 不同类型页面的标题规则,比如下图就是我定义了 404面的标题为「你来到了一个神秘的地方」,然后不显示站点标题,还定义「项目」文章类型的页面标题为:...「WordPress 果酱项目」,同样不显示站点标题。...点击「新增」就可以选择一个未设置的页面,给它设置页面的标题规则,比如标题怎么显示,是否要显示站点标题,非常简单。...程序会自动抓取所有类型的页面,上图是 WordPress 默认的页面类型,如果自定义文章类型和自定义分类模式,也会出现相关的页面,如下图,比如项目列表,项目详情,表单,专题这些页面。

1.8K20

WordPress 果酱知识星球所有福利插件列表

WordPress 果酱知识星球所有插件已经30多款了,这些插件都是我们开发商业网站的基础,也是我们构建花生小店这个电商小程序 SaaS 系统的基础,绝非是世面上的那些胭脂俗粉,都是经过大流量测试和商业验证的插件...编辑器 添加下划线等按钮,支持截屏贴图等 标题设置 一键设置 WordPress 所有页面的页面标题 登录优化 一键优化 WordPress 登录注册界面,并支持第三方账号登录和绑定 内容模板 通过短代码在内容中插入一段共用的内容模板...Script Loader 通过恢复 WordPress 联合加载方式来优化 WordPress 后台脚本加载。 外部链接 将文章或评论中的外部链接加上安全提示的中间。...格式文章 在 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。...微信小程序 微信小程序 WordPress 基础插件,包含基础类库和管理。 微信群二维码 轮询显示微信群二维码,突破微信群100人限制。

69210

Yoast SEO Premium v20.2.1​WP搜索引擎优化插件专业版

高级版与普通版的区别:增加 重定向管理器,XML站点地图,社交,标题&关键词优化等等功能(部分高级功能请至仪表盘-功能中开启)。...我们的摘要预览显示了您的帖子或页面在搜索结果中的外观。即使在手机上! WordPress编辑器的FAQ和HowTo块,以便搜索引擎知道您何时提供FAQ页面或HowTo指南。...[高级]社交预览,向您展示如何在Twitter和Facebook上显示您的内容。 [高级]洞察力工具,可向您显示文本重点。这样,您就可以使文章与关键词保持一致。...为您提供基础内容和内部链接功能,以帮助您在正确的页面上为正确的关键字排名。 帮助您管理团队的WordPress SEO工作:借助我们的SEO角色,您可以让同事访问Yoast SEO插件的特定部分。...具有批量编辑器,因此您可以对网站的标题和元描述进行大规模编辑。 在可能的情况下将您的内容转换为结构化数据,以帮助搜索引擎了解您的网站。

1.7K30

怎样创建受欢迎的 WordPress 主题

就像你一样,你的主题用户也想让他们的博客在所有流行的浏览器,比如 Firefox 和 Internet Explorer 下显示效果相同。 它是否支持 Widget?...Widget 插件现在集成在 WordPress 里面了,支持它的必要是显而易见的,没有任何理由不让你的主题支持 Widget。 是否有一个主题选项(options page)?...一些用户喜欢通过选项定制头部(headers)和其它一些设置的调整。如果你是个PHP高手并且懂得如何创建这个东西的话,这会对你的主题锦上添花。 设计是否包含有日期块?...一些博客喜欢把归档的链接放到他们自己的页面上,而不是在默认的侧边栏上列出来。 它是否为搜索引擎优化过? 默认的 WordPress 结构没有为搜索引擎考虑。...并不是所有的页面都应该有相同的H1标题,侧边栏标题也不应该窝在H2标签里。 你的主题设计是否为广告考虑过?

50430
领券