2018/10/02ご訪問いただき有難うございます。今回は、WordPress無料テーマ「Lightning」のご紹介と公式サイトに掲載されていないカスタマイズ例を掲載いたします。Postsでサイドバーに設置したウィジェットの左側の無駄な余白を削除して左寄せにする方法WordPressテーマ「Lightning」ってどんなテーマ?仕様に関して制約は無いのか?無料&商用利用可の100%GPLライセンスのWordpressテーマなのでどんな方でも利用いただけるようです。日本企業の株式会社ベクトルさんが提供しているSEO対策済のWordPressテーマ「Lightning」を使用した際にCSSやテンプレートphpをカスタマイズした際の方法をまとめています。カスタマイズは簡単に出来るのか?「テーマはシンプルな構成でカスタマイズしやすく、機能は同時開発の多機能プラグインで強力に拡張。今時のビジネスサイトやブログを作る上で必要な機能を網羅。」と公式アナウンスが出ています。この記事で提供しているカスタマイズ例この記事では、Lightning公式サイトに掲載されていない、テンプレートのカスタマイズ方法を記載しています。カスタマイズ実装時にデザインが崩れてしまう可能性も有りますので、十分に注意して実装する事をおすすめします。投稿・固定ページのウィジェットの新着記事&アーカイブを非表示にするLightning6.1.2はデフォルトで投稿ページと固定ページの左右のメニュー最上部に自動で表示される新着記事&アーカイブが自動で表示されるのですが、関連記事のプラグインなどを導入した際に同じような記事がメニューに表示されてメニュー部分が縦長になりすぎてしまった際に、新着記事&アーカイブ表示をテンプレートを変更する事で非表示にする方法をご紹介します。記載日:2018/10/2対象テンプレート名:sidebar-post.phpテンプレート内の以下の箇所を探してください。?></ul></nav></aside>Lightning2.7.6同様に上記個所を以下の様に全てコメントアウトする事で非表示にする事ができます。--!>ファイル更新後、非表示になっている事が確認できれば完了です。個別でウィジェット追加を行っていないと、投稿ページ・固定ページのサイドバーに何も表示されないので、好みのウィジェットを追加しておきましょう。ページにカスタムフィールドetcを活用して任意の画像を表示させるLightning6.1.2では、投稿ページに画像を掲載する際は一つ一つ本文に画像挿入をして掲載していくのですが、記事数がある程度増えていった際に過去記事に同一の画像を記事本文前後に掲載したいと思った時に、一つ一つ編集画面を開いて本文に画像挿入していくのは、多くのリソースを費やしてしまいます。いった時にこのカスタマイズ方法を活用すると、一回の処理で全ての投稿ページに同一画像を表示させることができます。記載日:2018/10/2対象テンプレート名:module_loop_post.phpテンプレート内の以下の箇所を探してください。?></a></h1>上記はリスト内のタイトルを出力するコードですが、この下にカスタムフィールド値や特定の画像URLを記載する事でリスト内で投稿記事別のオリジナル画像を表示させる事ができます。Lightning2.7.6同様に以下の例の様にコードを記述します。/></a>正常に画像が表示されているかを確認して問題無ければ完了です。technology.」が掲載されるのですが、このカスタマイズ方法で非表示にできる可能性があります。technology.」を非表示にしたい方は試してみてください。footer.php以下のコードを確認します。?>--!>上記コードを以下の様に変更します。technology.」が削除されているのを確認すれば完了です。投稿ページのウィジェットの新着記事&アーカイブを非表示にするLightning2.7.6はデフォルトで投稿ページと固定ページの左右のメニュー最上部に自動で表示される新着記事&アーカイブが自動で表示されるのですが、関連記事のプラグインなどを導入した際に同じような記事がメニューに表示されてメニュー部分が縦長になりすぎてしまった際に、新着記事&アーカイブ表示をテンプレートを変更する事で非表示にする方法をご紹介します。記載日:2017/5/29対象テンプレート名:sidebar-post.phpテンプレート内の以下の箇所を探してください。?></ul></nav></aside>上記は、投稿記事ページのウィジェット管理で設定したウィジェットの下にデフォルトで表示されます。上記個所を以下の様に全てコメントアウトする事で非表示にする事ができます。※削除してもOKなのですが、今回は以下の様にコメントアウトさせます。>ファイル更新後、非表示になっている事が確認できれば完了です。ページにカスタムフィールドetcを活用して任意の画像を表示させるLightning2.7.6では、投稿ページに画像を掲載する際は一つ一つ本文に画像挿入をして掲載していくのですが、記事数がある程度増えていった際に過去記事に同一の画像を記事本文前後に掲載したいと思った時に、一つ一つ編集画面を開いて本文に画像挿入していくのは、多くのリソースを費やしてしまします。いった時にこのカスタマイズ方法を活用すると、一回の処理で全ての投稿ページに同一画像を表示させることができます。記載日:2017/5/29対象テンプレート名:module_loop_post.phpテンプレート内の以下の箇所を探してください。?></a></h1>上記はリスト内のタイトルを出力するコードですが、この下にカスタムフィールド値や特定の画像URLを記載する事でリスト内で投稿記事別のオリジナル画像を表示させる事ができます。以下の例の様にコードを記述します。/></a>正常に画像が表示されているかを確認して問題無ければ完了です。technology.」が掲載されるのですが、このカスタマイズ方法で非表示にできる可能性があります。technology.」を非表示にしたい方は試してみてください。functions_helpers.php以下のコードを確認します。Posts」でウィジェットに関連商品ランキングを表示した際に左側に無駄な余白ができてしまうバグが発生する場合があるのですが、その際の解決方法を掲載しています。このようなバグが発生してた際は、お試しください。{padding-left:5px;}変更を保存して、きちんと左寄せになっているか確認すれば完了です!最後までお読みいただきありがとうございます。これからも、新しい公式テーマサイトに掲載されていなさそうな、新しいカスタマイズ方法があった際は、更新していきますので宜しくお願いいたします。コピーrealinemeをフォローするrealinemeREALINE関連記事wordpressアンケートフォームプラグインWP-Polls2015/11/09wordpress【WordPress】で不要なカスタムフィールドをデータベース毎削除する方法WordPressでCSVデータなどで一括記事投稿を行っている人の多くはカスタムフィールドを上手に活用していると思いますが、不要なカスタムフィールド(ゴミ)もどんどん溜まっていくものです。このデータとして残っているカスタムフィールドのゴ...2016/09/18Gush2【WordPressテーマ:Gush2】のカスタマイズ例WordPressテーマ「Gush2」を使用した際にCSSやテンプレートphpをカスタマイズした際の方法をまとめています。Base】のカスタマイズ例ご訪問いただき有難うございます。Base」のご紹介と公式サイトに掲載されていないカスタマイズ例を紹介いたします。エラーの解決方法WordPressで更新作業を行っていると急に以下の様なエラーメッセージや画面が真っ白になって何もできなくなる事があります。viewsタイトルとURLをコピーしました。