Follow Us:

ワードプレスのリンク色の変更、リンクを新しいウィンドウで開く、リンク先を検索エンジンに評価させない

ワードプレスのリンク色の変更、リンクを新しいウィンドウで開く、リンク先を検索エンジンに評価させない 3つのよく使われる方法を解説いたします。


1 ワードプレスでリンクを新しいタブで開くようにする

こちらは、ブロックエディターで段落を挿入し、上部のリンク挿入ボタンをおして、リンク先URLを入力の上、その下の 新しいタブで開く スイッチを有効に改行ボタンを押して確定します。

2 ワードプレスでリンクの文字色を変更する

これを行うには、カスタムHTMLというブロックの追加が必要となります。

この部分に下記のように記載します

<a href="リンク先URL" style="color:色を指定">色の違うリンク</a>← この部分がリンクです

色を指定 の部分には、16進数のカラーコードを入力します。

プレビューすると下図のようにリンク色を変えることができます。

ちなみにサイトの全部のリンク色を一括で変更するには、管理画面の外観>カスタマイズ>css編集欄に下記のように記載します。

※#ff0000 がリンク色です

 /* 未訪問のリンク色 */
a:link {
  color: #ff0000 !important;
}
/* 訪問済みのリンク色 */
a:visited {
  color: #ff0000 !important;
}
/* マウスオーバーのリンク色 */
a:hover {
  color: #ff0000 !important;
}
/* 選択済みのリンク色 */
a:active {
  color: #ff0000 !important;
}

また、1 ワードプレスでリンクを新しいタブで開くようにする はHTMLコードで下記のように指定することも可能です。
target=”_blank” の部分が新しいウィンドウで開く設定です。

<a href="リンク先URL" target="_blank" style="color:色を指定">色の違うリンク</a>← この部分がリンクです

3 リンク先を検索エンジンになるべく評価させないようにする

検索エンジンは、リンクされていることをそのページが優れている根拠の一部としてしまいます。何らかの理由で、リンク先(内部リンク外部リンクに限らず)を検索エンジンに評価させないようにするための、方法としてnofollow属性がございます。

カスタムHTMLブロックに下記のように記載します。

<a href="リンク先URL" rel="nofollow">このリンク先を私は評価しているわけではありません!</a>

WordPress ワードプレスのテーマのカスタマイズ、改造のごそうだん・ご依頼はワードプレスドクターまでお気軽にお送りください

 ワードプレスについて学んでプロに好きなだけ質問できるオンラインサロンはこちら

関連タグ:

Wordpress ワードプレス ドクターBlog タグ一覧

© 2015-16. «WP Doctorワードプレスドクター». All right reserved.