WordPressテーマ「STORK SE」カスタマイズ設定の全手順まとめ

「STORK SEのカスタマイズ設定がわからない」「デザインをもっとオシャレにしたい」そんな方必見。ストークSE独自のカスタマイズ機能を網羅し、各設定項目の反映場所を分かりやすく解説しています。この記事を読めば、あなたのブログのカスタマイズで悩むことはもうありません。

主なカスタマイズ項目

STORK SEは「外観」>「カスタマイズ」のメニューから多くの設定を変更できるようになっています。以下のような項目がカスタマイズ可能です。

  • サイト全体の設定
    • ヘッダーエリア: PC用のレイアウト(ロゴの位置など)、グローバルナビのフォントサイズ、アイコン(検索、お問い合わせ、SNSリンク)の表示。
    • フォント設定: サイト全体で使用するフォントファミリーの選択やWebフォントの読み込み。
    • パンくずナビゲーション: 表示位置の設定。
  • トップページ設定
    • ローディングアニメーションの表示。
    • ヘッダーアイキャッチの画像やテキスト、オーバーレイ設定。
    • 記事スライダーやピックアップコンテンツの表示設定。
  • デザイン・レイアウト
    • サイト全体の横幅サイズの調節。
    • サイトカラーの設定(サイトカラー設定)。
  • ブロックエディタ関連
    • カスタムブロック(アコーディオン、吹き出しなど)やブロックオプションの利用。
    • カラーパレットの色設定。

STORK SE カスタマイズ項目一覧

STORK SEの主なカスタマイズ項目を、管理画面の場所と合わせて表でまとめました。

これは一般的な設定の一部であり、STORK SEには他にも様々なカスタマイズ機能があります。詳細な設定項目はテーマのバージョンによって異なる場合がありますので、公式サイトのドキュメントも合わせてご確認ください。

カスタマイズ項目設定内容の例管理画面の場所
サイトカラー設定メインカラー、背景色、アクセントカラーなどの設定外観 > カスタマイズ > サイトカラー設定
サイト基本設定・ロゴサイトタイトル、キャッチフレーズ、サイトロゴ画像のアップロード外観 > カスタマイズ > サイト全体の設定 > サイト基本設定・ロゴ
トップページ設定スライダー、ヘッダーアイキャッチの表示設定、コンテンツの構成外観 > カスタマイズ > トップページ設定
各種タグ・コード設定Google Analyticsなどの解析コードの挿入外観 > カスタマイズ > 各種タグ・コード設定
記事一覧ページ設定記事一覧のレイアウト(PC/SP)、NEWマークの表示期間、NO IMAGE画像外観 > カスタマイズ > 記事一覧ページ設定
サイト全体の設定ヘッダーエリア、パンくずナビゲーション、スクロール追従ボタン、フォント設定(字詰めなど)外観 > カスタマイズ > サイト全体の設定
ウィジェットエリアサイドバー、フッター、トップページなどへのウィジェット(要素)の配置外観 > ウィジェット または 外観 > カスタマイズ > ウィジェット

ヘッダーレイアウトを変更

STORK SEのヘッダーレイアウトは、主にカスタマイザーから設定を変更できます。

以下の手順で進めてみてください。

ヘッダーレイアウトの変更手順

  1. WordPressの管理画面にログインします。
  2. 左側のメニューから「外観」にマウスオーバーし、「カスタマイズ」をクリックします。
  3. カスタマイザー画面が表示されたら、「[STORK] ヘッダー設定」をクリックします。

主な変更オプション

「[STORK] ヘッダー設定」の中に、以下のような項目があるはずです。

  • ヘッダーレイアウト(デザイン)
    • ロゴとメニューの配置パターン(例: 上部にロゴ、下にメニュー、左右に並べるなど)を選択できます。
  • ヘッダーの固定(追従)設定
    • スクロールしてもヘッダーを画面上部に固定表示するかどうかを設定できます。
  • ヘッダー背景色 / 文字色
    • 色を変更したい場合は、こちらで調整できます。

ご希望のレイアウトを選択し、その他の詳細設定(追従の有無など)を調整してください。

変更の適用

設定を変更した後、カスタマイザーの画面上部にある「公開」ボタンをクリックするのを忘れないようにしてください。これをクリックすることで、サイトに新しい設定が適用されます。

記事スライダーの設定手順

STORK SEでトップページにスライダーを表示させるには、カスタマイズ画面の「記事スライダー」設定を使用します。

STORK SEでは、「pickup」タグを設定した記事(投稿または固定ページ)をスライダーとして表示する機能が標準で用意されています。

スライダーを表示させるための手順は以下の通りです。

  1. スライダーに表示したい記事にタグを設定する
    • スライダーに表示させたい投稿または固定ページを編集し、「pickup」というタグ(スラッグ)を設定して保存します。
    • 【注意】 スライダーが動作するためには、通常4件以上の記事に「pickup」タグが設定されている必要があります。
  2. カスタマイズ画面でスライダーを「表示する」に設定する
    • WordPressの管理画面から【外観】>【カスタマイズ】へ進みます。
    • 【トップページ設定】>【記事スライダー】を選択します。
    • 「スライダーの表示」で「表示する」を選択します。
    • ここで、スライダーの横幅(コンテンツ幅/全幅)、タイプ(ノーマル/オーバーレイなど)、最大記事数、自動再生のオン/オフなども設定できます。
  3. 設定を公開する
    • カスタマイズ画面上部の「公開」ボタンをクリックして変更を適用します。

