MagazineBook のドキュメント
MagazineBook WordPress テーマのセットアップとカスタマイズガイド。インストール、ヘッダー、フッター、レイアウト、ウィジェット、フロントページ設定を解説します。
インストール
WordPress の管理画面で「外観 → テーマ → 新規追加」を開き、「MagazineBook」を検索して「インストール」→「有効化」をクリックします。
手動でインストールする場合は、wordpress.org から .zip をダウンロードし、「外観 → テーマ → 新規追加 → テーマのアップロード」でファイルを選択して「今すぐインストール」をクリックします。
デモコンテンツのインポート
MagazineBook はデモインポーターを同梱していません。テーマ内にプラグイン機能を組み込むことは WordPress.org のテーマガイドラインに反しており、それを行うテーマは審査1回で削除されかねないからです。
デモのレイアウトを再現するには、下記の「デモサイトのようにフロントページを設定する方法」に従ってください。所要時間は約10分で、後で削除しなければならないプレースホルダー記事ではなく、実際に自分のものとなるコンテンツが手に入ります。
ヘッダー設定
ヘッダーのすべてのオプションは「外観 → カスタマイズ → ヘッダー設定」にあります。ヘッダーは3つの独立した領域(トップバー、メインヘッダー、ヘッダーメディア)で構成され、それぞれ個別に有効・無効を切り替えられます。
ヘッダーメディア
「外観 → カスタマイズ → ヘッダー設定 → ヘッダーメディア」。ヘッダー画像または動画をアップロードします。推奨のヘッダー画像サイズは 1920×400 です。これより小さい画像は拡大されて、ぼやけて見えます。
アップロード後にヘッダー画像がぼやけて見える場合、原因はほぼ確実にテーマではなく WordPress の `-scaled` の挙動です。当サイトの WordPress 画像サイズツールで、どの派生画像が配信されているかを正確に確認できます。
ヘッダートップバー
トップバーはメインヘッダーの上に配置され、日付、サブメニュー、ソーシャルリンクを表示します。「外観 → カスタマイズ → ヘッダー設定 → ヘッダートップバー」で切り替えられます。
メインヘッダー領域
メインヘッダーには、サイトのロゴまたはタイトル、メインのナビゲーションメニュー、そして任意で検索の切り替えボタンが表示されます。ロゴは「外観 → カスタマイズ → サイト基本情報」で設定します。
デザイン設定
「外観 → カスタマイズ → デザイン設定」には、サイト全体のレイアウト設定(コンテナ幅、サイドバー位置、配色)があります。
サイトレイアウト
「外観 → カスタマイズ → デザイン設定 → サイトレイアウト」で、全幅コンテナかボックス型コンテナかを選べます。
フロントページ設定
MagazineBook のフロントページは、積み重ねられるセクションで構成され、それぞれ個別にオフにできます。すべての設定は「外観 → カスタマイズ → フロントページ設定」にあります。
一般オプション
「外観 → カスタマイズ → フロントページ設定 → 一般オプション」で、固定フロントページを有効にし、各セクションが取得する記事数を設定します。
MagazineBook ウィジェット
MagazineBook は4つのカスタムウィジェットを登録します。「外観 → ウィジェット」で、頭に「MagazineBook:」が付いたものを探してください。
注目記事ウィジェット — スタイル1
大きなリード記事と、その横に積み重なったリストを表示します。全幅のフッターやフロントページのウィジェットエリアに最適です。
注目記事ウィジェット — スタイル2
記事カードを均等なグリッドで表示します。2〜3カラムのウィジェットエリアに最適です。
シンプル注目記事ウィジェット
画像よりも見出しを強調したいときのための、テキストのみのミニマルな注目記事リストです。
デモサイトのようにフロントページを設定する方法
掲載したいカテゴリーを作成し、記事をそれらに割り当てます。
「設定 → 表示設定」を開き、「ホームページの表示」を固定ページに設定します。
「外観 → カスタマイズ → フロントページ設定 → 一般オプション」を開き、フロントページの各セクションを有効にします。
バナースライダーとバナー注目記事の各セクションを、作成したカテゴリーに向けます。
「外観 → ウィジェット」で、MagazineBook のウィジェットをフロントページのウィジェットエリアに追加します。
ソーシャルメディアリンク
ソーシャルアイコンは設定パネルではなく、WordPress のメニューで制御します。「外観 → メニュー」でメニューを作成し、各プロフィールを指すカスタムリンクを追加して、そのメニューを「Social」の位置に割り当てます。MagazineBook はドメインに合わせて自動的にアイコンを判別します。