WordPressで閲覧中のページへのリンクタグを生成し、コピーボタンを表示するプラグイン「Get backlinks」

公開日:2016年12月2日 アクセスアップ/PV数改善 コンテンツ追加
Knowledge Base Wordpress プラグイン
他のブログなどで自分のページを紹介してもらう場合、htmlタグを使い慣れている方や、ツール独自のクイックタグ(ショートカットボタン)の使い方を知っている方なら簡単に挿入することができるリンクタグの設定。

リンクタグの基本コードは
<a href=”リンクページのURL”>リンク先の名称(アンカーテキスト)</a>
なので、このコードをコピーして、

  1. リンクページのURLの入力
  2. リンク先の名称(アンカーテキスト)の入力

を入力すればハイ完成!!なのですが、わざわざ手間をかけてリンクを挿入しようという機会は少ないもの。

また、外部からの直接リンク(被リンク)が多いページは検索エンジンから見て評価が上がり、検索順位に影響することもありますから、特に興味を持って見た方が各ブログ記事などには是非ともリンクを張ってもらいたいものですね。

「Get backlinks」は表示されているコードをそのままコピペするだけで簡単に別のサイトやブログへ閲覧しているページへのリンクを挿入してもらえるようにするプラグインです。

同様のプラグインに

というのがありますが、「WP Link To This Post」プラグインとの違いは

  1. コードが表示される画面の下にクリップボードへコピーするためのボタンが表示される
  2. コード表示画面の中の文章を自由に加工してもらうことができる
  3. リンクを促すコンテンツの位置をショートコードで任意に設定することができる

という点です。

【Get backlinks】プラグインの基本的な機能・できること

  1. ショートコードを使って任意の位置へ閲覧しているページへのリンクコードを表示
  2. 表示されているコードのコピーボタン
  3. リンクコード表示窓内の文章を自由に加工することができる(アンカーテキストなどを変更してからコピーができる)
  4. ウィジェット表示
この記事の内容について
このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います
  1. すべての環境で動作するとは限りません
  2. できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります
  3. 有料版と無料版がある場合、テストは原則無料版のみで実施しています
  4. テスト環境については本文中に記載しています
  5. 使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

【Get backlinks】プラグインの設定画面や表示の日本語化と翻訳

【Get backlinks】プラグインは言語の変更に未対応ですので表示のまま設定することになります

【Get backlinks】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

を参照ください

【Get backlinks】プラグインの基本的な使い方

[get_backlink]というショートコードを任意の場所へ挿入することで
WordPressで閲覧中のページへのリンクタグを生成し、コピーボタンを表示するプラグイン「Get backlinks」
のようなコンテンツが追加されます。

また、ウィジェットが用意されているので、簡単にサイドバーなどへ機能を追加できます

【Get backlinks】プラグインの便利な使い方・カスタマイズ方法など

より便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。

ボタンを日本語表記にする

上の画像ではボタンが日本語になっていますが、標準は英語表記になっています。変更するにはプラグインのソースを直接変更する必要があります
「プラグイン」→「プラグイン編集」から「get-backlinks」を開き「getbacklink.php」の69行目あたりからはじまる以下のコードを編集します

<?php
 ?>
    <button class="btn btn-primary" data-clipboard-action="copy" data-clipboard-target="#bar">Copy</button>
 <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script>
 <script>
    var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
    e.trigger.textContent = 'Copied';
    window.setTimeout(function() {
        e.trigger.textContent = 'Copy';
    }, 3000);
     e.clearSelection();
});
clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
    e.trigger.textContent = 'Press "Ctrl + C" to copy';
    window.setTimeout(function() {
        event.trigger.textContent = 'Copy';
    }, 3000);
});
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

Copy/Copied/Press “Ctrl + C” to copyと書かれている部分を日本語にします。変更後の例としては

<?php
 ?>
    <button class="btn btn-primary" data-clipboard-action="copy" data-clipboard-target="#bar">リンクタグをコピーする</button>
 <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.13/clipboard.min.js"></script>
 <script>
    var clipboard = new Clipboard('.btn');
clipboard.on('success', function(e) {
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
    e.trigger.textContent = 'クリップボードにコピーしました';
    window.setTimeout(function() {
        e.trigger.textContent = 'リンクタグをコピーする';
    }, 3000);
     e.clearSelection();
});
clipboard.on('error', function(e) {
    console.error('Action:', e.action);
    console.error('Trigger:', e.trigger);
    e.trigger.textContent = 'コピーに失敗しました。キーボードの "Ctrl + C" を使ってコピーしてください';
    window.setTimeout(function() {
        event.trigger.textContent = 'リンクタグをコピーする';
    }, 3000);
});
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

