WordPress發佈文章前可以自訂網址或中英文混合連結,WP靜態的長URL雖然對SEO有好處,但是長地址不便於記憶和傳播,特別分享在論壇、Facebook、Google+及微博中,WordPress新版本其後,引入「the_shortlink」提供URL Shortening 縮短網址服務,以便在社交網絡、微博或某些縮短網址服務時使用。
只要加入「短網址」分享文章給朋友而言確實很不方便了!
在編輯文章時會出現「Shortlink」按鈕,可以查看到當前文章的短連結;或者在管理員模式下進入某篇文章時,頂部也會有「Shortlink」按鈕,這就是WordPress 原生的短網址函數了,也就是WordPress預設的URL網址!
打開主題目錄,在「functions.php」文件,加上以下代碼:
請看圖片▼
// 編輯器新增短網址按鈕
add_filter( 'get_shortlink', function( $shortlink ) {return $shortlink;} );
同時你也可以在文章頁加上「短網址」給訪客(瀏覽者)分享文章連結,易便於傳播!
在主題的文章目錄,任意位置調用這個函數:
<?php the_shortlink( $text, $title, $before, $after ); ?>
四個參數說明(WordPress官方參考):
text —— 顯示文本,默認是「This is the short link.」
title —— 提示文本,默認是該日誌標題
before —— 為連結地址前增加文本或HTML標記,該參數及下面的after參數一般是用來為縮短網址風格化使用。
after —— 為連結地址後增加文本或HTML標記
打開主題目錄,在「single.php」文件,新增以下代碼:
<?php the_shortlink( 'ShortLink URL', '標題Title', '<ul><li>', '</li></ul>' ); ?>
輸出格式:
<ul><li><a rel="shortlink" href="https://www.moonlol.com/?p=1" title="標題Title">ShortLink URL</a></li></ul>
<a href="<?php echo wp_get_shortlink( $post->ID ); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
輸出格式:
<a href="https://www.moonlol.com/?p=1" title="月光">月光部落</a>
<a href="<?php echo wp_get_shortlink( $post->ID ); ?>" title="<?php the_title(); ?>"><?php echo wp_get_shortlink( $post->ID ); ?></a>
輸出格式:
<a href="https://www.moonlol.com/?p=1"title="月光部落">https://www.moonlol.com/?p=1</a>
<a href="#" title="取得文章短網址!並轉貼/分享" style="text-decoration:none;color:#ec6b55;" onclick="prompt('URL:', jQuery('#shortlink').val()); return false;">短網址</a><input id="shortlink" type="hidden" value="<?php echo wp_get_shortlink( $post->ID ); ?>" />
註: 這個需要調用Jquery庫,你可以按此處調用CDN連結。
複製視窗:請看圖片
SEO優化:
WordPress文章頁面會多出一個叫shortlink的短連結,存在多個鏈接(URL),百度蜘蛛、Google蜘蛛也經常把這個也收錄其中,感覺很不利於SEO。如想讓Wordpress不在head(文件)上添加「shortlink」的定義。
我們只需要打開主題的「functions.php」文件,加入如下代碼:
請看圖片▼
// 去除文章Header Shortlink
remove_action( 'wp_head', 'wp_shortlink_wp_head', 10, 0 );