Unitツイートシェアはてブ送るPocket「Lightning」は国産のWordPressテーマです。当ブログでも何度か紹介してきました。Unit」(有料)この組み合わせが「Lightning有料版」となります。細かい設定が可能な多機能テーマです。制作用途で自由に使えるのは嬉しい限りですね。PRO」と呼ばれていて、テーマそれ自体が有料で販売されていました。2021年5月、Lightningの大幅なバージョンアップに伴い、有料版も構成が変更となりました。Unit」の組み合わせに変化しました。3つのプラグイン使用が前提Lightning有料版は、以下の3つのプラグインの併用を前提としています。Unit」を買うとセットで付いてきます。Passport」というパックで購入する形式です。Pro」これがセットになって入っています。「5年版」から選択が可能。この期間を過ぎるとサイトはどうなるかというと、テーマのアップデートが止まるだけでサイトの表示には影響ありません。デモサイトを作ってみた購入して、自分でデモサイトを作ってみました。駅より徒歩5分、豊後市のシェアオフィス&コワーキングスペースコワーキングスペースのサイトという設定です。Evergreen」という拡張プラグインキット(*後述)も使っています。テーマとプラグイン固有の機能のみで制作しています。CSSによるカスタマイズは小規模程度。・・ってことは、HTMLやCSSなどの専門の知識が無くても、このぐらいのサイトはこのテーマを使えば作れるということです。以下、デモサイトを例に、Lightning有料版で簡単実装可能&目立つ箇所をご紹介します。目立つのは、まずブロック境界線の「傾斜ライン」だと思います。Pro」の「Outer」ブロックを使って、この傾斜が簡単に実装可能です。デモサイトでは傾斜角度を「-50」の右肩上がりに設定しています。ラインが実装可能です。いうレイアウトは他の有料テーマなどでもポツポツと見かけれるようになってきました。コード的にはCSSで要素を変形させてるパターンでしょうね。アニメーションこれもけっこう目立ちます。選ばれる理由」で使っています。ブロックエディターで簡単に実装できます。個人的にはあまり乱用するのは好きではありません。使いすぎると見る側がウザく感じるように思います。アピールしたい必要なポイントのみ施すのが良さそうです。ブロークングリッドレイアウトブロック同士が折り重なっています。俗に「ずらしブロック」とか呼ばれています。デモサイトでは、トップページ内の「3つのプランをご用意」で使っています。Clip*境界線をあえて外す「ブロークングリッドレイアウト」の参考サイト見る側の目を惹きつける効果があります。Evergreen」(*後述)を使って実装しています。CSSのコード的には「position」か「ネガティブmargin」などを使っているのだと思います。Lightning有料版のカスタマイザーこのLightning有料版のカスタマイザーは機能豊富です。細かい設定が可能になってます。WordPress管理画面⇒外観⇒カスタマイズメチャクチャ縦に長いです。・・・なんという長さでしょうか(^_^;)ちなみに、無料版Lightningの方は、これぐらいになります。設定できる量の違いが分かると思います。Lightning有料版のウィジェットエリア有料版のウィジェットエリアは以下になります。字が小さくて申し訳ないのですが、このうち「サイドバー(Information)」はカスタム投稿で追加した投稿系です。Unit」でカスタム投稿を作成すると、自動的にサイドバーのウィジェットエリアを追加してくれます。あと、「フッターウィジェットエリア」は初期状態だと3カラムが設定可能になっています。カスタマイザーからフッターのカラム数を変更すると、それに伴ってウィジェットエリアも変更されます。Pro」を入れると、以下のブロックがブロックエディターに追加されます。この中でよく使うのは「タイムライン」「アニメーション」「Outer」あたりでしょうか。「Outer」は重宝すると思います。Evergreen」はデザインを追加するスキンです。これを使うと各種のブロックパターンが使用可能になります。キット:公式デモサイト現時点(2022/01/11)では、Lightning有料版を買うと無料でダウンロード可能となっています。新・WordPressテーマ「Lightning」でサイト制作:まとめページWordPressテーマ「BusinessPress」でWEBサイトを制作:まとめページ便利なWordPressプラグイン:まとめページ無料画像編集ソフト「PhotoScape」使用方法:まとめページランサーズ受注ノウハウ:まとめページブログ主プロフケンです。後半開始⇒帰郷して職業訓練⇒2人会社勤務⇒フリーランスとなる。◇Twitterは更新通知+小ネタ用です。