前面我们学了一行代码搞定WordPress面包屑导航breadcrumb,现在wordpress文档中有一个简单实现的方法,适用于page页面,有二级分类的情况(Simple breadcrumb ''; echo '
Breadcrumb NavXT 是流行的 WordPress 插件 Breadcrumb Navigation XT 的继承者,经过重新编写,比如原插件更好。 通过插件为 WordPress 博客或网站生成可高度可定制的面包屑导航,可以满足任何 WordPress 网站的需求。 基本用法: 将代码添加到主题模板适当的位置即可。 <?
什么是网站面包屑导航?面包屑导航意在告知用户所处的当前网页的位置,方便用户可以通过该导航快速返回上一级网页。 面包屑导航一般都在导航的下面,形式一般为 首页 > 一级目录名称 > 二级目录名称 > 目前位置,尽量要把面包屑导航的层次控制在四层以内,这样也有利与搜索引擎蜘蛛一层层往下爬,到了四层以下就很难爬到了。 面包屑导航的作用 让用户了解目前所处位置,以及当前页面在整个网站中的位置。 便于搜索引擎对于网站的收录,蜘蛛可以沿着面包屑导航爬下去,便于寻找链接,提高蜘蛛的爬行速度和效率; 便于用户了解网站的层次结构,进而浏览网站,提高用户体验; 优化面包屑导航每个层级的名称,尽量使用关键字 sprintf( __( '( Page %s )', 'cmp' ), get_query_var('paged') ); } echo '
面包屑导航不仅仅是给访客使用,同时也是给搜索引擎一个抓取的路线图。 小小介绍面包屑导航 使用谷歌搜索的可能知道,某些搜索结果中的地址不是单纯的url ,而是一个导航分类菜单。 Jeff 在本站DeveWord.com 部署这个面包屑导航也很久了,但是一直在搜索结果中不出现“路径”,即使是使用了微数据标注也是如此。一直很纳闷,现在也不知如何解决。 进入正题吧,在WordPress免插件仅代码实现面包屑导航需要你做的是: 一、定义面包屑导航函数 在主题的functions.php 文件下加入以下代码: function dw_breadcrumb( is_search()) {echo"
wordpress主题制作时常用到面包屑导航,这段代码是本人常用的简洁实用的,把它放到functions.php中即可。function breadcrumb() { if (!
有好几位网友在问WordPress面包屑导航breadcrumb怎么操作,网上有些教程是去function文件中定义,其实不用那么复杂,很简单一行代码就能搞定。下面随ytkah一起来看看。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="js/vue.js">
二、设计图 三、找ElementUI的样式 四、样式重写 - 面包屑演示 <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item el-breadcrumb-item> <el-breadcrumb-item class="myColor">第二层</el-breadcrumb-item> </el-breadcrumb> - style演示 //重写面包屑的字体颜色
网站经营的前期需要做好搜索引擎优化,对于WordPress 网站,其实最好的方式是在WordPress 主题上下功夫,如果一款主题对搜索引擎友好,那么对于专注于写文章的博主来说已经够放心的了。 评分、投票、作者头像、作者G+、面包屑导航(路径)……这个其实就是结构化数据产生的丰富文本摘要。 下面的教程是添加丰富网页摘要 - 评价(对应WordPress 的评论)、评论评分(投票)、路径(面包屑导航)、还有文章作者等相关信息。使用的数据类型90%是最新的 Schema.org 。 面包屑Breadcrumb(路径)的部署 确保你的主题已经有面包屑导航,没有可以参考《WordPress免插件仅代码实现面包屑导航》一文添加。 评论评分(投票)的部署 在WordPress 中实现投票的话需要借助插件来,一些WordPress 投票插件已经很好解决了结构化数据的问题,只要使用它们的投票插件,如果正常就可以在搜索引擎中显示,不必自己去添加代码
woocommerce已经集成比较完善的组件,当然也包含breadcrumb面包屑导航,但是我们如果调整一下breadcrumb的位置要如何操作呢? 首先要先把woocommerce隐藏breadcrumb面包屑导航,woocommerce一般是通过hook来绑定相关操作的,我们找到/wp-content/themes/hqt/woocommerce > 如果想修改breadcrumb面包屑导航的div等信息,可以到/wp-content/themes/hqt/woocommerce/global/breadcrumb.php文件修改
路由文件 面包屑是基于路由的。这里我们要说一下meta(元数据) meta 自定义元数据,也就是一些我们自己要使用的一些数据。 如下那我们在meta中添加了 title和icon属性,分别用于我们面包屑的文字和 导航栏的图标。 如下官方文档中,有两种面包屑。 基础面包屑 传入separator="/"配置项,面包屑就会按照/进行分隔。 索引为1的,是一级导航栏的路由 索引为2的,是二级导航栏的路由 我们刚才添加的meta属性也都在其中了 渲染动态面包屑 过滤 首先,将没有用的那一层,也就是索引为0的那一项过滤掉。
那今天我就讲讲讲我最喜欢的 10 个 WordPress 插件,以及为什么要使用它们。如果你喜欢这个主题,你也可以写篇这个方面的文章,大家讨论下。 WordPress Database Backup 随需应变的 WordPress 数据库备份工具,我现在基本就是每天定时把数据库备份到邮箱,上次服务器 CPU 和服务器烧了之后,我能快速恢复就靠它了。 WordPress Related Posts WordPress 相关日志插件,如果你的博客内容不错,但是用户停留的时间很短,那么请尝试下这个插件吧! Wordpress Thread Comment Wordpress Thread Comment 是针对 WordPress 评论功能的增强插件。 10. 哈哈,没有第 10 了,那么你的10佳插件呢?欢迎你一起来讨论! ----
关于WordPress画廊插件 视觉库插件可让您最好地在WordPress网站上呈现图像或视频。 WordPress占网络上所有网站的35%。 它具有标准的图库功能,这是其核心功能的一部分。 它具有10个画廊布局和120多种选择。 这使自定义变得轻松而有趣。 它包括对四种视频的支持: YouTube , Vimeo , HTML5视频和Wistia 。 WordPress YouTube Gallery插件 当要在您的WordPress网站上显示YouTube视频时, YouTube WordPress画廊插件非常适合: 它支持新的WordPress 更改画廊所有UI元素的颜色,以找到适合您网站的最合适外观,并提供24种可调颜色和10种配色方案来帮助您。 使用过滤器可根据个人资料,主题标签或位置排除图像 。 10. UberGrid-响应式网格生成器 UberGrid是一个功能强大的WordPress响应式网格画廊构建器。
用WordPress+woocommerce来搭建外贸产品网站(B2B)是国内企业最流行最常见的建站方式,但是对于产品网站优化相对服务网站比较复杂一些,今天小编就来和搭建说说怎么优化wordpress搭建的外贸产品网站 3.面包屑导航 面包屑是网站导航的一个元素。它看起来像是用户所在的主页到当前页面的路径。更正确的术语应该是导航链。 这是“面包屑”在TemplateMonster网站上的样子: 对于具有复杂的节结构(标题)的站点,最推荐使用面包屑,这对于在线商店非常典型。 简化网站导航 除了面包屑,还有一种方法可以确保访问者在浏览电子商务网站时不会迷路。导航在建立一个简单的网站结构中起着非常重要的作用——特别是对于至少有几个产品类别的在线商店。 数学很简单。 在上传图片到WordPress之前,你应该考虑它的目的和你想要的关键词。 最佳WooCommerce SEO插件 虽然WordPress有一些可靠的内置SEO功能,但还是有办法进入下一个阶段的。
url99.ctfile.com/f/34816699-534147295-596b74 (访问密码:2007) 源码介绍 酱茄Free主题由酱茄(www.jiangqie.com)开发的一款免费开源的WordPress 主题,主题专为WordPress博客、资讯、自媒体网站而设计,遵循GPL V2.0开源协议发布. 运行环境 酱茄Free主题当前版本:酱茄小程序开源版V1.2.2(此版本需更新小程序和插件) 支持WordPress版本:5.4+ 兼容Chrome、Firefox、Safari等主流浏览器 支持设备: 和酱茄Free小程序开源版源码配套; 2、同步酱茄Free小程序开源版浏览/评论/用户头像等信息; 3、首页幻灯片可分别设置图片和链接; 4、可隐藏指定分类目录; 5、列表/文章元素支持(头像/作者/面包屑 /猜你喜欢等)开启/停用; 6、免装SEO插件,文章关键词/描述自动获取; 7、响应式设计并兼容pc和移动端; 8、内置标签聚合/友情链接等单页; 9、内置热门文章/标签云/猜你喜欢/链接等小工具; 10
面包屑路径最简单的形式是水平排列的文字链接,之间用大于号隔开,每个链接表示与这个级别相关的页面链接。 何时使用面包屑路径? 大型网站,特别是那种页面按照层级结构组织的网站比较适合使用面包屑路径。 面包屑路径的类型: 面包屑路径主要有三种形式。 基于位置的面包屑: 位置面包屑是静态的,显示了当前页面在网站中所处的等级。 基于属性的面包屑: 属性面包屑给出了当前页面所属类别的信息,下图的面包屑更接近与一个混合形式的面包屑,路径中包含了对结果的筛选条件描述; ? 路径:路径形式的面包屑是动态的路径,经常用来指引用户进行某种操作,比如“注册”流程,他动态的显示用户完成注册所需要的过程; 使用面包屑路径的好处 方便用户:面包屑路径的目的就是为用户提供一种辅助的导航方式 当页面含有多重栏目时,使用面包屑路径:面包屑路径具有线性的结构,如果你的页面不能够很清楚的分类,那就很难用面包屑路径来表示,这其实是在网站设计初期,要为站点制定明确的组织结构。
配置Yoast:如果你阅读其它的WordPress SEO教程之后可能已经听说让Yoast变成绿灯SEO也是行不通的。 由林雍岷精心打造的WordPress SEO系列教程教你如何通过个人的努力每天为网站带来1000位访客,WordPress SEO系列教程教你做网站排名和网站访问速度优化。 我是通过Yoast SEO教程做到这一点的,一周之内,每天有10到100多个访客!现在,我只创建冗长的(详细的)教程,并通过在内容目录中编写关键主题来开始每个教程,做起来像梦一样的工作。 ? 面包屑 面包屑是你通常会在内容顶部看到的导航文本。 ? 它们也出现在搜索结果中… ? 在Yoast中启用面包屑(SEO → Search Appearance → Breadcrumbs)… ? 然后将此代码添加到你希望面包屑显示的任何地方。最常见的位置是header.php,single.php或page.php。如果你需要帮助,请参见此处的Yoast面包屑教程。
在本文中,我们列出了 10 个最好的免费营销 WordPress 主题,这些主题完全包含了很棒的营销功能和演示。 如果您正在为营销机构制作网站,或者在线提供与营销相关的服务,那么此免费 WordPress 主题列表最适合您。 数字代理 Digital Agency lite 是一个现代且时尚的营销 WordPress 主题,具有惊人的功能。 更多信息/下载 查看演示 10. 市场热潮 MarketBizz 是市场上最好的营销 WordPress 主题之一。 更多信息/下载 查看演示 结论: 以上 10 个最佳免费营销 WordPress 主题的集合真正符合您的期望。 享受!
主题介绍: 很高兴带来一款动漫风格的WordPress主题,FLY主题,是博客+CMS杂志式的设计风格,在博客与CMS之间,你不但可以选择其中一个,并且还可以同时拥有俩种风格的布局。 主题功能: 1、全站Pjax(包括搜索、评论),翻页不会打断歌曲啦 2、外观自响应所有设备 3、独立留言板,微语,友链,文章归档时间轴全局样式 4、面包屑导航,网页WEB字体图标,评论表情 5、评论采用 QQ头像 6、全站自响应图片预览,导航悬浮 7、cms布局,可设置切换 8、无需安装任何插件,自带模板设置 9、完美支持https,喜欢折腾的小伙伴有福了 10、更多功能,逐步完善中... 主题特色: V站此次带来的首款自编写WordPress模板,到底有什么可观之处? ①结束了Emlog原FLY主题迁站难题,ThemeKing-FLY将完美驾驭原主题特点,并更轻便化! ④打造更完美的后台设置功能,让WordPress旅行更加精彩! ⑤半透明化。 ⑥添加贴图功能。 ⑦增加相册功能。 ⑧首页布局,随心所欲,摆出与别人不一样的风格。 ⑨增加后台各类文字框,全站懒加载。