初期設定ガイド

Vibeblocksテーマのインストールが完了すると、左メニューに以下が追加されます。

  • VibeBlocks設定
  • VibeBlocks AI

各メニューから、VibeBlocksテーマ専用の設定が行えます。

VibeBlocks設定メニュー

VibeBlocks設定

VibeBlocks設定のタブ一覧

VibeBlocks設定のタブ一覧です。

対応は以下

レイアウト

設定項目種別デフォルト備考
サイドバー位置選択右 / 左 / なし(1カラム)
コンテンツ最大幅(px)数値1200800〜1600、10px刻み
サイドバー幅(px)数値300200〜400、10px刻み
記事一覧の表示形式選択リスト表示リスト / 2列カラム / 3列カラム

カラー

設定項目種別デフォルト備考
メインカラー#0066cc見出しやリンクなどに使用
アクセントカラー#ff6b00ボタンや強調部分に使用
リンクカラー#0066cc
リンクホバーカラー#0055aa
背景色#f5f5f5
背景画像画像なし
背景画像の繰り返し選択繰り返しなしなし / 繰り返し / 横のみ / 縦のみ
背景画像の固定/スクロール選択固定固定 / スクロール
背景画像のサイズ選択カバーカバー / コンテイン / 自動
トップへ戻るボタン 背景色#333333
トップへ戻るボタン アイコン色#ffffff

サイトロゴ

設定項目種別デフォルト備考
ロゴ画像画像なし推奨サイズ: 250×60px
ロゴの最大高さ(px)数値6030〜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)数値500200〜1000、10px刻み
全画面表示チェックOFF100vh
メインタイトルテキスト
サブタイトルテキスト複数行可
テキスト色#ffffff
ボタンテキストテキスト
ボタンURLURL
ボタン色#0066cc
スライド画像 1〜3画像なしスライダータイプ時に使用

ヒーロー下メニュー

設定項目種別デフォルト備考
背景色#ffffff
テキスト色#333333
ホバー/アクティブ文字色#0066cc
ホバー背景色空の場合は背景色変更なし
ボーダー色(下線)
スクロール時に固定するチェックOFFヘッダー固定との併用不可
固定時にロゴ/サイト名を表示チェックON

カルーセル

設定項目種別デフォルト備考
カルーセルを表示チェックONフロントページのみ
表示するカテゴリ選択すべての記事全記事 / 特定カテゴリ / 人気記事。除外カテゴリーはトップページタブの設定が適用
人気記事の集計期間選択週間週間(7日)/ 月間(30日)/ 累計。「人気記事」選択時のみ有効
タイトルを表示チェックON
背景色#ffffff
最大表示数数値83〜20
オートプレイチェックOFF
オートプレイ間隔選択5秒5〜30秒

トップページ

設定項目種別デフォルト備考
SEOタイトルテキスト検索結果に表示されるtitleタグ。未入力時は「サイト名 – キャッチフレーズ」。30文字程度推奨
SEO説明文テキストエリアmeta description。未入力時はキャッチフレーズ。120文字程度推奨
除外するカテゴリーチェック(複数)なし選択したカテゴリーの記事をトップページ一覧から除外。カルーセル(人気記事モード)にも適用

OGP

設定項目種別デフォルト備考
デフォルトOGP画像画像なし推奨: 1200x630px
Twitterカードタイプ選択Summary Large ImageSummary / Summary Large Image
Twitter ユーザー名テキスト@なしで入力
Facebook App IDテキスト任意(インサイト用)

SNS

設定項目種別デフォルト備考
X(Twitter)URLURL
Facebook URLURL
Instagram URLURL
Threads URLURL
note URLURL
YouTube URLURL
TikTok URLURL
LINE URLURL
GitHub URLURL
記事シェアボタンを表示チェックON記事下部にSNSシェアボタンを表示

見出し

H2〜H5 それぞれに以下を設定可能(リアルタイムプレビュー付き)

設定項目種別デフォルト備考
スタイル選択H2:下線 / H3:左線 / H4〜:なしなし / 左線 / 下線 / 背景色 / グラデーション / ストライプ
テキスト色#333333
アクセント色(線/背景)#0066cc
グラデーション終了色#00ccffグラデーション選択時のみ

リスト