スライダーが表示されない場合の確認ポイント

  • 「pickup」タグのスラッグ(英字綴り)が正しいか(間違いがないか)。
  • スライダーに表示したい記事(投稿/固定ページ)に「pickup」タグが設定されているか。
  • 「記事スライダー」の設定で「表示する」が選択されているか。
  • 「pickup」タグが設定された記事が4件以上あるか(スライダー動作の最低条件)。

これらの手順で、STORK SEのトップページに記事スライダーを表示させることができるはずです。

商品構成

STORK SEは、人気テーマ「STORK19」をベースに、1カラム(シングルカラム)レイアウトに特化して再構成された、OPENCAGE(オープンケージ)の最新WordPressテーマです。

1. パッケージ(同梱物)の内容

購入後、マイページからダウンロードできるファイル一式には、通常以下のものが含まれています。

  • 親テーマ(stork_se.zip): テーマの本体ファイルです。
  • 子テーマ(stork_se_custom.zip): デザインのカスタマイズ(CSSの追記やPHPの改変)を行うための専用テーマです。
    • ※アップデート時にカスタマイズ内容が消えないよう、子テーマの使用が推奨されています。
  • 導入マニュアル(リンク/PDF): 基本的な設定方法や、STORK SE特有の機能(ブロックエディタの使い方など)を解説したオンラインドキュメントへの案内が含まれます。

2. STORK SE の主な機能構成

商品として提供されるテーマには、以下の機能が標準搭載されています。

構成要素内容・特徴
1カラム特化レイアウト視線をコンテンツに集中させる「シングルカラム」を基本構造としています。
STORK EDITORSTORK19と共通の、執筆を高速化する高機能な専用ブロック(吹き出し、ボタン、ボックス等)。
プリセットパターン初心者でもプロ級のページが作れる、パーツの組み合わせ(パターン)を多数収録。
テーマカスタマイザー管理画面からリアルタイムで色やレイアウト、アニメーション設定が可能。
LP作成テンプレートヘッダーやフッターを非表示にできる、ランディングページ専用のテンプレート。

3. ライセンスとサポート

  • 1サイト1ライセンス(原則): 基本的に1回の購入で1サイトの利用が推奨されています(※OPENCAGEの規約に基づきます。自己所有のサイトであれば複数可とする場合もありますが、クライアントワークでの利用は都度購入が必要です)。
  • 無期限アップデート: 一度購入すれば、テーマのバージョンアップは無料で行えます。
  • メールサポート: 設定に関する不明点などを開発者に直接問い合わせる権利が含まれています。

STORK SE の価格と基本情報

STORK SE(ストーク・エスイー) の価格は以下の通りです。

項目内容
販売価格13,200円(税込)
支払い形態買い切り(追加の月額費用なし)
ライセンス1回の購入につき1サイトのみ利用可能
開発元OPENCAGE(オープンケージ) / hTDESIGN合同会社

注意点:ライセンスについて

STORKシリーズ(STORK SE / STORK19)は、多くの有料テーマとは異なり、「1回の購入で1サイトのみ」という制限があります。

  • 自分用でも複数サイトには使えない: 2つ目のブログを作る際は、もう一度ライセンスを購入する必要があります。
  • 制作代行: 第三者のサイトを制作する場合も、サイトごとにテーマ代金の支払いが必要です。

1. 購入の手順

WordPressテーマ STORK SE(ストーク エスイー) の購入は、開発元の公式サイト「OPENCAGE(オープンケージ)」から行えます。

  1. 公式サイトへアクセスOPENCAGE公式サイトのSTORK SE製品ページにアクセスします。
  2. カートに追加ページ内にある「カートへ入れる」ボタンをクリックします。
  3. お客様情報の入力カート画面で内容を確認し「次へ」進みます。初めて利用する場合は、名前やメールアドレスなどの必要事項を入力して会員登録(無料)を行います。
    • ※会員登録をしておくと、将来的にテーマの再ダウンロードが無期限で可能になります。
  4. 支払い方法の選択希望の決済手段を選び、「上記内容で注文する」をクリックして決済を完了させます。
  5. テーマのダウンロード決済完了後、マイページの「購入履歴」からテーマ(zipファイル)をダウンロードできるようになります。

2. お支払い方法

STORK SEは多くの決済手段に対応しています。

決済種別利用可能なサービス
カード・ID決済クレジットカード、PayPal、Amazon Pay
QRコード決済PayPay、au PAY、d払い、メルペイ
その他コンビニ決済、銀行振込(ペイジー)、電子マネー(楽天Edy、モバイルSuica)
  • ※コンビニ決済や銀行振込などは、事務手数料(200円程度)が発生する場合があります。

注意点

  • 買い切り型: サブスクリプションではないため、一度購入すれば追加費用なしで使い続けられます。
  • ライセンス: 1回の購入につき1サイトでの利用が原則です(自身の所有するサイトであれば複数可とするテーマもありますが、STORK SEは基本的に1ライセンス1サイト推奨となっています)。

「究極のモバイルファースト。究極の使いやすさを。」

OPENCAGEが提供するWordPressテーマ「STORKシリーズ」の最新版です。特にブログ運営者や、コンテンツを際立たせたいサイト運営者向けに開発されています。モバイルファースト設計、1カラムデザインへの特化、ブロックエディタに完全対応。

【PR】