Vibeblocksテーマのインストールが完了すると、左メニューに以下が追加されます。
- VibeBlocks設定
- VibeBlocks AI
各メニューから、VibeBlocksテーマ専用の設定が行えます。
VibeBlocks設定メニュー
VibeBlocks設定
VibeBlocks設定のタブ一覧です。
対応は以下
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| サイドバー位置 | 選択 | 右 | 右 / 左 / なし（1カラム） |
| コンテンツ最大幅（px） | 数値 | 1200 | 800〜1600、10px刻み |
| サイドバー幅（px） | 数値 | 300 | 200〜400、10px刻み |
| 記事一覧の表示形式 | 選択 | リスト表示 | リスト / 2列カラム / 3列カラム |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| メインカラー | 色 | #0066cc | 見出しやリンクなどに使用 |
| アクセントカラー | 色 | #ff6b00 | ボタンや強調部分に使用 |
| リンクカラー | 色 | #0066cc | |
| リンクホバーカラー | 色 | #0055aa | |
| 背景色 | 色 | #f5f5f5 | |
| 背景画像 | 画像 | なし | |
| 背景画像の繰り返し | 選択 | 繰り返しなし | なし / 繰り返し / 横のみ / 縦のみ |
| 背景画像の固定/スクロール | 選択 | 固定 | 固定 / スクロール |
| 背景画像のサイズ | 選択 | カバー | カバー / コンテイン / 自動 |
| トップへ戻るボタン 背景色 | 色 | #333333 | |
| トップへ戻るボタン アイコン色 | 色 | #ffffff | |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| ロゴ画像 | 画像 | なし | 推奨サイズ: 250×60px |
| ロゴの最大高さ（px） | 数値 | 60 | 30〜120 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| トップバーを表示 | チェック | OFF | ヘッダー上にキャッチフレーズを表示 |
| トップバー背景色 | 色 | #333333 | |
| トップバーテキスト色 | 色 | #ffffff | |
| ヘッダーを固定する | チェック | OFF | ヒーロー下メニュー固定との併用不可 |
| ヘッダー背景色 | 色 | #ffffff | |
| ヘッダーテキスト色 | 色 | #333333 | |
| ヘッダー下線色 | 色 | #e0e0e0 | |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| フッター背景色 | 色 | #333333 | |
| フッターテキスト色 | 色 | #ffffff | |
| コピーライトテキスト | テキスト | 空 | 空の場合はサイト名を使用 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| モバイルフッターバーを表示 | チェック | OFF | メニュー・ホーム・検索・トップの4ボタン |
| 背景色 | 色 | #ffffff | |
| アイコン・テキスト色 | 色 | #333333 | |
| アクティブ色 | 色 | #0066cc | |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| ヒーロー表示 | 選択 | 表示しない | 表示しない / フロントページのみ / すべてのページ |
| ヒーロータイプ | 選択 | 画像 | 画像 / 動画 / スライダー |
| 背景画像 | 画像 | なし | |
| 背景動画URL（MP4） | URL | 空 | |
| オーバーレイを表示 | チェック | ON | |
| オーバーレイ色 | テキスト | rgba(0,0,0,0.4) | rgba指定 |
| ヒーロー高さ（px） | 数値 | 500 | 200〜1000、10px刻み |
| 全画面表示 | チェック | OFF | 100vh |
| メインタイトル | テキスト | 空 | |
| サブタイトル | テキスト | 空 | 複数行可 |
| テキスト色 | 色 | #ffffff | |
| ボタンテキスト | テキスト | 空 | |
| ボタンURL | URL | 空 | |
| ボタン色 | 色 | #0066cc | |
| スライド画像 1〜3 | 画像 | なし | スライダータイプ時に使用 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| 背景色 | 色 | #ffffff | |
| テキスト色 | 色 | #333333 | |
| ホバー/アクティブ文字色 | 色 | #0066cc | |
| ホバー背景色 | 色 | 空 | 空の場合は背景色変更なし |
| ボーダー色（下線） | 色 | 空 | |
| スクロール時に固定する | チェック | OFF | ヘッダー固定との併用不可 |
| 固定時にロゴ/サイト名を表示 | チェック | ON | |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| カルーセルを表示 | チェック | ON | フロントページのみ |
| 表示するカテゴリ | 選択 | すべての記事 | 全記事 / 特定カテゴリ / 人気記事。除外カテゴリーはトップページタブの設定が適用 |
| 人気記事の集計期間 | 選択 | 週間 | 週間（7日）/ 月間（30日）/ 累計。「人気記事」選択時のみ有効 |
| タイトルを表示 | チェック | ON | |
| 背景色 | 色 | #ffffff | |
| 最大表示数 | 数値 | 8 | 3〜20 |
| オートプレイ | チェック | OFF | |
| オートプレイ間隔 | 選択 | 5秒 | 5〜30秒 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| SEOタイトル | テキスト | 空 | 検索結果に表示されるtitleタグ。未入力時は「サイト名 – キャッチフレーズ」。30文字程度推奨 |
| SEO説明文 | テキストエリア | 空 | meta description。未入力時はキャッチフレーズ。120文字程度推奨 |
| 除外するカテゴリー | チェック（複数） | なし | 選択したカテゴリーの記事をトップページ一覧から除外。カルーセル（人気記事モード）にも適用 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| デフォルトOGP画像 | 画像 | なし | 推奨: 1200x630px |
| Twitterカードタイプ | 選択 | Summary Large Image | Summary / Summary Large Image |
| Twitter ユーザー名 | テキスト | 空 | @なしで入力 |
| Facebook App ID | テキスト | 空 | 任意（インサイト用） |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| X（Twitter）URL | URL | 空 | |
| Facebook URL | URL | 空 | |
| Instagram URL | URL | 空 | |
| Threads URL | URL | 空 | |
| note URL | URL | 空 | |
| YouTube URL | URL | 空 | |
| TikTok URL | URL | 空 | |
| LINE URL | URL | 空 | |
| GitHub URL | URL | 空 | |
| 記事シェアボタンを表示 | チェック | ON | 記事下部にSNSシェアボタンを表示 |
H2〜H5 それぞれに以下を設定可能（リアルタイムプレビュー付き）
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| スタイル | 選択 | H2:下線 / H3:左線 / H4〜:なし | なし / 左線 / 下線 / 背景色 / グラデーション / ストライプ |
| テキスト色 | 色 | #333333 | |
| アクセント色（線/背景） | 色 | #0066cc | |
| グラデーション終了色 | 色 | #00ccff | グラデーション選択時のみ |
リアルタイムプレビュー付き
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| マークスタイル | 選択 | disc | disc / ✓チェック / ›矢印 / ＋プラス / ■四角 / ◉二重丸 / —ダッシュ / ★星 |
| マークの色 | 色 | #0066cc | |
| 枠線 | 選択 | なし | なし / あり |
| 枠線の色 | 色 | #e0e0e0 | 枠線「あり」の場合に適用 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| 抜粋の文字数 | 数値 | 100 | 0〜300、10刻み。0で非表示 |
| 投稿日を表示 | チェック | ON | |
| 更新日を表示 | チェック | ON | |
| カテゴリーを表示 | チェック | ON | |
| 著者を表示 | チェック | OFF | |
| 記事の最初にアイキャッチ画像を表示 | チェック | ON | |
| 目次を自動生成 | チェック | ON | |
| 関連記事を表示 | チェック | ON | |
| 関連記事の表示数 | 数値 | 4 | 2〜10 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| クラシックエディタを使用 | チェック | OFF | ブロックエディタの代わりにクラシックエディタを使用 |
| クラシックウィジェットを使用 | チェック | OFF | ブロックウィジェットの代わりにクラシックウィジェットを使用 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| PV計測を有効にする | チェック | ON | 無効にするとページビューの記録を停止 |
| 管理者のアクセスを除外 | チェック | ON | ログイン中の管理者はPV計測対象外 |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| 1ページあたりの投稿数 | 数値 | 50 | 5〜500、5刻み |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| Google Analytics 測定ID | テキスト | 空 | G-XXXXXXXXXX 形式 |
| Google Search Console 認証コード | テキスト | 空 | metaタグのcontent値のみ |
| 管理者を計測から除外 | チェック | ON | |
| <head>内コード | テキスト | 空 | head内に出力するカスタムコード |
| </body>前コード | テキスト | 空 | body閉じタグ直前に出力するカスタムコード |
| 設定項目 | 種別 | デフォルト | 備考 |
|---|
| フッターCTAを表示 | チェック | OFF | ページ下部に固定広告バーを表示 |
| 背景色 | 色 | #ffffff | |
| CTAモード | 選択 | HTML | HTML / バナー画像 / テキスト＋ボタン |
| 広告コード | テキスト | 空 | HTMLモード時に使用 |
| バナー画像 | 画像 | なし | 画像モード時に使用 |
| クリック先URL | URL | 空 | 画像・テキスト共用 |
| キャッチコピー | テキスト | 空 | テキストモード時に使用 |
| ボタンラベル | テキスト | 空 | テキストモード時に使用 |
| テキスト色 | 色 | #333333 | テキストモード時 |
| ボタン色 | 色 | #0066cc | テキストモード時 |
設定項目なし（情報表示のみ）
| 表示内容 | 備考 |
|---|
| 環境情報 | サイトURL、WP/PHPバージョン、サーバー情報等 |
| テーマ情報 | テーマ名、バージョン、カテゴリ/タグ/ユーザー数 |
| テーマ設定状況 | 各種機能の有効/無効 |
| 利用中のプラグイン一覧 | アクティブなプラグイン |
| 情報をコピー | サポート用テキストをワンクリックコピー |
よく使う吹き出し設定をテンプレートとして登録できます。エディタのサイドバーからワンクリックで適用できます。
よく使うボタンのスタイルをテンプレートとして登録できます。エディタのサイドバーからワンクリックで適用できます。
よく使うボックスのスタイルをテンプレートとして登録できます。エディタのサイドバーからワンクリックで適用できます。
ドラッグ＆ドロップでカテゴリーの表示順序を変更できます。同じ階層内で並べ替えが可能です。
VibeBlocks AI – 基本設定
このページでは、以下の設定が行えます。
- 各種AIのAPIキーの設定
- 画像生成に使うAIとモデルの設定
- 画像生成時のデフォルトのプロンプト設定
- リサーチに使うAIモデルの設定
- リサーチ用のデフォルトプロンプト
- 記事生成に使うAIとモデルの設定
- 記事生成のデフォルトプロンプト2モード分
- 記事生成にリサーチ機能を使うかどうかの設定
VibeBlocks AI – 画像生成設定
このページでは、以下の設定が行えます。
- 生成する画像のスタイル設定
- アイキャッチ画像にキャラクターを合成するかどうかの設定
- アイキャッチ画像にキャラクターを合成する場合のキャラ画像の登録
- アイキャッチ画像にキャラクターを合成する場合のデフォルトプロンプトの設定
- アイキャッチ画像の生成のタイミング（自動・手動）
