Stingerのカスタマイズ
WordPressサイトのフッターにウィジェットを追加する
2015年12月7日 Stingerのカスタマイズ
WordPressでシンプルなテーマを使っているとフッターがウィジェット対応ではないこともあります。必ずしも必要ではありませんが、フッターでウィジェットを使えると各種パーツを組み込めるので便利です。 そこで、ここではStinger5を例に、フッターにウィジェットを追加する方法を紹介します。仕上がりの ...
Stinger5のトップページに3カラムのパーツ「3PRエリア」を組み込む
2015年8月6日 Stingerのカスタマイズ
WordPressサイトのトップページで次のように3つくらいの宣伝ができるエリア（3PRエリア）は、ビジネスサイトで使いたいパーツとして人気があります。BizVektorのような3PRエリアが組み込まれていないテーマでは自力で作成する必要がありますが、divタグを駆使して横並びのレスポンシブなレイアウトを作るのは面倒です。そこで、プラグインを使って3カラムの「3PRエリア」を直感的にレイアウトしていく方法を紹介します。
Stinger5でトップページやサイドバーの抜粋文字数を変更する
2015年6月30日 Stingerのカスタマイズ
Stinger5でトップページやサイドバーの抜粋文字数を変更する方法を紹介します。初期設定の「40」を全体で同じ文字数に変更する方法、サイドバーだけ短めに変更する方法も紹介します。
Stinger5の項目を消す（キャッチフレーズ・RSS・SNS・コメントフォームなど）
2015年4月2日 Stingerのカスタマイズ
Stinger5で画面から各項目を消す方法を紹介します。できるだけテンプレートのPHPファイルを触らないで済むようにCSSの「display: none;」で対応します。 サイト名とキャッチフレーズを消す サイト名やキャッチフレーズは画面最上部にあります。 次のCSSで消すことができます。 フッター ...
Stinger3でスマホのアドセンスが途中で切れてしまうとき
2015年3月28日 Stingerのカスタマイズ
Stinger3でアドセンス広告を入れる方法はいくつかありますが、場合によってはスマホで見たときに広告画像の下半分が切れてしまうことがあります。 検証したバージョンはstinger3ver20140327です。 原因はスマホ用のCSSを定義するsmart.cssです。55行目から次のようにCSSが記 ...
子テーマのstyle.cssに入力したCSSが反映されない理由と対策
2014年9月3日 Stingerのカスタマイズ
テーマをカスタマイズする場合、子テーマを作成してstyle.cssにオリジナルのCSSを入力するのが一般的ですが、入力したCSSが反映されない場合もあります。その原因はさまざまですが、Stinger5のケースで説明します。 「カスタマイズは子テーマのstyle.cssで」が機能する条件 テーマをカス ...
Stinger5のトップページに投稿の全文を1件だけ表示する方法
2014年9月3日 Stingerのカスタマイズ
Stinger5などブログ向きのテーマでサイトを作成する場合、トップページに投稿の全文を1件だけ表示してジックリ読んでもらいたいこともあります。 通常はトップページに10件の投稿の抜粋がサムネイル付きで一覧表示されます。 表示件数を1件に絞り込んでもうまくいかない トップページに表示される投稿を1件 ...
Stinger3の関連記事のレイアウトや表示件数を変更する
2014年8月11日 Stingerのカスタマイズ
Stinger3で個別記事の下に表示される「関連記事」のレイアウトを変更する方法を紹介します。「関連記事」とは現在表示中の記事が属するカテゴリーの記事をランダム順に表示したものです。アイキャッチ画像、タイトル、抜粋、「記事を読む」リンクが含まれています。 アイキャッチ画像を削除する 関連記事からアイ ...
Stinger3のサイト名やキャッチフレーズを削除したりフォント設定を変更する
2014年8月11日 Stingerのカスタマイズ
Stinger3でヘッダー画像の上に表示されるサイト名やキャッチフレーズを削除したりフォントサイズを変更する方法を紹介します。現在は次のようになっています。 サイト名とキャッチフレーズを削除する サイト名とキャッチフレーズは共にID「h-l」に含まれており、それぞれ「sitename」「descr」 ...
Stinger3でナビゲーションバーの「TOP」を消す
2014年8月4日 Stingerのカスタマイズ
Stinger3のナビゲーションバーにはデフォルトの状態で「TOP」が含まれています。たとえば、次のようなメニューを作成します。 このメニューをナビゲーションバーに表示すると、先頭に「TOP」が表示されます。 この「TOP」を消すにはheader.phpを編集する（もちろん子テーマで）方法もあります ...