という感じにします。このままでいいという方はコードをそのまま上書きすれば完了です(きちんど同じ文のみコピーしないとエラーが発生します)

ボタンや表示枠などのスタイルを編集する

表示枠は「プラグイン」→「プラグイン編集」から「get-backlinks」を開き「getbacklink.php」の59行目あたりからはじまるCSSコードを編集します

ボタンのスタイルは「btn btn-primary」というクラスが割り当てられていますので、テーマのCSSに追加するか、独自のボタン用CSSがある場合にはクラス名を変更します

リンクタグに追加の記述をする

生成されるリンクタグは単純に「サイト名-ページ名」というアンカーリンクを持つリンクになっています。これを変更するには
55行目あたりの
<a href='. $currenturl .'>' . $blogname .'-'.$blogtitle . '</a>

  1. . $blogname .がサイト名
  2. .$blogtitle .がページのタイトル

なので表記を変更したり、

<a href='. $currenturl .'>' . $blogname .'-'.$blogtitle . ' target=”blank”</a>
と赤字部分の属性を追加することで、リンク先を別タブで開くようにするタグを生成することもできるようになります

おまけ プラグインを使わずにリンクコードを表示する方法

完全におまけ情報ですが、ボタンなんかいらないから見ているページへのリンクコードだけ表示したい!!という方のために、現在表示しているページへのリンクコードを表示するPHPコードを紹介しておきます。

投稿の本文内でPHPコードが動作するようにする「EXEC PHP」などのプラグインがインストールされていることが前提です。

以下のコードを本文内やテキストウィジェットへコピペすればコードが表示されます

<textarea><a href="<?php echo get_permalink( $post->ID ) ?>" target="blank"><?php echo get_the_title() ?>-<?php echo get_bloginfo( 'name' ) ?></a></textarea>
【注意】コードをコピーして使用する前に必ずお読みください

この記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。

使用については自己責任でお願いします

コードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。

万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いません

コードの変換エラーなどにより動作しない場合、更新エラーが出る場合があります

コードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがあります

その場合には以下の方法で修正を行ってみてください

  1. コードの中に全角の記号が入っていませんか?
  2. 半角にすることで解消できます
  3. コードの中に全角の空白(スペース)がありませんか?
  4. 半角にすることで解決できます
  5. 上のようなことがないのに更新できない
  6. 特に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。

コードを転載する場合には

ご自身のサイトで当ページのコードを転載される場合には必ず当ページへのリンクを入れていただきますようお願いいたします

簡単にコード解説すると
get_permalink( $post->ID )でページのURLを取得します
echo get_the_title()でページタイトルを取得します
get_bloginfo( 'name' )でサイト名を取得します
そして、これをリンクコードの中に入れ、文字列として表示させるためにtextareaタグで囲めば完成です。

案外簡単ですね。ボタン表示をしたい場合には素直にプラグインを使いましょう。

Wordpressの本

Amazonの人気商品楽天市場の人気商品
CS Shop
たった1日で基本が身に付く! WordPress 超入門【電子書籍】[ 佐々木恵 ]

たった1日で基本が身に付く! WordPress 超入門【電子書籍】[ 佐々木恵 ]

1,944 円 (税込) 送料込
<p>WordPressによるWebサイト作成の基本を一から学べる書籍です。1日8時間の勤務時間内に読むことができる程度に解説内容を絞り込み,初心者・新人が最初の1冊目として読むのにふさわしい内容となっています。本書ではローカル環境にWordPressをインストールしてWebサイト..
サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル【電子書籍】[ 宮内 隆行 ]

サイトの拡張性を飛躍的に高める WordPressプラグイン開発のバイブル【電子書籍】[ 宮内 隆行 ]

3,456 円 (税込) 送料込
<p>プラグインの開発から運用までを網羅</p> <p>※この電子書籍は固定レイアウト型で配信されております。固定レイアウト型は文字だけを拡大することや、文字列のハイライト、検索、辞書の参照、引用などの機能が使用できません。</p> <p>CMSのデファクト・スタン..
楽天ウェブサービスセンター CS Shop

いつでもご相談・サイトカスタマイズの依頼を受け付けています

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。

※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報