リアルタイムプレビュー付き

設定項目種別デフォルト備考
マークスタイル選択discdisc / ✓チェック / ›矢印 / +プラス / ■四角 / ◉二重丸 / —ダッシュ / ★星
マークの色#0066cc
枠線選択なしなし / あり
枠線の色#e0e0e0枠線「あり」の場合に適用

投稿

設定項目種別デフォルト備考
抜粋の文字数数値1000〜300、10刻み。0で非表示
投稿日を表示チェックON
更新日を表示チェックON
カテゴリーを表示チェックON
著者を表示チェックOFF
記事の最初にアイキャッチ画像を表示チェックON
目次を自動生成チェックON
関連記事を表示チェックON
関連記事の表示数数値42〜10

エディタ

設定項目種別デフォルト備考
クラシックエディタを使用チェックOFFブロックエディタの代わりにクラシックエディタを使用
クラシックウィジェットを使用チェックOFFブロックウィジェットの代わりにクラシックウィジェットを使用

人気記事

設定項目種別デフォルト備考
PV計測を有効にするチェックON無効にするとページビューの記録を停止
管理者のアクセスを除外チェックONログイン中の管理者はPV計測対象外

サイトマップ

設定項目種別デフォルト備考
1ページあたりの投稿数数値505〜500、5刻み

アクセス解析

設定項目種別デフォルト備考
Google Analytics 測定IDテキストG-XXXXXXXXXX 形式
Google Search Console 認証コードテキストmetaタグのcontent値のみ
管理者を計測から除外チェックON
<head>内コードテキストhead内に出力するカスタムコード
</body>前コードテキストbody閉じタグ直前に出力するカスタムコード

フッターCTA

設定項目種別デフォルト備考
フッターCTAを表示チェックOFFページ下部に固定広告バーを表示
背景色#ffffff
CTAモード選択HTMLHTML / バナー画像 / テキスト+ボタン
広告コードテキストHTMLモード時に使用
バナー画像画像なし画像モード時に使用
クリック先URLURL画像・テキスト共用
キャッチコピーテキストテキストモード時に使用
ボタンラベルテキストテキストモード時に使用
テキスト色#333333テキストモード時
ボタン色#0066ccテキストモード時

テーマ情報

設定項目なし(情報表示のみ)

表示内容備考
環境情報サイトURL、WP/PHPバージョン、サーバー情報等
テーマ情報テーマ名、バージョン、カテゴリ/タグ/ユーザー数
テーマ設定状況各種機能の有効/無効
利用中のプラグイン一覧アクティブなプラグイン
情報をコピーサポート用テキストをワンクリックコピー

吹き出しテンプレート

よく使う吹き出し設定をテンプレートとして登録できます。エディタのサイドバーからワンクリックで適用できます。

ボタンテンプレート

よく使うボタンのスタイルをテンプレートとして登録できます。エディタのサイドバーからワンクリックで適用できます。

ボックステンプレート

よく使うボックスのスタイルをテンプレートとして登録できます。エディタのサイドバーからワンクリックで適用できます。

カテゴリー順序

ドラッグ&ドロップでカテゴリーの表示順序を変更できます。同じ階層内で並べ替えが可能です。

VibeBlocks AI – 基本設定

このページでは、以下の設定が行えます。

  • 各種AIのAPIキーの設定
  • 画像生成に使うAIとモデルの設定
  • 画像生成時のデフォルトのプロンプト設定
  • リサーチに使うAIモデルの設定
  • リサーチ用のデフォルトプロンプト
  • 記事生成に使うAIとモデルの設定
  • 記事生成のデフォルトプロンプト2モード分
  • 記事生成にリサーチ機能を使うかどうかの設定

VibeBlocks AI – 画像生成設定

このページでは、以下の設定が行えます。

  • 生成する画像のスタイル設定
  • アイキャッチ画像にキャラクターを合成するかどうかの設定
  • アイキャッチ画像にキャラクターを合成する場合のキャラ画像の登録
  • アイキャッチ画像にキャラクターを合成する場合のデフォルトプロンプトの設定
  • アイキャッチ画像の生成のタイミング(自動・手動)
AI機能

Vibeblocks AI設定

Vibeblocks AIの設定方法について。 Vibeblocksテーマを有効…