gBase – WordPress ブロックテーマ

テーマの特徴

gBaseは、最新のWordPress機能に完全対応した、シンプルで美しい日本語向けブロックテーマです。

🎨 日本の伝統色を使った美しいデザイン

gBaseでは、日本の伝統色をベースにした8色のカラーパレットを採用。藍色や墨色など、落ち着いた和の色合いでサイトを彩ります。

採用している色:

  • 藍色 – メインカラー（リンクやボタンに使用）
  • 浅葱 – アクセントカラー（ホバー時など）
  • 墨 – 本文テキスト
  • 銀鼠 – 補足テキスト
  • 生成り – 背景色（優しいクリーム色）
  • 利休茶 – 補助色
  • 白・黒 – 基本色

配色に迷うことなく、統一感のあるデザインが簡単に作れます。

✏️ 直感的な編集機能

サイトエディター完全対応

コードを書かずに、ドラッグ&ドロップでサイト全体のデザインを編集できます。

  • ヘッダー・フッターも自由に編集
    • ロゴの位置や大きさを変更
    • メニューの配置を調整
    • コピーライト表示のカスタマイズ
  • レイアウトの調整が簡単
    • コンテンツ幅: 800px（読みやすい幅）
    • ワイド幅: 1200px（画像などを大きく表示）
    • 全幅: 画面いっぱいに表示
  • ブロックパターン
    • よく使うデザインを保存して再利用
    • 効率的なサイト制作

🔒 セキュリティとパフォーマンス

HTTPS完全対応

サイトをHTTPSで運用している場合、すべての画像やリソースを自動的に安全なHTTPSで読み込みます。

対応内容:

  • メディアライブラリの画像を自動変換
  • 古い画像URLも自動的にHTTPS化
  • Mixed Content警告を防止
  • 検索エンジンからの評価向上

高速表示

  • 必要最小限のコードで構成
  • 無駄なスタイルを排除
  • モバイルでも快適に表示

🤖 AI検索エンジン最適化

Google AI Overviewsに対応

最新のAI検索エンジンに認識されやすい構造を採用。

実装内容:

  • 構造化データ（Schema.org）
    • 記事の内容をAIが理解しやすい形式で記述
    • タイトル、著者、公開日、画像情報を自動出力
  • 適切なメタタグ
    • Open Graph対応で、SNSでの見栄えも向上
    • 記事のカテゴリーやタグも自動で設定

メリット:

  • Google検索結果に表示されやすくなる
  • AI検索での引用率が向上
  • SNSでシェアされた時の見栄えが良い

📱 レスポンシブデザイン

どんな画面サイズでも美しく表示

  • スマートフォン – タップしやすい大きさのボタン
  • タブレット – 縦でも横でも読みやすい
  • パソコン – 広い画面を有効活用

モバイルフレンドリー:

  • 画像は自動的に画面サイズに合わせて調整
  • テキストは読みやすいサイズに自動調整
  • メニューはモバイルで使いやすいハンバーガーメニュー

♿ アクセシビリティ対応

すべての人が使いやすいサイトに

  • キーボード操作対応
    • マウスがなくても操作可能
    • フォーカス時に分かりやすい表示
  • スクリーンリーダー対応
    • 視覚に障害がある方も内容を理解できる
    • 適切な見出し構造
  • 読みやすいデザイン
    • 十分なコントラスト比
    • 適切な行間と文字サイズ

🎯 こんな方におすすめ

初めてWordPressを使う方

  • コードを書かなくてもサイトが作れる
  • 直感的な操作で編集できる
  • 日本語のサポートが充実

ブログを始めたい方

  • 記事の執筆に集中できるシンプルなデザイン
  • SEO対策済みで検索エンジンに強い
  • SNSとの連携もスムーズ

ビジネスサイトを作りたい方

  • プロフェッショナルな印象のデザイン
  • 企業サイトに必要な機能を標準搭載
  • セキュリティ対策もバッチリ

Web制作者・開発者の方

  • カスタマイズしやすい設計
  • 最新のWordPress標準に準拠
  • クリーンなコードで拡張が容易

🚀 すぐに使える機能

標準搭載の機能

ページテンプレート:

  • トップページ（ブログ一覧）
  • 個別記事ページ
  • 固定ページ
  • アーカイブページ
  • 404エラーページ

カスタマイズ可能な部分:

  • ヘッダー（サイトタイトル、ナビゲーション）
  • フッター（コピーライト、リンク）
  • サイドバー（ウィジェット対応）
  • 色とフォント
  • レイアウト幅

追加のスタイル:

  • ボタンのホバーエフェクト
  • 引用ブロックのデザイン
  • コードブロックの見やすい表示
  • テーブルのレスポンシブ対応

💡 カスタマイズのヒント

初心者でも簡単にカスタマイズ

外観 > エディター から:

  1. スタイル – 色やフォントを変更
  2. テンプレート – ページのレイアウトを編集
  3. パターン – よく使うデザインを保存

追加CSSが書ける方は: assets/css/frontend.css にカスタムスタイルを追加できます。

開発者の方は:

  • theme.json で詳細な設定が可能
  • functions.php で機能を拡張
  • すべてのファイルがカスタマイズ可能

📋 動作環境

必要な環境

  • WordPress: 6.1以上
  • PHP: 7.4以上
  • 推奨: WordPress 6.7以上

対応ブラウザ

  • Chrome / Edge（最新版）
  • Firefox（最新版）
  • Safari（最新版）
  • モバイルブラウザ

🆓 ライセンス

gBaseは無料で使用できるオープンソーステーマです。

  • 個人利用: 自由に使用可能
  • 商用利用: 制限なし
  • 改変: 自由にカスタマイズ可能
  • 再配布: 可能

ライセンス: GNU General Public License v2 or later

🎓 サポート情報

困ったときは

基本的な使い方:

  • WordPress公式ドキュメント
  • ブロックエディタガイド
  • テーマカスタマイザーの使い方

技術的な質問:

  • WordPressフォーラム
  • テーマ開発者向けドキュメント

🌟 gBaseを選ぶ理由

3つの強み

  1. 簡単 – コードが書けなくてもプロ並みのサイトが作れる
  2. 美しい – 日本の伝統色を使った洗練されたデザイン
  3. 安心 – セキュリティとSEO対策が標準装備

将来性

  • WordPress最新機能に完全対応
  • FSE（Full Site Editing）採用で、今後のアップデートにも対応
  • 長期的に使えるテーマ設計

📦 インストール方法

3ステップで完了

  1. ダウンロード
    • テーマファイルをダウンロード
  2. アップロード
    • WordPress管理画面 > 外観 > テーマ > 新規追加
    • 「テーマのアップロード」をクリック
    • ZIPファイルを選択してインストール
  3. 有効化
    • 「有効化」ボタンをクリック
    • すぐに使い始められます

🎉 今すぐ始めよう

gBaseで、あなたの想いを形にしましょう。 シンプルで美しいサイトが、誰でも簡単に作れます。

始め方:

  1. テーマをインストール
  2. 外観 > エディター を開く
  3. 好きなように編集開始！

デザインの知識がなくても大丈夫。 gBaseがあなたのサイト作りをサポートします。