WordPressテーマ「Lightning」をカスタマイズ(その1)準備編

WordPressテーマ「Lightning」をカスタマイズ(その1)準備編

「Lightning」は株式会社ベクトルが開発した無料のWordPressテーマです。

Lightning – シンプルでカスタマイズしやすいBootstrapベースのWordPress公式テーマ

GPLライセンス、カスタマイズ自由自在で商用利用可。
Bootstrapを実装、レスポンシブデザイン。
公式プラグインとの連携により高機能を実現。

株式会社ベクトルは「BizVektor」というテーマが超有名ですね。

BizVektor 企業サイト向けスマホ対応レスポンシブWordPressテーマ

この「BizVektor」に次いで開発されたのが「Lightning」です。

さて、今回から数回に渡って「Lightning」のカスタマイズ方法を載せていきます。

架空の歯科サイトを制作

Lightningはデフォルトでは以下のような表示になります(画像はPC表示)。

Lightningデモサイト

これを以下の状態にまでカスタマイズします

北福岡歯科クリニック | 北福岡駅より徒歩2分の痛くない歯医者
(架空のサンプルサイトです)

カスタマイズの骨子として、

  • クライアントから依頼を受けてWordPressサイトを制作
  • 制作するのは小規模な歯科医院サイト
  • 使用するテーマは「Lightning」
  • 「なるべく安く早く作ってください」⇒「はい、承りました (^_^;)トホホ」
  • クライアントの利便性を考えて、基本的にコンテンツの内容はWP管理画面より更新可能にする。PHPファイルに直書きはしない(特別な事情があれば別)。

こういう設定でいきます。

以下、制作手順を書いていきますが、初歩的な部分は出来るだけ端折ります。
ただし、Lightning特有の箇所は載せます。

それとトップページのカスタマイズを主に掲載します。
他の固定ページと投稿ページは最後にさらっとまとめて載せます。

テーマ・プラグイン・子テーマのインストール

まずは、WordPressにテーマ「Lightning」を入れます。

WP管理画面の「テーマを追加」で”Lightning”を検索。

これをインストールして有効化。

FTPなどで直接アップする場合はこちらからどうぞ。

すると、2つの無料プラグインのインストールを求められます。
「Ligthning Advanced Unit」
「VK All in One Expansion Unit」

「プラグインをインストールする」をクリックしてください。

この2つのプラグインはLightningの機能を拡張するためのプラグインです。
「Ligthning Advanced Unit」はLightning専用。
「VK All in One Expansion Unit」は他のテーマでも使えます。
詳しくは下記を参照してください。

Ligthning Advanced Unit

VK All in One Expansion Unit

続いて、カスタマイズ用に子テーマを入れます。

「子テーマとは何ぞや?」という人はこちらを参照されてください。

子テーマのデータは公式サイトからDLします。

子テーマでのカスタマイズ | 設定ガイド | Lightning

ダウンロードしたzipファイルを、WP管理画面の
「外観」⇒「テーマ」⇒「新規追加」⇒「テーマのアップロード」
でインストールして有効化。

これで準備は完了です。

この時点でのサイトはこんな感じです。

シンプルな初期表示ですね。
カスタマイズしがいがありそうです。

次回から本格的に

とまあ、こんな感じで手順を載せていきます。

今回は準備編ということで、次回以降から本格的になります。

予定として、「その2」が管理画面からのカスタマイズ、CSSやPHPファイルをいじるのは「その3」以降になります。
(*あくまでも予定です)

 

ken
「近所にありそうな歯科医院」という脳内設定です。

 

関連記事

WordPressテーマ「Lightning」をカスタマイズ(その5)3PRの変更・その他

2017.09.18

WordPressテーマ「Lightning」をカスタマイズ(その4)見出しの変更・その他

2017.09.08

WordPressテーマ「Lightning」をカスタマイズ(その3)フォントの変更・クレジットの非表示

2017.09.04

WordPressテーマ「Lightning」をカスタマイズ(その2)WP管理画面からのカスタマイズ

2017.08.28

テーマの知識が無いと困る!? 今後のWordPress制作

2017.08.09