soukenWordPressテーマ「Lightning」をカスタマイズ(その1)準備編ツイートシェアはてブ送るPocket「Lightning」は株式会社ベクトルが開発した無料のWordPressテーマです。シンプルでカスタマイズしやすいBootstrapベースのWordPress公式テーマGPLライセンス、カスタマイズ自由自在で商用利用可。Bootstrapを実装、レスポンシブデザイン。公式プラグインとの連携により高機能を実現。株式会社ベクトルは「BizVektor」というテーマが超有名ですね。企業サイト向けスマホ対応レスポンシブWordPressテーマこの「BizVektor」に次いで開発されたのが「Lightning」です。今回から数回に渡って「Lightning」のカスタマイズ方法を載せていきます。架空の歯科サイトを制作Lightningはデフォルトでは以下のような表示になります(画像はPC表示)。(^_^;)トホホ」クライアントの利便性を考えて、基本的にコンテンツの内容はWP管理画面より更新可能にする。PHPファイルに直書きはしない(特別な事情があれば別)。以下、制作手順を書いていきますが、初歩的な部分は出来るだけ端折ります。Lightning特有の箇所は載せます。それとトップページのカスタマイズを主に掲載します。他の固定ページと投稿ページは最後にさらっとまとめて載せます。テーマ・プラグイン・子テーマのインストールまずは、WordPressにテーマ「Lightning」を入れます。WP管理画面の「テーマを追加」で”Lightning”を検索。これをインストールして有効化します。FTPなどで直接アップする場合はこちらからどうぞ。すると、2つの無料プラグインのインストールを求められます。「プラグインをインストールする」をクリックしてください。インストール後、これを有効化してください。この2つのプラグインはLightningの機能を拡張するためのプラグインです。Unit」はLightning専用。Unit」は他のテーマでも使えます。詳しくは下記を参照してください。Unit続いて、カスタマイズ用に子テーマを入れます。「子テーマとは何ぞや?」という人はこちらを参照されてください。子テーマのデータは公式サイトからDLします。テーマのアップロード」でインストールして有効化。これで準備は完了です。この時点でのサイトはこんな感じです。シンプルな初期表示ですね。カスタマイズしがいがありそうです。次回から本格的にとまあ、こんな感じで手順を載せていきます。今回は準備編ということで、次回以降から本格的になります。予定として、「その2」が管理画面からのカスタマイズ、CSSやPHPファイルをいじるのは「その3」以降になります。(*あくまでも予定です)ken「近所にありそうな歯科医院」という脳内設定です。今後のWordPress制作2017.08.09WEBデザインWordPressWordPressテーマツイートシェアはてブ送るPocketfeedly「IE11」でスクロール時に固定背景画像がカクつく問題Firefox:アドオンを入れずにページ全体をキャプチャする方法RECOMMENDこちらの記事も人気です。Unlimited」で良書を探してみた:まとめページランサーズ定点観測:まとめページランサーズでWEBデザイナーが仕事を受注するには?:まとめページカラーミーショップにてサイト制作中:まとめページschoo授業感想:まとめページブログ主プロフケンです。