リリースされてからかなり経つStinger8ですが、これまでにやってきたカスタマイズをまとめてみようと思います。
Stingerシリーズは、Stinger3からいろいろ使用させていただいてます。
当時は、子テーマを使うことなどなく直接、テーマを直接カスタマイズしていましたね。
今から考えると随分と大胆なことをやっていたなと思いますが・・・
Stinger8を子テーマを使ってカスタマイズした事例をいろいろと紹介させていただきます。
クイックナビ
サービス /ブログ /プライバシーポリシー /お問い合わせ
ヘッダーにお問い合わせを表示する
上記は、Stinger8のノーマルヘッダーです。 タイトルだけが左側にあるのですが、右側にお問い合わせを表示させたいと思います。
上記とは違うサイトですが、ヘッダーにお問い合わせを表示してみました。
子テーマをカスタマイズしてみました。
参考にしたのは、Stinger Plus 2のソースを流用しましたが、スタイルシートの加減でちょっとStinger Plus 2より中央に寄ってる感じですが・・・
上記は、Stinger Plus 2のキャプチャです。
ちょっとStinger8の方がちょっと中央に寄ってる感じがしますね。
このカスタマイズは、header.phpをカスタマイズします。
Stinger Plus 2のようにウィジェットに入れずにheader.phpに直接書き込んでいます。
ちょっと工夫したらウィジェットにできるかもしれませんね
ソースの違いは、こちら
ヘッダー画像をスライダーに変更
次はヘッダーカスタマイズつながりでヘッダー画像をスライダーに変更してみました。
スライダーが表示されるのはトップページだけですが、詳しい内容は下記の記事を参考にしてください。
MetaSliderというプラグインを使って実現しています。
ソーシャルブックマークをLIONBLOG風に変更
ノーマルのStinger8のソーシャルブックマークですが、今はもうないGoogle+のブックマークがあったり2段になっているとかあまり筆者の好みではありません。これを好みのLIONBLOGのようなソーシャルブックマークに改造してカウントを表示できるようにしたいと思います。
上記は、Stinger8のカスタマイズした記事のヘッダー部分です。
表示されているソーシャルブックマークがLIONBLOG風というかパクったというかそのソーシャルブックマークです。
また、トップページにもソーシャルブックマークが表示されるのでそれはhome.phpをカスタマイズして非表示にしました。
主にカスタマイズするのは、sns.phpになります。
また、Twitterのカウント数を表示させるのは下記の記事を参考にしてください。
アメブロ関連ツール
WordPress Tool
アメブロ 目次付きテンプレート使っている記事紹介
ブログをはじめる前にしておくこと
記事を書くときに気をつけること
- レスポンシブデザインって何？
- 端末やモニターによる見え方の違い
- SSLにしたときのリンク先アドレス
- 入力方法について
- 音声入力と辞書登録について
- タグやハッシュタグの使い方
- アメブロやFC2ブログでのスマホ表示
- 初心者が今すぐできるブログ記事タイトルの５つの改善ポイント
- ブログの中でOGP画像って何？
- アメブロ記事の文字数制限について
- アメブロで記事下に表示したい項目
- アメンバー記事ってどんな時に使うのか？
記事構成について
ソーシャルメディアとの連携
ワードプレスのテーマを知る前にブログのことも知っておいてほしいと思います。
クイックナビ
サービス /ブログ /プライバシーポリシー /お問い合わせ
アメブロ用目次付きテンプレートを無料で配布しています！
YouTubeチャンネル登録お願いします！
また、ALiSには、ブログ全般に関することを掲載しています。
アメブロの記事の増加とともにメルマガもスタートします。スタートは、2月の予定なので事前に登録していただけると幸いです。
アメブロやWordPressに関するお問い合わせは、下記よりお気軽に・・・
