class="post-template-default single single-post postid-1523 single-format-standard" >

Virtualist Dreamer

Virtualistの後ろに影は無い 僕は幻影にすぎない

Thanks

[Stinger5]SNSアイコンをサイドバーに追加しました

投稿日:4月 20, 2015 更新日:

Singer5のSNSボタンを追加してみた。

こんにちわ。47才無職です。
先日、feedlyボタンとRSSボタンをサイドバーに追加したのですが、今度は他のSNSボタンも追加してみました。シェアしていただける記事が書けるようになるのは、まだまだ先だとは思いますが、とりあえず実装してみました。ついでに、サイト内検索も左上に移動しました。気軽に押してくださるとうれしいです。

スポンサーリンク

今回は、SNSボタンを5つ追加とサイト内検索の移動

今回はTwitter、フェイスブック、グーグルプラス、はてぶ、ポケットの5つのボタンを追加しました。シェアしてくださるような記事を早く書けるようになりたいです。

これに合わせて、サイト内検索も同じ位置に表示するように変更しました。

SNSボタンの実装

グーグル先生の教えに従って、先人のお知恵を拝借して実装しました。横に並べるのは前回のカスタマイズで学んだので、今回は楽勝のはずでしたが、少しハマりました。

参考にさせていただいた記事

ヴォルフロッシュさんから、アイコンを頂戴しました。ちょうどよい大きさ、デザインで気に入っています。

ブログ1

ミニ・ソーシャル・アイコン

 

 

 

 

タケノコさんの記事を参考に実装しました。基本的にコピペで実装できました。ありがとうございました。

ブログ2

SNSボタンをカスタマイズ!はてなブログにオリジナル画像のSNSボタンを設置する方法

 

 

 

しかし、タケノコさんのコードのうち、Twitterのみがうまく動かなかったので、TwitterはNaifixさんの記事を参考に実装しました。ありがとうございました。

ブログ3

アクセス数がぐんぐん伸びる!WordPressで絶対設定しておきたい9項目

 

 

 

サイト内検索の実装

今までサイト内検索は、ウェジェットを使ってサイドバー中段に設置していました。今回、SNSボタンの左上追加と合わせて、ユーザビリティ向上の観点から、同じ場所に表示するように変更しました。

実装は、パシさんの記事を参考にしました。説明がとても分かりやすかったです。ありがとうございました。

20150420_image1WordPressのサイト内検索にGoogleのカスタム検索を使う方法

 

 

 

その他お世話になった記事

最近、今まで使っていた写真素材サイトの動作が怪しく、困っていたのですが、キャリコさんの記事で紹介されていたフリー写真素材サイトを使うことで、当面の危機を回避しています。ありがとうございました。

ブログ4

【 保存版 】フリー写真素材サイト超絶まとめ61選

 

 

 

 

またまた勢いで、カスタマイズしてしまいました。そもそもシェアしていただけるよう記事を書けるようになるのは、まだまだ先の話なんですけどね。でも、テーマのカスタマイズって楽しいですね。もう、各ファイルが原形をほとんど止めていません(笑)

就職活動頑張ろうっと。

 25 total views,  3 views today

<

<

-Thanks
-, , ,

執筆者:


comment

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

関連記事

【Stinger5】スマホ関連カスタマイズ完了しましたのアイキャッチ

【Stinger5】スマホ関連カスタマイズ完了しました

photo credit: Sandy River Show Swine via photopin (license) こんにちわ。47才無職です。 スマホ向けのカスタマイズがほぼ完了しました。ようや…

続きを読む

 18 total views,  1 views today

発達障害の感謝。Google先生から初の報酬が振り込まれましたのアイキャッチ

発達障害の感謝。Google先生から初の報酬が振り込まれました

photo credit: 10 via photopin (license) こんにちは。47才無職です。 ブログを書きはじめてからかなり経ちますが、先日Google先生から初の報酬をいただきました…

続きを読む

 20 total views,  2 views today

[Stinger5]苦労しました!FeedlyボタンとRSSボタンの追加のアイキャッチ

[Stinger5]苦労しました!FeedlyボタンとRSSボタンの追加

photo credit: feedly-500-mil-usuarios via photopin (license) こんにちわ。47才無職です。 ブログの購読者さんが増えてくれることを期待して、…

続きを読む

 17 total views,  4 views today

【Stinger5】ブログをカスタマイズした際にお世話になった記事のアイキャッチ

【Stinger5】ブログをカスタマイズした際にお世話になった記事

photo credit: 秋英 Cosmos via photopin (license) こんにちわ。47才無職です。 季節も春になったことですし、心機一転、ブログを少々リニューアルしてみました。…

続きを読む

 19 total views,  2 views today

アニスパ!終了。僕の人生のカンフル剤が無くなってしまったのアイキャッチ

アニスパ!終了。僕の人生のカンフル剤が無くなってしまった

  photo credit: DARC Funkertag 2004 via photopin (license) こんにちわ。47才無職です。 毎週楽しみに聞いていた、文化放送の「アニス…

続きを読む

 16 total views,  3 views today