maki@cebulightningというwordpressテーマのカスタマイズ例を作ってみました!ツイートシェアはてブLINEPocketスポンサーリンクWordpressでコーポレートサイトを作っているんだけど、自作は無理だし、無料のテーマ使いたい。Lightningって無料らしいけど、どれぐらいカスタマイズできるのかな。今回はこのような声にお答えして、Wordpressの無料テーマlightningを使用してデモサイトを作成してみました。・プログラミングの知識がさほどなくてもそれなりなコーポレートサイトが簡単にできるという点で良いですね。あまりにもLightningが使いやすいので、わかる人にはすぐlightning使ってるなとわかってしまうというデメリットもあります。Lightning使ってるな」と思うことが多いです。いう訳で今回はこのLightningをカスタマイズして歯医者さんのホームページを作成してみました。Lightningを使ってみようかなという方の参考になればと思います。※テキストや写真は仮置きです。Lightningでカスタマイズして行きたいけど、自分でやるのはめんどくさい!という方や、カスタマイズをしようとしているけどやり方がわからない!という方はお問い合わせまでご相談ください。デモサイトはこちら今回は架空の歯科を想定して、以下のページを作成しました。画面はタブレットやスマホなどに表示を対応させています。以下はLightningの公式のデモサイトです。Lightningのカスタマイズ承りますWordPressテーマLightningのカスタマイズの過程1:テーマ色の変更、スライドの設定2:不要なウィジェット削除3:フッター設置4:子テーマの用意5:ヘッダーのカスタマイズ(電話番号やSNSボタン追加)6:フロントページのカスタマイズ7:下層ページのカスタマイズ1〜3まではHTML、CSS、FTP、phpなどの知識がなくても大丈夫ですが、4以降でHTML、CSS、phpを編集していく必要があります。form7スポンサーリンクLightningのページのカスタマイズの注意点や制作のポイントLightningはデフォルトでかなり使いやすいワードプレステーマですが、以下のような点では一工夫が必要になります。containerクラスが指定してあるので、ある程度の余白が入っています。class="container"></div>をコメントアウトしましょう。・要素に動きをつける例えばスタッフページ(https://demo.ma-ca-ro-ni.com/aries/staff/)の場合は、丸になっている写真を押すとそのスタッフの詳細までスルスルっとスクロールするのですが、このような動きをつけるのもLightningの標準ではできない機能です。この場合は、header.phpでjsの読み込みとfooter.phpでJqueryを記入させる必要があります。JQueryはこのような感じです。false;});});・共通ヘッダーの一文や、電話番号、SNSアイコンこちらもLightningのプラグインではできない内容になります。公式サイトでは、共通ヘッダーに電話番号やバナーなどを設置できるプラグインが出ているのですが、有料です。自力でしたいという方は、header.phpをいじる必要があります。詳細はlightningでヘッダーに電話番号やSNSボタンを表示する方法【デモあり】をご覧ください。詳細なカスタマイズ方法を書いています。管理画面やウィジェットで完結できるようには作り込んでないので、実施される際は編集するファイルに注意してくださいね。正直な想いをぶっちゃけると、Lightningのカスタマイズをするぐらいなら有料テーマを買った方が良いです。ストークのように、コードをいじることなくカスタマイズできる箇所が多いユーザーフレンドリーなテーマが多く存在しています。それらのテーマは10,000円前後で購入が可能です。Lightningのカスタマイズをする場合、カスタマイズの規模にもよりますが、ある程度の時間を要します。Lightningのカスタマイズを行うのがあなたもしくは外注さんで、その時給を仮に2,500円だとすると4時間で10,000円です。外注する場合はあなたのコミュニケーションコストもかかりますね。正直なところ4時間でLightningのカスタマイズ・・・はそんなに何も変わらないですね。作業者にもよりますが、トップページデザインぐらいとかで終わるのではないでしょうか。Lightningのカスタマイズをもじゃもじゃとするぐらいなら良質でカスタマイズしやすい有料テーマをさくっと買ってしまった方が良いでしょう。Lightningのカスタマイズをしたいと思っている方の多くはビジネスサイトを構築して、ネットでの集客をし、売上を増加させることが最終的な目標であると思います。これまでWEB制作に関わってきてデザインに執拗にこだわり、本質的なことを考えない(ネット集客数と売上増加にどれぐらいサイトが貢献したのか)方をそれなりに見てきましたが・・デザインやカスタマイズで時間を使ったり、外注して制作費と自分のコミュニケーションコストをかけるぐらいなら、良質でカスタマイズしやすい有料テーマをつかって、サイトのコンテンツを充実させ、いち早く世に出し、ABテストをしながら改善していく方が建設的だと思います。以下は私のオススメのテーマです。:個人事業主や中小企業向けのサイトです。リンクのデモサイトをみてもらうとわかりますが、すでにLP(ランディングページ)のようなデザインになっています。SEO内部対策があらかじめ施されており、集客に特化したWordPressテーマです。自分でこれをやるにしても、外注するにしても相当な労力なので、買ってしまった方が楽ですね。:このブログでも使用しているテーマです。色の設定やサイドバーの設定などが楽すぎて泣けます。愛用者が多いので、ちょっとしたカスタマイズ情報がネットにたくさん転がっているのも良い点です。Lightningのカスタマイズ承りますという訳今回はLightningのカスタマイズ例をご紹介しました!基本的にはLightningのカスタマイズをごにゃごにゃ頑張るぐらいなら有料テーマを買ってしまった方がビジネスが加速するのでは、と思っていますが、それでもLightningのカスタマイズをしたい!LightningをWordpressに導入したけどやりたいことができない!こんなことしたいけどphpファイルをいじるのはいやだな・・めんどくさいなという方はお問い合わせからどうぞ!人気記事おすすめのプログラミングスクール3選【エンジニアの私も通いたい】【無料あり】スポンサーリンクスポンサーリンクWordpressツイートシェアはてブLINEPocketfeedlyphotoshopでwebデザインの基礎を学ぶなら本ではなくて動画でしょ!lightningでヘッダーに電話番号やSNSボタンを表示する方法【デモあり】プロフィールマキ日本にある外資系IT企業にて3年→セブ法人でブリッジSEを1年→フリーランスとなりました。これからもゆるく海外に住み続けます。