SNSフォローボタンを設置しました

2016年7月17日

12日の記事で、ブログの投稿記事の上にSNSボタンを設置したことを書きました。でも、これは各SNSでシェア(共有)してもらうためのもので、私たち「宇治のお茶まる」をSNSでフォローしてもらうためのものではありません。そこで、もしかしたら読者の方々の中には、フォローして下さる方も必ずおられる!と思い、「思い立ったが吉日」とばかりに、今度はSNSのフォロー用ボタンを作ることにしました。今回作ったボタンは、Facebookページ、Google+、Twitter、RSS、E-Mail。・・・とは言ったものの、今のところコンスタントに情報発信しているのは「Facebookページ」のみで、TwitterやGoogle+などは急遽、アカウントを作りました。大慌てで作ったので、中身はカラッポ(^_^;)おまけにTwitterはかつて利用していたことがありましたが、Google+は利用したことがないんですよね~★しかし、ボタンを作った以上は、いや「お茶まる」のことをもっと沢山の人に知っていただくためには、SNSを積極的に活用することも大切ですね。大体メジャーなSNSは無料ですし。スマホやタブレットの普及により、わざわざホームページからアクセスして更新を知るよりも、今の時代はSNSで更新状況を知りたい!という人も多いと思います。そこで、早速作業に取り掛かったのですが、いや~、これも結構大変でした。相変わらず、壁にぶち当たる度に調べながらの作業でした。ネットの情報では、「コピペで簡単に設置できる!」とか書いてあるサイトをよく見かけましたが、大概、テーマ(テンプレート)が限定されていて、そのテーマを使っていない私はかなり悩みました。本当は、どんなテーマでも応用が利くように編集出来れば一番良いのでしょうが、今の私の実力では無理でした・・・。知らないことが多すぎて、もう頭がパンク状態です(汗)。特に使っているテーマによっては全く編集できなかったり、レイアウトが崩れたり・・・(~_~;)まあ、出来ることからやっていきましたが、何事も極めれば奥が深いというか、難しいですねぇ。前にやったシェアボタンに関しては、自作したということもあって慣れていない私は悪戦苦闘しましたが、今回はヘッダー部分に上手くボタンを設置するのに苦労しました。ヘッダーにはメールフォームが開く「お問い合わせ」ボタンを設置しているのですが、ボタン同士が重なってしまったりして、どうも上手く行きません。そこで、リスキーな手段だとは思いつつもfunctions.phpを弄り、次にheader.phpを弄って、新しくヘッダーウィジェットエリアを作ってそこに、SNSフォローボタンを設置しました。やっぱり、右利きの人が多いのか、ボタン類はヘッダーの右上に表示させているサイトが多いですね。ただ、サイトをスクロールしていると、マウスカーソルにアイコンやボタンがくっついて追いかけてくるやつ(「フローティング機能」というそうです)、あれは個人的にどうしても好きになれません。特に海外のサイトに多いような気もしますが、目障りで仕方がありません(>_<)嫌でも目に入って来るので、視覚効果は抜群に良いと思いますが、好みの問題でしょうね(^_^;)ちょっと話が脱線しましたが、これからはSNSを適度に利用して「お茶まる」の情報を発信していきたいと思います♪頑張りますので、これからも応援して下さいね(^^♪

ちなみに、今回設置したSNSフォローボタンは、メニューバーの下に表示させています。右から2つ目のRSSボタンはSNSではありませんが・・・(^_^;)それから、今回のSNSフォローボタンの設置により、サイドバーの「Facebookページ」へのリンクは削除しました。メニューバーの下、一番左のフォローボタンをクリックしていただければ、Facebookページに飛ぶことができます(^^♪

snsボタン

それから、この作業で私が弄ったfunctions.phpとheader.phpのコードは以下の通りです。特に、functions.phpを弄る時は必ずバックアップを取り、万一失敗した時に元に戻せるようにしてから、自己責任で弄って下さい(サイトが真っ白になります←自分が経験した、痛い教訓です)。

 

The following two tabs change content below.

めぐみん

「宇治のお茶まる」の広報。ホームページの作成、管理、メンテナンスを担当。

最新記事 by めぐみん (全て見る)