おっさんがWordPress(ワードプレス)使ってみた!!!6 ~初心者のためのFacebook/Twitterアイコン設置方法~

回を増すごとにタイトルが長くなっていきますねw

それはともかくとして、この「WordPress使ってみた」のシリーズも、いったん本日で区切りをつけたいと思います。※また新たな操作方法を覚えたら当ブログで報告いたします。

それでは、本題に入りましょう。当サイトを開設当初から見ていただいている方であれば、もしかすると気づかれたかもしれません。最近このサイトの構成が、大きく2ヵ所かわりました!気づいた方いますでしょうか!?

1つは、『Featuredエリア』の活用、もう一つは、『TwitterやFacebookのアイコン挿入』です。Featuredエリアの活用方法については、昨日紹介しましたね。

本日は、『TwitterやFacebookのアイコン挿入』のやり方を紹介します。『TwitterやFacebookのアイコン』とは、今やほとんどのサイトやブログに設置されている下記のようなアイコンのことです。

SNSアイコン

※⇑は画像ですので、クリックしてもリンクは開きませんよ~笑

言わずと知れたSNS(FacebookやTwitter)で、良いと思った記事をシェアしたり、コメントを入れたり、フォローしたり、(時にはディスったり)と、拡散できる機能ですね。アメブロや、はてなブログなどでは標準装備なのでしょうか?みなさん当然のようにつけています。

当サイトにも立ち上げ当初から「設置したいな~」と思っていたのですが、このサイトで使用されているWordPressのフォーマット『Twenty  Fourteen』には、デフォルトで設定(標準装備)されてはいません。『プラグイン』という後から挿入する機能としてあるのかもしれませんが、適当なものが見つかりませんでした。

で、本日は僕がググった中で、最も簡単に設定できた方法を紹介したいと思います。

【Facebookの場合】

まず、このページを開きます。
Like Button for the Web

すると下記のようなボックスが現れます。青枠にアイコンを設置したいページのURLを、その他の欄にも任意で記入し、赤枠部分の『Get Code』をクリックします。

like_button_a

すると、少々長めのHTMLコード(先日紹介しましたね)が出てきますので、それをコピーし、アイコンを設置したいページの編集画面『テキストのページ』にペーストすればOKです(説明が雑でスミマセン~!)。

HTMLとテキストページについては過去の投稿で少し触れていますので、よければ、ご参照ください。

【体験談】WordPress(ワードプレス)使ってみた4 ~HTMLの使用方法~

※いいねボタンの設置方法の詳細については、下記記事をご覧ください。僕には、これが一番わかりやすく参考になりました。(「なんだよ、結局他人のサイト頼みなんかよ~!」と言われそうですが・・・。ド素人のオッサンがここまでがんばったんやと、ご理解ください・・・)

参照元:ホームぺージ入門サイト

【Twitterの場合】

続いてTwitterの『フォローする』や『コメントする』ボタンについて。設置方法は、上記Facebookのいいねボタンと、ほぼ同じ流れです。

まずこのページを開きます。
Twitter Buttons

その後、Facebookの時と同じように、ページの指示に従い、空欄を埋め、HTMLコードを取得、コピーしたものをアイコンを設置したいWordPressの『テキストページ』にペーストすれば完了です!(こちらも雑やったでしょうか・・・詳細は下記がめっちゃわかりやすいので、ご参照ください 😥 )

参照元:3分で終わる!Twitterのツイートボタンとフォローボタンをブログに設置する~4ステップ~

するとジャジャーン!下記のようにSNSのボタンアイコンが設置されました。さすがにこの雑い投稿に「いいね」をいただけることはないかと思いますが、今後はバンバン「いいね」をもらえるような投稿をしていきたいと思いつつ、本日の投稿を終わらせていただきたいと思います。

 

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA