由于上次免费发布的一个主题,很多网友都说主题的推广跳转链接没有跳转,原因很多都是伪静态造成的,不管什么原因,现将实现跳转链接的教程先写出来,也许能给无法跳转的网友一点灵感。
我们需要的功能:站内的链接类似 http://ashuwp.com/go/111 这种类型的地址,点击进去跳转到一个站外链接,其中前面的 111 为文章 ID,要跳转的站外链接由文章的自定义字段添加。
实现方法:所有 http://ashuwp.com/go/xxx 这种类型的链接由主题中的 go.php 文件中处理,然后通过地址中的文章 ID,获取到要跳转的站外链接,通过 WordPress 的 wp_redirect 函数跳转或者输出 js 实现跳转。
步骤一、添加外部链接
先给文章添加一个自定义字段用来输入一个要跳转的站外链接,比如淘宝客的推广链接,自定义字段的添加可以通过本工作室提供的自定义字段类文件实现:WordPress 进阶教程 (十): 后台创建自定义面板类文件,当然你也可以通过文章编辑器下面的自定义栏目添加,如图 (我们添加了一个名为_buy_link 的自定义字段,用来输入我们的推广链接):
步骤二、将站内链接重写到主题的 go.php 处理文件
在主题中新建一个 go.php 文件,然后在 functins.php 文件中添加下列代码:关于 url 重写,请参考本站教程 WordPress 进阶教程 (16): 添加一个重写规则,构建新页面初试前后的几篇文章。
- //为不带 http 的地址添加 http
- function addhttp($url) {
- if (!preg_match("~^(?:f|ht)tps?://~i", $url)) {
- $url = "http://" . $url;
- }
- return $url;
- }
- /********添加 query 变量************/
- function ashuwp_query_vars($public_query_vars) {
- $public_query_vars[] = 'my_custom_page_type';
- $public_query_vars[] = 'pid';
- return $public_query_vars;
- }
- /************重写规则*************/
- function ashuwp_rewrite_rules( $wp_rewrite ){
- $new_rules = array(
- 'go/?([0-9]{1,})/?$' => 'index.php?my_custom_page_type=buy_page&pid='.$wp_rewrite->preg_index(1),
- );
- $wp_rewrite->rules = $new_rules + $wp_rewrite->rules;
- }
- /************模板载入规则****************/
- function ashuwp_template_redirect(){
- global $wp,$wp_query,$wp_rewrite;
- if( !isset($wp_query->query_vars['my_custom_page_type']) )
- return;
- $reditect_page = $wp_query->query_vars['my_custom_page_type'];
- if ($reditect_page == "buy_page"){
- include(get_template_directory().'/go.php');
- die();
- }
- }
- /*********更新重写规则***************/
- function ashuwp_flush_rewrite_rules() {
- global $pagenow, $wp_rewrite;
- if ( 'themes.php' == $pagenow && isset( $_GET['activated'] ) )
- $wp_rewrite->flush_rules();
- }
- add_action( 'load-themes.php', 'ashuwp_flush_rewrite_rules' ); //启用主题的时候
- add_action('generate_rewrite_rules', 'ashuwp_rewrite_rules' ); //添加重写规则
- add_action('query_vars', 'ashuwp_query_vars');
- add_action("template_redirect", 'ashuwp_template_redirect');
上面的代码将站内所有类似 http://ashuwp.com/go/xxx 这种地址重写载入 go.php 文件来处理。
很多不支持伪静态,或者伪静态没设置好的主机,访问不了类似 http://ashuwp.com/go/xxx 这种静态地址,所有无法重写此类 url,判断伪静态是否可用,只需在 后台设置-> 固定连接 将固定连接结构任意设置一种 (非默认的 http://ashuwp.com/?p=123 这种即可),然后任意找一篇文章查看,如果正常访问,则伪静态基本无问题。
步骤三、添加 go.php 中的跳转代码。
提供两种方式,任选一种即可。
第一种:通过 js 来跳转。
- <?php
- /*******跳转模板*******/
- global $wp_rewrite,$wp_query;
- //从请求的地址中获取文章 ID
- if( isset($wp_query->query_vars['pid']) && $wp_query->query_vars['pid']!='' )
- $post_id = $wp_query->query_vars['pid'];
- else
- $post_id = 0;
- //如果文章 ID 存在
- if( $post_id ){
- //通过文章 ID 获取要跳转的站外链接--自定义字段
- $buy_link = get_post_meta($post_id,'_buy_link',true);
- $buy_link = htmlspecialchars_decode($buy_link);//将 html 实体换回预定义字符
- $buy_link = trim($buy_link);
- $buy_link = addhttp(trim($buy_link));
- if($buy_link){ ?>
- <?php //跳转到对应的链接?>
- <script type="text/javascript">window.location.href="<?php echo $buy_link;?>";</script>
- <?php }else{ ?>
- <?php //如果没有设置跳转到奥首页?>
- <script type="text/javascript">window.location.href="<?php echo home_url();?>";</script>
- <?php }
- }else{ ?>
- <?php //无 ID 则跳转到首页 ?>
- <script type="text/javascript">window.location.href="<?php echo home_url();?>";</script>
- <?php } ?>
第二种,使用 wp_redirect 函数
- <?php
- /*******跳转模板*******/
- global $wp_rewrite,$wp_query;
- //从请求的地址中获取文章 ID
- if( isset($wp_query->query_vars['pid']) && $wp_query->query_vars['pid']!='' )
- $post_id = $wp_query->query_vars['pid'];
- else
- $post_id = 0;
- if( $post_id ){
- //获取跳转链接
- $buy_link = get_post_meta($post_id,'_buy_link',true);
- $buy_link = htmlspecialchars_decode($buy_link);//将 html 实体换回预定义字符
- $buy_link = trim($buy_link);
- $buy_link = addhttp(trim($buy_link));
- if($buy_link){
- //跳转
- wp_redirect($buy_link, 301);
- }else{
- //跳转到首页
- wp_redirect(get_bloginfo('url'), 301);
- }
- }else{
- //无 ID 则重定向到首页
- wp_redirect(get_bloginfo('url'), 301);
- } ?>
至于调试方法,可在 go.php 中将跳转代码去掉,随意输出一点内容,先看是否能重定向到 go.php
如果能重定向到 go.php,则问题出在 go.php 中的代码。
跟正:之前由于工作不严谨,忘记本工作的自定义字段在保存的时候会将字段中的 html 字符转换为 html 实体再保存,比如符号& 会被转换为& 于是有网友提出一些含有& 的推广链接无法跳转,由于测试的时候只是随便弄了个网址测试,导致 bug 出现。
解决方法,在获取了跳转链接的字段之后,使用 htmlspecialchars_decode 函数将 html 实体再转换为 html 字符......