Google+と連携させたり、Feedlyボタンを追加したり

   

LINEで送る
Pocket

少しずつではありますが、ブログのカスタマイズを行っています。ある程度体裁は整ってきましたが、一部をカスタマイズするとアレもコレもという感じでキリが無いですね!(´д`)

とは言っても、そのカスタマイズをするためにわざわざサーバーレンタルをしてるので、楽しくもあります!

それで、行ったカスタマイズは少しでも記事にしていこうかと思います。またブログを作り直すことがあるかもしれないので、メモ代わりとちょっとしたことでも誰かの助けになるかもしれないので。

Google+との連携

今までほとんど活用してなかったですが、Google+と連携させました。

連携と言ってもやったことは、

  • Google+のページを作成。
  • 記事を投稿すると、Google+のページにも投稿されるようにした。
  • Google+のページへのリンクを作成。

といった程度です。

Google+のページの作成

Google+は、個人のアカウントのページのほかにも、お店や会社、商品についてのページを作れるそうです。その中に、ウェブページのページも作れます。Google+は活用しないし、見てもいなかったので全く知りませんでした。

というわけで、ブログ用のページを作成しました。参考にしたのはこちらのサイトです。

初心者にもおすすめ!無料 WordPress テーマ Principle

ブログ用Google+ページの作り方と、そのフォローボタンをフォロワー数と共に表示する方法

元々、下っ腹PでGoogle+のアカウントを作っていたので、そこからページを作りました。

出来たページは、こちら

https://www.google.com/+3ddaJpblog

出来たばかりなので、画像少々と基本情報と入力しただけの殺風景なページです。Google+については、まだよく分かってないのでこれから色々と調べてみます。フォローしていただけると嬉しいです。

記事を投稿すると、Google+のページにも投稿されるように

Google+のページにも投稿されるようにするために「Jetpack」というWordPressのプラグインを使用しました。WordPressは調べれば、本当に色々なプラグインがありますね。使えるかどうかは別として

「Jetpack」を使用できるように参考したサイトはこちらです。連携させるところまで丁寧に書かれています。

KoToRi Blog【コトリブログ】

Google+ページとWordPressを連携させる[Jetpack]

この通りに設定して、ブログの記事を投稿すると自動的にGoogle+のページとTwitterでツイートされるようにしました。昨日、試しに記事を書いてちゃんと投稿されるか試しました。Google+のページに投稿されるようにはなりましたが、何かおかしいです。

Google+の投稿ページ

サムネイル画像が表示されるところに画像が表示されていません。画像は一応あるのですが、真っ白になってます。

調べたら「OGP」というメタタグが設定されていないためらしいです。このブログは「Stinger」をベースにカスタマイズしていますが、どうやら「Stinger」にはそういうメタタグの設定はされていないみたいです。

一応色々と調べて設定しました。この記事が投稿されて無事に画像が出るのであれば、また別の記事にしようかと思います。

Google+のページへのリンクを作成

Google+のページへのリンクを追加しました。右上のTwitterやメールのアイコンの間にあると思います。

Google+のリンク

こちらは「Font Awesome」のアイコンフォントを使用しています。

Font Awesome

http://fortawesome.github.io/Font-Awesome/

使い方は、こちらのサイトで詳しく説明しています。

Webpark

これは便利!アイコン型WebフォントのCDN「Font Awesome」

最初は難しいかと思ったのですが、よくよく確認してみたら「Stinger」のテーマの内にWebフォントの呼び出しのコードがすでに記述されていたので、アイコンのコードを記述するだけで表示されました。

本当は、Google+のバッジを作ってもよかったのですが、ほかのアイコンと統一したかったのでアイコンフォントを使用しました。

ちなみに、Google+バッジはこちらで作れます。

Google+ バッジ

https://developers.google.com/+/web/badge/

Feedlyボタンの追加

記事の下の方にあるSNSボタンにFeedlyボタンを追加しました。

元々ブログとか定期的に見ることも無かったので、RSS自体、何それ?といった感じで、Feedlyもつい最近まで謎の存在でした。

最近ブログを見ることになって、ようやくFeedly自体も分かって、自分でも使っているので追加しました。

参考にしたサイトはこちらです。

dmgadget

WordPress「Stinger」のSNSボタンにPocketとFeedlyを追加する方法

「Stinger」とFeedlyボタンで検索したら、まさにジャストの記事がありましたので参考というか、そのまま使わせていただきました。ただ、そのままだと吹き出しの大きさが合わなかったのでサイズの変更だけしました。

こちらの記事にも載っている「Pocket」については、使って無くてよく分からないので追加していません。あまりSNSボタン増やしても表示が重くなるので、今回はFeedlyボタンだけにしました。

最後に

調べれば、調べるほど、奥が深いというか複雑過ぎます。どこまで手を出して良いか分かりませんが、あまりカスタマイズばかり行っても意味が無いので、時間との兼ね合いでほどほどにしていこうかと思います。

しかし、すごく楽しい!もっと、HTMLやPHPなど勉強して、WEB系の仕事でもよかったかもしれないですね。死にかける気がしますが

ちなみに、Google+と連携した理由は、Googleでの検索にヒットしやすくなるみたいです。というのを何か調べてた時にたまたま見つけて、せっかくなのでそういうWEB系の仕組みを学ぶためにもやってみようと思いました。あとは、無駄に作っているGoogle+のアカウントの活用のためですね。

また、カスタマイズして、記事になりそうなら次を書こうと思います。とりあえずは、コレを投稿した際にちゃんとGoogle+のページに画像は反映されるかどうかですね。

LINEで送る
Pocket

 - その他 ,

  関連記事

USB3.0で繋いだSSDがなぜか速度が出ない!

またパソコンのお話です。 Windows10にクリーンインストールしたので、ちま …

大正ロマンや昭和モダンにピッタリのレトロフォント

以前、Twitterに上げたレトロフォントをBlogでも紹介しようと思います。 …

今月のCGWORLD&ゲームグラフィックス2015

買ってくるしかない! 9/10発売のCGWORLDは「METAL GEAR SO …

初!オライリーの書籍購入!

タイトル通りに、オライリーの本を購入しました。と言っても、電子書籍ですけどね。 …

下っ腹Pの文字画像
ブログスタート

こんにちは、下っ腹P(@meshi_dane)です。 新しくブログを開設しました …

Google-_AdSense10000ビューアイキャッチ
Google AdSenseが10000ビューを超えたので

以前、こちらで登録したGoogle AdSenseを久しぶりに見たら10000ビ …

無印良品のお弁当バンドがトラベラーズノートに丁度良い!

さっぱりBlogの更新をしなくなってきたので、このままではせっかくサーバーを借り …

2016年もお世話になりました。

新年明けまして無いので、本年もお世話になりました。 なんだかんだで、すっかり更新 …

Google AdSenseの登録と配置をしてみた!

サーバー借りて、色々とBlogのカスタマイズなどもしてきましたが、前から試してみ …

Windows10にアップデートして復元したらOS壊れたお話

タイトル通りに、先日Windows10にアップデートして、Windows7に復元 …