这篇是我自己几次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/ */
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
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');
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模块,设置方法参考:
12、把可以作为模板公用部分的头部,底部甚至侧边栏独立出来,建立成三个文件:header.php,footer.php,sidebar,调用方法:
<?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?>
13、中文日期调用:
<?php the_time('Y-m-d') ?>