にも対応しています。
さらにWYSIWYG エディターと組み合わせることで、
柔軟性が高く、モダンで、さまざまな利用シーンに拡張可能なコンテンツ構造を実現します。
Card は、情報を個別のコンテンツブロックとして表示するための UI コンポーネントです。
各 Card は、より詳細なコンテンツへ誘導するエントリーポイントとして機能します。
複数の情報ソースを一つに集約し、視覚的に分かりやすく、読みやすく、かつ操作しやすい形式で表示できます。
Cards 機能では、以下が可能です：
- 単一カードの表示
- グリッドレイアウトによる複数カードの一覧表示
- Wysiwygエディターのサポート OK !
また、Cards は WYSIWYG エディターと連携しており、各カード内に柔軟なコンテンツ構築が可能です。
設定content_copycheck_circle
| Column | 1行あたりに表示するカード数を設定します。 最大：3カード／1行 画面サイズに応じて自動的にレスポンシブ対応します。 |
| Placement | カード一覧内での表示位置を指定します。 |
| Auto Fit |
Auto Fit を有効にすると、レイアウト内の余白を自動的に補完します。
このとき Auto Fit が有効であれば、2行目のカードが自動的に均等配置され、余白をバランスよく埋めます。これにより、常に整った一貫性のあるレイアウトを維持できます。特にスマートフォンなどの小画面デバイスで効果的です。 |
| Media Type | 各カードの先頭には、1種類のメディアを表示できます。 対応しているメディアタイプは以下の3種類です： Image : Media Library からアップロードした画像を表示します。 |
| Paragraph | カード内のテキストコンテンツは、WYSIWYG エディターを使用して作成します。 |
高度な設定content_copycheck_circle
Cards は静止画像の表示に限定されません。
- Media Library からアップロードした動画の表示
- YouTube 動画の直接埋め込み
Images
| Add Line | Sliderを追加しました。この機能を使用することで、一度に複数のSliderを作成することができます。View Demo |
| Slider Images | Sliderに画像を追加し、ドラッグ＆ドロップで表示順序を設定できます。 1つのSliderには最低でも7枚の画像が必要です。 |
| Slider Direction | Sliderの移動方向をカスタマイズできます。 デフォルトの Normal は右から左への動きで、Reverse を選択すると左から右への逆方向に動きます。View Demo |
Setting
| @Layout | スライダーの動きのスタイルを横方向 Horizontal または縦方向 Vertical で選択できます。View Demo |
| @Full Breakpoint | スライダーの幅をブラウザウィンドウの幅と同じに設定します。View Demo |
| @Smooth | スライダーの最初と最後にスムーズな効果を加えることで、スライダーの動きをより滑らかにします。View Demo |
| @Mask | 画像の上にカラーレイヤーを重ねる機能を追加します。これは、MAIN VISUALの「MASK」機能と同様の動作です。 |
| @Background Color | スライダーの背景色を設定します。HEXコードやRGBコードを使用できます。 |
| @Radius | 画像のコーナー半径を設定します。 |
| @Gutter | 画像間の間隔を設定します。 |
| @Image Width | 画像の幅を設定します。 画像は16:9の比率で分割されます。 |
| @Image Height | 画像の高さを設定します。 |
| @Speed Limit | スライダーの移動速度を設定します。 |
| @Line Height |
スライダー全体の高さを設定します。 |
Contents
スライダーの上に任意のコンテンツレイヤーを追加できます。View Demo
管理画面 ▶ Theme Settings ▶ Header
ここにはロゴの設定が2つあります：
| Main Logo | これはページが読み込まれたときに最初に表示されるロゴです。メインロゴが設定されていない場合、代わりにサイトタイトルが表示されます。 |
| Dynamic Logo | これはページをスクロールしたり、メニューを開いたときに表示されるロゴです。（設定は必須ではありません） 例：dynamic logo site |
| Logo Size |
ロゴのサイズ設定 |
管理画面 ▶ All in One SEO ▶ 一般設定 ▶ パンくずリスト ▶ パンくずリスト設定
任意の区切り記号を設定したり、カスタム区切り記号を追加することができます。
ホームページへのリンクを非表示にしたり、名前を変更することができます。
異なる種類のリンクに絵文字を追加することができます。
Buttonscontent_copycheck_circle
デフォルトのボタンに加えて、新しいボタンがいくつか追加されました。
| Button | デフォルトのボタン |
| Group Button | ボタンのグループを作成します。このタイプのボタンを選択すると、小さなウィンドウが表示され、作成したいボタンの数を入力できます。 |
| New Tel Button | 電話番号にリンクするボタンを作成します。このタイプのボタンを選択すると、小さなウィンドウが表示され、リンクしたい電話番号を入力できます。このボタンをクリックすると、電話が発信されます。 |
| New Email Button | メールにリンクするボタンを作成します。このタイプのボタンを選択すると、小さなウィンドウが表示され、リンクしたいメールアドレスを入力できます。このボタンをクリックすると、メール作成ウィンドウが開きます。 |
| New AI-Chat Button (Beta) | AIチャットにリンクするボタンを作成します。このボタンをクリックすると、AIチャットウィンドウが表示されます。 この機能は現在のバージョンで試験運用中です。 必ずNOMOCa AI ChatへのAPI接続を完了してください。 また、この機能を使用するページや投稿に、既存のAIチャット機能（例：AIチャットバナー、FABs（@type AI-Chat）、AIチャットリンクなど）が存在しないことを確認してください。 |
New ボタン追加機能がアップデートされ、「Master Control」と「Button Control」の2つのダッシュボードが追加されました。これにより、ボタンを簡単に管理および操作できるようになりました。
| Master Control | 左側: ボタンの設置位置をカスタマイズするためのボタンが含まれています。ボタンを左、中央、または右に表示することができます。 右側: 現在のリストを削除するボタンとリストを複製するボタンの2つが含まれています。 |
| Button Control | 2つのボタン +と– が含まれています。これは、リストにボタンを追加するか、そのボタンをリストから削除するためのものです。 |
Listcontent_copycheck_circle
New Buttonsと同様に、リスト作成機能にも「Master Control」パネルが追加され、さまざまなリスト形式を簡単に切り替えることができるようになりました。
Default
- Item Name
- Item Name Item Name Item Name
- Item Name
- Item Name Item Name Item Name Item Name
Number
- Item Name
- Item Name Item Name Item Name
- Item Name
- Item Name Item Name Item Name Item Name
Step
- Item Name
- Item Name Item Name Item Name
- Item Name
- Item Name Item Name Item Name Item Name
Paper
- Item Name
- Item Name Item Name Item Name
- Item Name
- Item Name Item Name Item Name Item Name
Linkscontent_copycheck_circle
デフォルトのリンク作成に加え、この機能は新しいリンクタイプが追加され、より多くのリンクオプションを提供します。
| Link | デフォルトのリンクを作成します。 Name Link |
| New Tel Link | 電話番号へのリンクを作成します。 080-000-0000 |
| New Email Link | Emailへのリンクを作成します。 youremail@gmail.com |
| New AI-Chat Link | AI-Chatへのリンクを作成します。 Support AI この機能は現在のバージョンで試験運用中です。 必ずNOMOCa AI ChatへのAPI接続を完了してください。 また、この機能を使用するページや投稿に、既存のAIチャット機能（例：AIチャットバナー、FABs（@type AI-Chat）、AIチャットボタンなど）が存在しないことを確認してください。 |
New リンクの色を変更する機能が追加されました。
リンクのテキストを全選択し、テキストカラーを変更することで、リンク全体の色を変更できます。
基本の色に加えて、HEXコードまたはRGBコードを使用して、任意の色を追加することができます。
Lorem Ipsum is simply dummy text of the printing and Simple Links industry. Lorem Ipsum has been the industry’s standard Call Me !!text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type Sent To Me book. It has survived not only five centuries, but also the leap into Chat With Me typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Othercontent_copycheck_circle
Removed「Highlight text」機能を削除しました。
Removed「Label」機能を削除しました。
New テキストの段落に任意の背景色を追加する機能が追加されました。デフォルトの色に加えて、HEXコードまたはRGBを使用して任意の色を指定できます。
Lorem Ipsum is simply dummy text of the printing and Simple Links industry. Lorem Ipsum has been the industry’s standard Call Me !! text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type Sent To Me book. It has survived not only five centuries, but also the leap into Chat With Me typesetting remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
New 新しいテーブルのスタイル。
table header & table data
| th | th | th | th |
|---|---|---|---|
| td | td | td | td |
| td | td | td | td |
table data only
| td | td | td | td |
| td | td | td | td |
| td | td | td | td |
colspan & rowspan
| td | td | td | |
| td | td | td | |
| td | td | ||
New「フルスクリーン」機能を追加し、コンテンツ作成をより簡単にしました。
