前面我们学了一行代码搞定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>
底部(footer)是从零开始创建 WordPress 主题系列教程的第七篇,这篇教程将会很简单,去只要在侧边栏下增加个 DIV 标签,然后输入一些版权信息。
前提: 1.完成Linux CentOS 7最小化安装后基本配置和下载必备插件。 1.下载 WordPress 依次执行以下命令,进入/usr/share/nginx/html/目录,并下载与解压 WordPress。 cd /usr/share/nginx/html wget https://cn.wordpress.org/wordpress-5.0.4-zh_CN.tar.gz #下载wordpress tar zxvf wordpress-5.0.4-zh_CN.tar.gz #解压wordpress 2.修改 WordPress 配置文件 依次执行以下命令,进入 WordPress 安装目录,将wp-config-sample.php /share/nginx/html/wordpress #修改wordpress权限
> GRANT ALL PRIVILEGES ON wordpress. *TO 'wordpress'@'localhost' IDENTIFIED BY '<your password>' > exit 6. download wordpress $ curl -O https ://wordpress.org/latest.tar.gz $ tar zxvf latest.tar.gz $ mkdir /var/www/html/ $ mv wordpress/* /var/ www/html/ 7. give priority to web server to access wordpress directory $ chown -R apache:apache /var/ www/html 8. change wordpress file access priority to 777 $ chmod -R 777 /var/www/html 9. change wordpress
<!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+woocommerce来搭建外贸产品网站(B2B)是国内企业最流行最常见的建站方式,但是对于产品网站优化相对服务网站比较复杂一些,今天小编就来和搭建说说怎么优化wordpress搭建的外贸产品网站 网站产品优化的7个实用建议! 1. 使用独特的产品描述 我知道在你的网站里给每一件商品写一个描述是多么累人。但它确实很有意义! 它们可能不会很长,但应该写得很好,对SEO很友好。 3.面包屑导航 面包屑是网站导航的一个元素。它看起来像是用户所在的主页到当前页面的路径。更正确的术语应该是导航链。 这是“面包屑”在TemplateMonster网站上的样子: 对于具有复杂的节结构(标题)的站点,最推荐使用面包屑,这对于在线商店非常典型。 7. 优化图片 在内容中使用图像可以确保更好的文本可读性。这将帮助用户更好地与页面交互,当然,这将影响整个站点的性能。但是仅仅在你的网站上添加图片是不够的。你应该对它们进行优化。
网站经营的前期需要做好搜索引擎优化,对于WordPress 网站,其实最好的方式是在WordPress 主题上下功夫,如果一款主题对搜索引擎友好,那么对于专注于写文章的博主来说已经够放心的了。 评分、投票、作者头像、作者G+、面包屑导航(路径)……这个其实就是结构化数据产生的丰富文本摘要。 下面的教程是添加丰富网页摘要 - 评价(对应WordPress 的评论)、评论评分(投票)、路径(面包屑导航)、还有文章作者等相关信息。使用的数据类型90%是最新的 Schema.org 。 面包屑Breadcrumb(路径)的部署 确保你的主题已经有面包屑导航,没有可以参考《WordPress免插件仅代码实现面包屑导航》一文添加。 评论评分(投票)的部署 在WordPress 中实现投票的话需要借助插件来,一些WordPress 投票插件已经很好解决了结构化数据的问题,只要使用它们的投票插件,如果正常就可以在搜索引擎中显示,不必自己去添加代码
贴几个最近用到 WordPress 的代码片段,代码均搜集于网络,使用方式都是添加到主题的 functions.php 文件。 "Talk is cheap. wp_highlight_search_keywords' ); add_filter( 'the_excerpt', 'wp_highlight_search_keywords' ); 搜索关键字为空时自动跳转到首页 默认情况下,如果关键字为空,WordPress unregister_taxonomy_for_object_type('post_tag', 'post'); } add_action( 'init', 'wp_unregister_post_tag' ); 清理 WordPress 菜单中的 classes WordPress 菜单默认会输出一堆然并卵的 classes。
WordPress是一种使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL 数据库的服务器上架设自己的网志,本篇文章重点为大家讲解一下CentOS 7安装WordPress具体步骤。 二、搭建Wordpress平台: 以下以Wordpress3.92版本为例进行说明,如果大家想安装最近版本的话,安装完成后再管理界面可以自动升级安装最新版本。 邮箱就可以完成Wordpress的安装。 7、开启支持网站固定链接修改和重定向功能。 至此,Wordpress在Centos7上已经完全安装了,可以用它搭建你想要的任意网站了。
前提: 1.完成Linux CentOS 7最小化安装后基本配置和下载必备插件。 1.下载 WordPress 依次执行以下命令,进入/usr/share/nginx/html/目录,并下载与解压 WordPress。 cd /usr/share/nginx/html wget https://cn.wordpress.org/wordpress-5.0.4-zh_CN.tar.gz #下载wordpress tar zxvf wordpress-5.0.4-zh_CN.tar.gz #解压wordpress 2.修改 WordPress 配置文件 依次执行以下命令,进入 WordPress 安装目录,将wp-config-sample.php /share/nginx/html/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的那一项过滤掉。
---- 搭建环境:linux+nginx+mysql+php ---- 系统版本: 软件版本:(目前中文版最新 5.0.3) 参考网站: wordpress 官网: https://wordpress.org / 下载地址: https://wordpress.org/download/ 搭建过程 下载完,对 wordpress.tar.gz 进行解压 [root@localhost ~]# tar xf wordpress -5.0.3-zh_CN.tar.gz -C /usr/local/nginx/html/ 将 wordpress 软件整体解压到 nginx 根目录 针对 wordpress 在系统内新建 MySQL > GRANT ALL PRIVILEGES ON wordpress.* TO "wordpress"@"localhost" -> IDENTIFIED BY "wordpress"; /wp-config.php 下一步 如下便是安装成功 最后直接访问即可,自定义设置个性化内容 ---- 标题:基于centos7搭建wordpress博客系统 作者:cuijianzhe