この記事の所要時間: 250

タイトルながくなってますが、そのまんまです。

WordPress純正のRSSウィジェットではブラウザはそのまま遷移します。

今回は、それをなんとかしたいいぃい(・・・すイエんサー調で。知ってる?すイエんサーBY NHK)

RSSウィジェットの設置

WordPressの管理画面からメニューの「外観」→「ウィジェット」を選択
140201-00004



利用出来るウィジェットから「RSS」を・・・
140201-00005



使用したいサイドバー等のエリアにドラッグ&ドロップします。
140201-00007



設定を書きます。
RSSのURLを入力し、タイトルとなる部分の文言を書きます。
スクリーンショット 2014-02-01 6.54.49


RSSは「ソースを見る」等でソースを閲覧し「RSS」で検索すると・・・下記画像のように出てきますのでその href の内容をコピーして使用します。
スクリーンショット 2014-02-01 6.54.09
この例で言うと
「http://blog.gti.jp/feed/」
になります。


これだけでサイドバーに設置できちゃいました!

スクリーンショット 2014-02-01 6.55.27



ですが、このままではリンクをクリックしても同じウィンドウが切り替わって表示されます。
それじゃ、ダメな場合多いですよね。

そこで、一工夫です。
「リンク先を別ウィンドウで表示」したい!

・・・あと、個人的感想ですが、標準機能で付いてくる「RSS」マークが不要ではありませんか?(個人的感想です。)

functions.php に追記します

※「< ?php 」ってなってしまっているところは「<?php 」に全部置換してください。
※この前後はPHPファイルを想定しているためPHPである記述をしていませんが、必要な場合は先頭に「<?php 」を一行入れてください。

wp_enqueue_script('jquery');
function openBlankWindowWithNoneIconRssWidget() {
?>

< ?php
}
add_action('wp_head', 'openBlankWindowWithNoneIconRssWidget');

これでこうなります。
スクリーンショット 2014-02-01 7.20.59



うーん。テストサイトだし、テーマが標準だし、わかりにくいなぁ〜
あ、だから「RSSアイコン」つけてるのか・・・ってこれで分かりました。
が、わかりやすい例を示すべくお客様のサイトの画像を・・・

Before

140201-00001

After

140201-00003


「RSSアイコン」とれた方が良いと思いました・・・・どうでしょう?
※参考サイト:アン・シャーリー保育園 いつもありがとうございます。

外部サイトであることを表記する

が、これだけだと外部サイトを表示する・・・っていうのが伝わらないので、もう一工夫してます。
上記した「サイドバー」へのウィジェット追加の下にもう一つ「テキスト」ウィジェットを追加します。
「タイトル」はわざと書きません。
140201-00002

文言はなんでもいいと思いますが、これで「After」の通りに表示されます。

参考になれば幸いです。

※この記事中のWordPress管理画面は制作の都合上 3.7.1 と 3.8.1 が入り乱れております。見た目はこの限りではない場合がありますので注意してください。

この記事が気に入ったら
いいね ! しよう

Twitter で