SEO只是外表
技术才是我的追求

WordPress仿站的笔记

这篇是我自己几次WordPress仿站的经验,列出了的仿站步骤,记录一些核心的调用代码和参数,主要为了方便我以后仿站而记下来。所以这不是WordPress仿站教程,只是一篇仿站笔记。

1、用仿站小工具下载目标网页

2、在wordpress原主题simple(假定为simple)新建一个old文件夹,把index.php,style.css,image文件夹,js文件夹,css文件夹等等放到old文件夹作备份

3、把下载好的目标网页文件放到主题simple文件夹内,index.html改为index.php,把主css文件(如main.css)从css文件夹移动到主题的根目录,并改名为style.css。

4、修改index.php调用文件路径:

修改css路径:

"css/   替换成   "<?php echo get_template_directory_uri(); ?>/css/

主style.css路径要改成:

<?php echo get_template_directory_uri(); ?>/style.css

修改js路径:

"js/     替换成   "<?php echo get_template_directory_uri(); ?>/js/

修改图片路径:

"images/ 替换成  "<?php echo get_template_directory_uri(); ?>/images/

<?php echo get_template_directory_uri(); ?>为网站路径参数


5、修改style.css文件:

修改图层背景图片的调用路径: 如url(../images/bg.jpg) 要改成 url(images/bg.jpg)

url(../images/   替换成   url(images/

修改字体的调用路径:

url(../fonts/   替换成   url(fonts/

添加主题信息。style.css文件头部文件添加:

/*
Theme Name: Simple
Theme URI: http://www.qiweiseo.com/
Description: Simple Template
Version: 2.0.0
Author: QIGE
Author URI: http://www.qiweiseo.com/
*/
提示:主题预览图片-名字为screenshot.png,大小300 * 225,放在主题根目录下。比例4:3的图片也行:800*600、400*300,screenshot.png名字不能更改

6、改完后可以打开首页看看,基本和目标网页应该是一样了,如果出现不一样,要仔细找找哪里出问题,解决之。

7、删除index.php中没用的代码,<head></head>之间比较多,删掉没用css调用文件(如果没用源文件也删掉),没用的js调用文件,feed等等,确定没有用能删就删掉。

8、简化代码,把外露的css和js放到调用的css和js文件内。

现在还是静态网页,下面向动态网页进化

8.搜索更改:

<form name="formsearch" action="<?php echo get_option('home'); ?>" class="search-form">
<input type="search" name="s" placeholder="keywords" value="" id="search-keyword" class="s-txt" />
<input type="submit" value="search" class="s-btn" />
</form>

关键是  action="<?php echo get_option('home'); ?>"  和  name="s" 修改这两个值就可以搜索:

action控制跳转的网址,name控制搜索关键词的参数名称

如搜索关键词”sky”,按搜索就会网址跳转:

http://www.qiweiseo.com/?s=sky

注意:默认是使用get方法获得表单数据:method=”get”

9、禁用特色图片的多种格式(如果是自适应可以不删的)

add_filter( 'max_srcset_image_width', create_function( '', 'return 1;' ) );

10、更改一些基本的网站参数:

博客首页网址:<?php echo get_option('home'); ?>
博客名称:<?php bloginfo('name'); ?>
博客描述:<?php bloginfo('description'); ?>
模板地址:<?php bloginfo('template_url')?>
网站地址:<?php bloginfo(‘url’); ?>
网站首页调用要使用:

<?php echo esc_url( home_url( '/' ) ); ?>

不要使用:

<?php echo get_option('home'); ?>

11、头部:Title、Keyword、Description三个标签的处理。因为涉及到SEO,有时候就比较繁琐了。设置的方法有两个:

(1)、简单设置,使用wordpress的add_theme_support函数,只设置标题,不添加关键词和描述标签。把Title、Keyword、Description三个标签删掉,添加:

<?php wp_head(); ?>

在主题的function.php文件添加:

add_theme_support('title-tag');
提示1:add_theme_support函数作用是判断网页头部有没有标签,没有的话自动添加Title标签
提示2:添加了wp_head函数会多出一大堆杂七杂八的标签,在function.php添加以下代码过滤:
remove_action( 'wp_head', 'feed_links_extra', 3 ); // 额外的feed,例如category, tag页
remove_action( 'wp_head', 'wp_generator' ); //隐藏wordpress版本
remove_filter('the_content', 'wptexturize'); //取消标点符号转义
remove_action( 'admin_print_scripts', 'print_emoji_detection_script'); // 禁用Emoji表情
remove_action( 'admin_print_styles', 'print_emoji_styles');
remove_action( 'wp_print_styles', 'print_emoji_styles');
remove_filter( 'the_content_feed', 'wp_staticize_emoji');
remove_filter( 'comment_text_rss', 'wp_staticize_emoji');
remove_filter( 'wp_mail', 'wp_staticize_emoji_for_email');
remove_action( 'wp_head', 'wp_resource_hints', 2 ); //过滤s.w.org
remove_action( 'wp_head', 'print_emoji_detection_script', 7);
remove_action( 'wp_head', 'rest_output_link_wp_head', 10 );
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'wp_shortlink_wp_head');
remove_action( 'wp_head', 'wp_oembed_add_discovery_links', 10 );

(2)、使用现成的SEO模块,设置方法参考:

如何为你的wordpress主题添加整站SEO功能

12、把可以作为模板公用部分的头部,底部甚至侧边栏独立出来,建立成三个文件:header.php,footer.php,sidebar,调用方法:

<?php get_header(); ?>
<?php get_footer(); ?>
<?php get_sidebar(); ?>

13、中文日期调用:

<?php the_time('Y-m-d') ?>

未经允许不得转载:棋哥SEO博客 » WordPress仿站的笔记

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址