ん?待てよ?まさか...ここに奴がいました...。シェアリングって書いてあるじゃないですか...早速「無効」に。あんなに、どうどうと書かれていたコードが綺麗さっぱりなくなりました。みなさんも「クリック」とか「共有」とか「開き」とか意味不明なキーワードが現れ始めたら、jetpack疑ってみると良いかもしれません。「ページビルダーでレイアウト設計」こんばんわ。お金なさすぎて、記事の更新サボってました...嘘です、アクセス上がらないので...挫折しかけてました(汗)何もかも中途半端なので...お金がないのは当たり前です。こんなどうでも良い話はさておいて。4拍子揃った海外のテーマ。好評なようで、色々質問もいただいております。いうことで数回に分けて「Divi」の使い方やメリット、デメリットなどを説明していきたいと思います。海外テーマのため、認識不足のところも多少ありますが...1年少々使い倒しているので、そこそこ熟知しているつもりです。最後までお付き合いしていただけると嬉しいな。今、「Divi」を実際に使って作成しているサイトがコチラcredit–card.jpクレジットカードのランキング、比較、口コミをメインとしたアフィリエイトサイトです。レスポンシブのテーマは好き嫌いがあると思いますが...作業効率を考えると、スマホ用のサイトを別途コーディングしなくて良いので、結局レスポンシブテーマの方が良いのかな~と。それでは、話を元にもどして早速Diviの機能を紹介していきます第1回目は「投稿」について。ワードプレスの投稿といえば、ブログを更新する画面になりますね。普段からワードプレスをお使いの方であれば、見慣れた画面でしょう。今回紹介するDivi!一番の特徴はなんといっても「ページビルダー」ドラック&ドロップでレイアウト生成ができる優れもの。今回は投稿画面から「ページビルダー」を使ってレイアウトを設計するところまで説明していきたいと思います。1こちらがデフォルトの投稿画面Diviの投稿設定でフル画面か、右サイドバーか、左サイドバーか、ページのレイアウトを設定できます。「Diviビルダーを使う」をクリック2Diviビルダーが表示されます。ここから、自分好みのページを設計していきます。列を挿入をクリックしましょう。3カラム(列)を設定できます。最大4カラムまで!今回は1/2をクリックしてみます。次の画面で「モジュールを挿入」をクリック4各モジュールが表示されます。説明するよりデモ画面で見た方が早いかもしれません。Preview5好みのモジュールを設定したら、次の行を作成します。同じ行が追加されます。5-2(全幅セクション)全幅のモジュールが追加できるようになります。5-3(特別セクション)複雑なレイアウトを構築できるようになります。5-4(ライブラリから追加)自分で保存したレイアウトから選択できます。例)(上記は私が保存しているレイアウトです)一つのパターンを作ってレイアウトとして保存しておけば、毎回流用できるのでページの作成も早くなります。6赤枠のバーをクリックすることで、セクションの背景などを設定できます。6-1今流行のパララックス背景、動画背景などが簡単に設定できます。下記のようなページが完成します。credit–card.jpいかがでしょうか?もちろん、全てのモジュールがドラック&ドロップで移動可能。アフィリエイトサイト以外にも、コーポレートサイト、ブログ、ECサイト、ギャラリーサイトなど多様なサイト構築が可能です。商品のランディングページ作成にも最適ではないでしょうか。ワードプレス=ブログと思われがちですが、このようなサイトも簡単に作成できる時代になってきてるんですね。今回紹介した以外にも、まだまだ使える機能満載なので随時ご紹介していきますね~。そのほか質問などあれば、気軽にご質問ください。