デザイン性の高いページ制作が捗る
ページビルダー機能で作成したサンプルページ

当ページではワンカラムの固定ページにて制作していますが、通常の投稿でもページビルダー機能を活用可能です。

  • タブコンテンツ1(画像とテキスト)
  • タブコンテンツ2(テキストのみ)
  • タブコンテンツ3(ギャラリー)

見出しタイトル

ここに説明文が入ります。フォントタイプはメイリオベース・ゴシックベース・明朝ベースから、フォント色やフォントサイズまで選択可能です。これは中央寄せですが、もちろん左右へ整列もできます。見出しタイトル部分も同様の項目を編集可能です。説明文の背景色も自由に変更可能です。

見出しタイトル

こちらはテキストのみのタブコンテンツになります。といってもここでは、TCDテーマのクイックタグを活用して作成することができます。つまり、ボタンやカードリンクなどの作成も簡単にできるというわけです。もちろん画像や動画も挿入できるので、通常の投稿と同様のことが可能です。以下にほんの一例を並べていますが、すべてワンタッチです。クイックタグについては下記のボタンかカードリンクからどうぞ。

クイックタグの使い方

ここに画像のキャプションも入れられます。右のボタンで次の画像を見れます。
今クリックしたナビゲーションボタンの色も任意に変更です。
画像数に特に限りはありません。
見出し

簡単にテーブルを作成可能です。

見出し

説明はここに入力できます。

見出し

説明はここに入力できます。

見出し

簡単にテーブルを作成可能です。

見出し

説明はここに入力できます。

見出し

説明はここに入力できます。

ページビルダー機能を活用すれば上記のようなデザインページをコード不要で直感的に構築可能です。 上記のテーブルコンテンツを2カラムで表示しているように行ごとにカラム数を自由に設定することもできるので、かなり自由度の高いページレイアウトができますね。もちろんカラム間やコンテンツ間のスペースも数値を入力するだけです。しかも、PCとスマホ環境を別々にです。 各所で詳細な設定が可能ですが、基本的には下記の手順を繰り返すだけでオリジナルのデザインページが完成します。レスポンシブデザインにも対応していますので、そのままモバイル環境でも確認してみてください。

  1. 任意のカラム数の行を追加する
  2. その中に任意のコンテンツを追加する
  3. 各コンテンツ内で詳細の設定をする
  4. 一通り完成後に編集画面にてコンテンツをドラッグし簡単に並び替えることも可能です(行単位・コンテンツ単位両方可)

このページでは特に活用できる画像スライダーや、タブコンテンツ、Googleマップのコンテンツを使ってページを作成していますが、通常の投稿のようにテキストや画像、動画、キャッチフレーズなどを効率よく組み込んでいくことも可能です。ぜひページビルダーを活用してあなたのサイトのページ制作を効率化してみてください。