デザイン性の高いページ制作が捗る
ページビルダー機能で作成したサンプルページ
当ページではワンカラムの固定ページにて制作していますが、通常の投稿でもページビルダー機能を活用可能です。
- タブコンテンツ1(画像とテキスト)
- タブコンテンツ2(テキストのみ)
- タブコンテンツ3(ギャラリー)
見出しタイトル
見出しタイトル
こちらはテキストのみのタブコンテンツになります。といってもここでは、TCDテーマのクイックタグを活用して作成することができます。つまり、ボタンやカードリンクなどの作成も簡単にできるというわけです。もちろん画像や動画も挿入できるので、通常の投稿と同様のことが可能です。以下にほんの一例を並べていますが、すべてワンタッチです。クイックタグについては下記のボタンかカードリンクからどうぞ。
アクセス情報などの説明文をここに入力可能です。
右のようなボタンも簡単に設定できてモバイル環境で閲覧するユーザーにも配慮できます。
見出し | 簡単にテーブルを作成可能です。 |
---|---|
見出し | 説明はここに入力できます。 |
見出し | 説明はここに入力できます。 |
見出し | 簡単にテーブルを作成可能です。 |
---|---|
見出し | 説明はここに入力できます。 |
見出し | 説明はここに入力できます。 |
ページビルダー機能を活用すれば上記のようなデザインページをコード不要で直感的に構築可能です。 上記のテーブルコンテンツを2カラムで表示しているように行ごとにカラム数を自由に設定することもできるので、かなり自由度の高いページレイアウトができますね。もちろんカラム間やコンテンツ間のスペースも数値を入力するだけです。しかも、PCとスマホ環境を別々にです。 各所で詳細な設定が可能ですが、基本的には下記の手順を繰り返すだけでオリジナルのデザインページが完成します。レスポンシブデザインにも対応していますので、そのままモバイル環境でも確認してみてください。
- 任意のカラム数の行を追加する
- その中に任意のコンテンツを追加する
- 各コンテンツ内で詳細の設定をする
- 一通り完成後に編集画面にてコンテンツをドラッグし簡単に並び替えることも可能です(行単位・コンテンツ単位両方可)
このページでは特に活用できる画像スライダーや、タブコンテンツ、Googleマップのコンテンツを使ってページを作成していますが、通常の投稿のようにテキストや画像、動画、キャッチフレーズなどを効率よく組み込んでいくことも可能です。ぜひページビルダーを活用してあなたのサイトのページ制作を効率化してみてください。