本ページには広告が含まれている場合があります。

【WordPress】プロフィールにブログ村のフォローボタンなどのバナーを追加する方法

仕事
この記事は約4分で読めます。

こんにちは!最近、未来予測系の本を読んでワクワクしています。とぉーとゆです。

先日、”にほんブログ村”というポータルサイトに今ご覧になっている”とぉーとゆブログ”を登録しました。

どうやらINポイント(このサイトからブログ村へ入るともらえる)やOUTポイント(ブログ村からこのサイトに出てくるともらえる)なるものを集めてランキングに挑戦できるらしい。ふむふむ、面白い。

そして、本登録後に”にほんブログ村”の村長からこんなメールがきました。

(以上省略)
≪ご参加にあたり、以下の5つの内容にご協力ください≫
■≪1≫リンク用のバナーやテキストを掲示してください
とぉーとゆさんに INとOUTランキングへご参加いただくために、
ご登録のブログサイトにブログ村バナーの掲載をお願いいたします。
バナーは各種ございます、お好きなバナーを下記よりお選びください。
(以下省略)

にほんブログ村 村長(そんちょう)

URLを踏んでみると、なんと10種類以上もバナーが用意されていました。自分で画像をアップロードしてオリジナルのバナーを作ることもできるみたいです。

実に面白い・・・プロフィール欄に貼りたい!!!

はじめに注意事項

この作業では、工程の途中でテーマファイルエディタから「Theme Functions (functions.php)」というファイルに追記を行います。万が一不慮の事故で 全選択→Delete→ファイルを更新 なんてことをしてしまうとブログ自体が壊れてしまいかねませんのでご注意願います。

初期設定では「プロフィール情報」欄で使えるHTMLタグに制約がある

実はWordPressの初期設定では、「プロフィール情報」で使えるHTMLタグに制約があり、<a>タグくらいしか使えないみたいです。

ブログ村から入手できるフォローボタンはHTMLタグの<a>タグと<img>で構成されています。そのためコピーしてきたタグをそのまま「プロフィール情報」に貼り付けても、プロフィールを更新すると自動的に<img>タグが消去されてしまいます。

ですので、まずはHTMLタグをプロフィール情報に貼れるように設定したうえで、タグを配置する必要があります。

実際にやってみよう!

「Theme Functions (functions.php)」を編集する

まずは、上述した制約を解除するために、「Theme Functions (functions.php)」というファイルを編集します。

「Theme Functions (functions.php)」ファイルの開き方

WordPressのメニューから「外観」→「テーマファイルエディター」をクリック。
右側の「テーマファイル」で「Theme Functions (functions.php)」を探して開く。

開いたファイルにコードを追加する

開いたファイルに以下のコードを追加しファイルを保存します。

remove_filter(‘pre_user_description’, ‘wp_filter_kses’);

どこに追加したかわかりやすいように一番前か一番後ろに追加するのをおススメします。(個人的には一番後ろが好み。)
自分が入れたコードだとわかるようにコメントを入れておくと良いでしょう。

「プロフィール情報」欄にブログ村のタグをコピペする

WordPressのメニューから「ユーザー」→「プロフィール」をクリック。
ブログ村で自分用に用意されたタグをコピーしてきて「プロフィール情報」欄に貼り付けます。

忘れずに最下部の更新ボタンを押して保存すれば設定は完了です。

プロフィールを見てみましょう

フォローボタンを設置した後のプロフィールはこんな感じになりました。

うん!いい感じカモ!

ちなみにスマホで見るとこんな感じです。

まとめ

いかがでしたでしょうか。

今回はブログのプロフィールに”にほんブログ村”でのフォローボタンを設置してみました。おそらくですが、応用すればプロフィール以外にも設置可能でしょう。

是非皆さんもプロフィールをカスタマイズしてみてくださいね。

ではでは、とぉーとゆでした!

コメント

タイトルとURLをコピーしました