【WordPressテーマ:Habakiri】のカスタマイズ例

WordPressテーマHanakiri

テンプレートカスタマイズ

1、WordPress Popular Postsでサイドバーに設置したウィジェットの左側の無駄な余白を削除して左寄せにする方法

プラグイン>編集>WordPress Popular Postsを選択>wordpress-popular-posts/style/wpp.cssを開いて以下のコードを確認します

上記のコードに以下のスタイルを追加します

変更を保存して、きちんと左寄せになっているか確認すれば完了です!

2、投稿記事内の関連記事を画像付きで表示した際の画像をアイキャッチ画像じゃなくて予めカスタムフィールドやアップロードしておいた画像を表示する方法

外観>テーマの編集>content-summary.phpを開いて以下のコードを確認する

デフォルトの表示設定は、元に戻せるようにコメントアウトしておいて、その下にコードを挿入します。デフォルトでは、画像に記事へのリンクが設置されていないので、おまけで画像に記事へのリンクも設置しておきます。

変更後、保存して記事ページにて確認後、正しく表示されていれば完了です!

「onerror」で仮に掲載画像が無い場合は代替画像が表示されるようにコードが埋め込まれていますので、代替画像もアップロードしておいた方がいいでしょう。

3、投稿記事内の関連記事数を変更する方法

外観>テーマの編集>class.related-posts.phpを開いて以下のコードを確認する

上記コード内の「habakiri_relates_posts_per_page’, 3」の「3」という値が表示される件数をコントロールしているので、値を任意の表示したい件数に変更します。例えば「10」件表示にしたい場合は以下の様に変更します。

変更後、保存して記事ページにて確認後、正しく表示されていれば完了です!

シェアする

  • このエントリーをはてなブックマークに追加

フォローする