WordPressの管理画面の使い方からカスタマイズ・ドメイン設定などをサポートします
WordPressの使い方
【スポンサーリンク】

Stingerのカスタマイズ

主にブログのテーマとして人気のStinger5のカスタマイズ方法を紹介していきます。

WordPressサイトのフッターにウィジェットを追加する

WordPressでシンプルなテーマを使っているとフッターがウィジェット対応ではないこともあります。必ずしも必要ではありませんが、フッターでウィジェットを使えると便利です。 たとえば、広告やメニューなどをフッターに表示したい場合、フッターテンプレートのfooter.phpやfunctions.phpを修正してコードを書くよりも、ウィジェット化されたフッターに ...

Stinger5のトップページに3カラムのパーツ「3PRエリア」を組み込む

WordPressサイトのトップページで次のように3つくらいの宣伝ができるエリア(3PRエリア)は、ビジネスサイトで使いたいパーツとして人気があります。BizVektorのような3PRエリアが組み込まれていないテーマでは自力で作成する必要がありますが、divタグを駆使して横並びのレスポンシブなレイアウトを作るのは面倒です。そこで、プラグインを使って3カラムの「3PRエリア」を直感的にレイアウトしていく方法を紹介します。

Stinger5でトップページやサイドバーの抜粋文字数を変更する

Stinger5でトップページやサイドバーの抜粋文字数を変更する方法を紹介します。初期設定の「40」を全体で同じ文字数に変更する方法、サイドバーだけ短めに変更する方法も紹介します。

Stinger5の項目を消す(キャッチフレーズ・RSS・SNS・コメントフォームなど)

Stinger5で画面から各項目を消す方法を紹介します。できるだけテンプレートのPHPファイルを触らないで済むようにCSSの「display: none;」で対応します。 サイト名とキャッチフレーズを消す サイト名やキャッチフレーズは画面最上部にあります。 次のCSSで消すことができます。 フッターにもサイト名とキャッチフレーズが表示されます。 やっつけです ...

Stinger3でスマホのアドセンスが途中で切れてしまうとき

Stinger3でアドセンス広告を入れる方法はいくつかありますが、場合によってはスマホで見たときに広告画像の下半分が切れてしまうことがあります。 検証したバージョンはstinger3ver20140327です。 原因はスマホ用のCSSを定義するsmart.cssです。55行目から次のようにCSSが記述されています。 このうち、iframeに対する「heigh ...

子テーマのstyle.cssに入力したCSSが反映されない理由と対策

テーマをカスタマイズする場合、子テーマを作成してstyle.cssにオリジナルのCSSを入力するのが一般的ですが、入力したCSSが反映されない場合もあります。その原因はさまざまですが、Stinger5のケースで説明します。 「カスタマイズは子テーマのstyle.cssで」が機能する条件 テーマをカスタマイズするときは子テーマのstyle.cssにCSSを入力 ...

Stinger5のトップページに投稿の全文を1件だけ表示する方法

Stinger5などブログ向きのテーマでサイトを作成する場合、トップページに投稿の全文を1件だけ表示してジックリ読んでもらいたいこともあります。 通常はトップページに10件の投稿の抜粋がサムネイル付きで一覧表示されます。 表示件数を1件に絞り込んでもうまくいかない トップページに表示される投稿を1件に制限する方法として「設定」‐「表示設定」メニューで「1ペー ...

Stinger3の関連記事のレイアウトや表示件数を変更する

Stinger3で個別記事の下に表示される「関連記事」のレイアウトを変更する方法を紹介します。「関連記事」とは現在表示中の記事が属するカテゴリーの記事をランダム順に表示したものです。アイキャッチ画像、タイトル、抜粋、「記事を読む」リンクが含まれています。 アイキャッチ画像を削除する 関連記事からアイキャッチ画像を削除してタイトル、抜粋のみを一覧表示する場合は ...

Stinger3のサイト名やキャッチフレーズを削除したりフォント設定を変更する

Stinger3でヘッダー画像の上に表示されるサイト名やキャッチフレーズを削除したりフォントサイズを変更する方法を紹介します。現在は次のようになっています。 サイト名とキャッチフレーズを削除する サイト名とキャッチフレーズは共にID「h-l」に含まれており、それぞれ「sitename」「descr」というclassで定義されています。 両方まとめて非表示にす ...

Stinger3でナビゲーションバーの「TOP」を消す

Stinger3のナビゲーションバーにはデフォルトの状態で「TOP」が含まれています。たとえば、次のようなメニューを作成します。 このメニューをナビゲーションバーに表示すると、先頭に「TOP」が表示されます。 この「TOP」を消すにはheader.phpを編集する(もちろん子テーマで)方法もありますが、子テーマのstyle.cssにCSSを記述する方法もあり ...

1 2 »
WordPressメールサポート
スポンサーリンク

最近の投稿

最近の投稿

その他の記事を読む
(記事総数:580本)
  • twitter
【ヘッダーに電話番号】Lightning Fort
【固定ヘッダー】BizVektor Vast
【メディアサイトに】Lightning Variety
【和風サイトに】Lightning JPNSTYLE
【LP作成に】Danganページビルダー
【サイトの多言語化】WPMLプラグイン

WordPress講座のおすすめコース

ホームページ作成講座 WordPress個別サポート WordPressメールサポート
wordpress講座受講予約
西沢直木のIT講座
PAGETOP
Copyright © 西沢直木のIT講座 【WordPress個別指導】 All Rights Reserved.