WordPress教程

纯代码为WordPress主题添加整站全站SEO功能

阿里云

网站主页可以自定义标题、关键词和描述,网站分类目录可以自定义标题、关键词和描述,文章的内容页和页面同样可以自定义标题、关键词和描述,这就我认为比较理想的全站 SEO 功能。我尝试过学习使用 wordprss 的 setting api,半途放弃了;也尝试过使用 Options Framework Theme 框架,也放弃了。我希望是有一个更加简单的框架或者模板可以直接修改和模仿,后来找到终于了。SEO 功能模块我最后合成了 3 个文件:admin-meta.php、seo.php、seo-options.php,在文章最后可以下载。

操作流程

1、把解压的 seo 文件夹放到主题的目录下

也想出现在这里?联系我们
创客主机

2、打开 header.php 文件,删掉 title、keyword、description 标签,替换成:

  1. <?php qiwei_seo_title(); ?>

3、打开 function.php 文件,添加以下代码:

  1. require_once get_stylesheet_directory() . '/seo/admin-meta.php'; 
  2. require_once get_stylesheet_directory() . '/seo/seo-options.php';
  3. function qiwei_seo_title() { get_template_part('/seo/seo'); }

后台打开 “外观” – “seo 设置” – “启用全站 seo 功能” 选上(必须选上,不然没有效果)。

示范案例

下面以 WordPress 默认主题 twentyfifteen 为例,示范一下操作的整个过程:

1、把下载解压后的 seo 文件夹放到主题 twentyfifteen 目录下:

2、打开 twentyfifteen 主题头部文件 header.php,添加代码:<?php qiwei_seo_title(); ?>,如下:

注意:这里我们遇到一个问题就是之间没有 title、keywords、descriptions 三个标签,这是由于<?php wp_head(); ?>中实现了 title 标签的功能,我们打开主题的 function.php 文件,找到:

  1. add_theme_support( 'title-tag' );

并注释掉,不然文章就会出现两个标题。

3、打开 twentyfifteen 主题的 function.php 文件,在末尾添加以下代码并保存:

  1. require_once get_stylesheet_directory() . '/seo/admin-meta.php';
  2. require_once get_stylesheet_directory() . '/seo/seo-options.php';
  3. function qiwei_seo_title()
  4. {
  5. 	get_template_part('/seo/seo');
  6. }

4、外观 》seo 设置 》把 启用全站 SEO 功能 选上。

所有设置完成了,我们看看主题外观菜单下多出一个 SEO 设置选项,文章分类、文章详情、页面等页面有了 TDK 设置,是不是很方便。

纯代码为 WordPress 主题添加整站全站 SEO 功能

已有 247 人购买
  • pk61
查看演示升级 VIP立刻购买

下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!