Lightning をアップデートして(OriginIIで)表示が崩れたらここを確認しよう(2019年末版)


  1. Staff Blog
  2. WordPress
  3. Lightning をアップデートして(OriginIIで)表示が崩れたらここを確認しよう(2019年末版)

12月になりまして、この記事は「WordPress Theme Lightning Advent Calendar 2019」の最初の投稿となります。本題に入る前にAdvent Calendarについて記載します。

Advent Calendarとは

本題に入る前にこの記事を読んでいる方で「アドベントカレンダーって何?」って思う方も多いかと思います。

Adventarの記載を引用すると

Advent Calendarは本来、12月1日から24日までクリスマスを待つまでに1日に1つ、穴が空けられるようになっているカレンダーです。WebでのAdvent Calendarは、その風習に習い、12月1日から25日まで1日に1つ、みんなで記事を投稿していくというイベントです。

AdventarではAdvent Calendarの作成や登録などを行うことができます。

と、記載されています。

もう少し具体的に説明すると、まず最初にカレンダーに自分が『この日に書くよ』って事を登録して、自分のブログに記事を書いて自分が登録した日付で記事を公開。します。

記事の最初にはこの記事がアドベントカレンダーの記事である旨書きます。

この記事は「WordPress Theme Lightning Advent Calendar 2019」の12月1日の記事になります。
前回の◯◯さんの「◯◯さんすてき」の記事に引き続き、◯◯について書きたいと思います。

みたいな感じではじまり、本文を書いて、最後は

次は◯◯さんが◯◯について書いてくれるそうです。

というように書いて読者がアドベントカレンダーの記事を見てくれるように紹介すると良いです。

公開したら、「WordPress Theme Lightning Advent Calendar 2019」にどんなタイトルで書いて、どこで公開してあるかURLを記載します。

まだまだ登録枠が沢山ありますので、LightningやBizVektorの気に入っている所、ここを改善してほしいという所、こんな使い方出来るなど、どんどん書いて貰えるとウレシイです。

ちなみに昨年のアドベントカレンダーはこちらになります。

では本題行ってみましょう!

最近アップデートしたら表示が崩れた!

最近 Lightning をアップデートしたら表示が崩れた!という方がいるかもしれません。そんな方は以下の点を確認してみてください。

外観 > カスタマイズ 画面の Lightning デザイン設定 で、デザインスキンを Origin にすれば従来の状態に戻せますが、今後は Bootstrap4 ベースの スキンで機能追加や保守となっていくので、OriginII または 他のBootstrap4系の有料スキンに移行していく事をおすすめします。

崩れる原因

はい、ずばり、以下の2点が原因の可能性が高いです。

  • Lightning Pro 2.2 / Lightning 7.2 からデフォルトスキンが Origin II になっている
  • index.phpやheader.phpなど、旧バージョンのテンプレートファイルを子テーマに複製している場合はBootstrap4版のスキンに変更した時に高確率で壊れます。

修正方法

header.phpを例にとると以下のように変更されているので、親テーマのファイルと、自分がカスタマイズしている子テーマのファイルを見比べて、class名の出力部分を修正してください。

Lightning Pro 1系 / Lightning 6系以前
<header class="navbar siteHeader">
Lightning Pro 2系 / Lightning 7系以降
<header class="<?php lightning_the_class_name( 'header' ); ?>">

あわせて確認ください

以下の点もあわせてご確認ください。

https://lightning.nagoya/ja/archives/lightning-7-0-lightning-pro-2-0-preinformation
https://lightning.nagoya/ja/archives/lightning-7-2

この記事を書いた人

石川栄和代表取締役
名古屋のウェブ制作会社数社に10年程度務めた後、株式会社ベクトル設立。
企画・運営・コンサルティング〜WordPressを中心としたシステム開発まで幅広く携わる。
[ 著書 ]
・いちばんやさしいWordPressの教本(共著)
・現場でかならず使われているWordPressデザインのメソッド(共著)
[ 最近のWordPressコミュニティでの活動 ]
WordCamp Tokoy 2023 セッションスピーカー
WordCamp Asia 2023 セッションスピーカー(LT)
WordCamp Niigata 2019 セッションスピーカー
WordCamp Haneda 2019 セッションスピーカー
WordCamp Osaka 2018 セッションスピーカー
WordCamp Kyoto 2017 セッションスピーカー
VK FullSite Installer のロゴ

これまでにないスピード
自分好みの WordPress サイトが立ち上がる

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。

爆速!!1分デモサイトと同じ
ホームページができる

VK FullSite Installer のロゴ

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。

フルサイト編集に対応したブロックテーマ X-T9

フルサイト編集対応ブロックテーマ

WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。

パターンを使って

よりクオリティの高いサイトに

パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。


このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

PAGE TOP