■ エックスサーバーをご利用の方へ
このデモサイトは WooCommerce（ネットショップ機能）を含んでいます。
エックスサーバーの WAF の「コマンド対策」が有効な場合、
インポート後に「501 エラー」が表示されることがあります。
■ 対処方法
エックスサーバーのサーバーパネルより、
「WAF 設定」→「コマンド対策」を OFF に変更してください。
エックスサーバー公式マニュアル「WAF設定」
※ WAF の設定変更が不安な場合は、サーバーのサポートにご相談ください。
WooCommerceを導入した、
スマホ特化型の
酒屋さんオンラインショップサイト
このデモサイトの特徴
1
スマホ特化型テーマ SmaVeksive
このサイトは、スマポンシブ（3カラム構成のスマホ特化型）デザインを採用した SmaVeksive（スマベクシブ）テーマ をベースに作られています。そのため、パソコンで閲覧した場合もスマートフォンで閲覧した場合も、メインエリアのレイアウトは大きく変わりません。
このテンプレートをもとにカスタマイズする際も、表示幅ごとにレイアウトを切り替えるような複雑なレスポンシブ調整を意識する必要がなく、コンテンツ制作やデザイン調整に集中できます。
2
WooCommerceを導入したショップサイト
このデモサイトでは、WordPress の EC プラグイン WooCommerce を導入し、商品一覧ページや商品詳細ページ、カート、購入手続きページなど、オンラインショップとして必要な基本構成を確認できます。
決済方法や配送設定などは、実際の運用にあわせて別途設定が必要ですが、ショップサイトとしてのページ構成や画面イメージを把握しながらカスタマイズを進められる構成になっています。
使用中のプラグイン
| Plugin Name | Description |
|---|---|
| Akismet Anti-spam: Spam Protection | 何百万もの利用実績がある Akismet はあなたのブログをスパムから保護する最良の方法といえるでしょう。あなたが眠りについている時間でさえ、Akismet は常時サイトを守り続けます。始めるのは簡単。Akismet プラグインを有効化したら設定ページで API キーを設定するだけです。 |
| All-in-One WP Migration and Backup | All-in-One WP Migration を使用すると、WordPress サイト全体の移行が簡単になります。数回クリックするだけで、データベース、メディア、プラグイン、テーマをエクスポートまたはインポートできます。 |
| Blocks Animation: CSS Animations for Gutenberg Blocks | Blocks Animation は、Gutenberg のすべてのブロックに最も洗練された方法で CSS アニメーションを追加することができます。 |
| Category Order and Taxonomy Terms Order | ドラッグ & ドロップで並べ替えを可能にする JavaScript の機能を使って、カテゴリーとすべての (階層的) カスタムタクソノミーと子タームを並べ替えます。 |
| Contact Form 7 | お問い合わせフォームプラグイン。シンプル、でも柔軟。 |
| Simple Page Ordering | ドラッグ & ドロップを使用して、選択したページや階層化された投稿タイプをビルトインページリストで並び替えます。
詳細な手順については、固定ページの画面で「ヘルプ」タブを開いてください。 |
| SiteGuard WP Plugin | WordPressにSiteGuard WP Pluginをインストールするだけで、セキュリティが向上します。SiteGurad WP Pluginは、管理画面やログインへの攻撃対策に特化したプラグインです。
またWAFの除外ルールを作成する機能も備えています(SiteGuard Server Editionを使用するにはWebサーバーにWAFをインストールする必要があります) |
| Snow Monkey Forms | Snow Monkey Forms はブロックエディターのためのメールフォームプラグインです。 |
| UpdraftPlus – Backup/Restore | 複数のバックアップ保存先に対応したバックアップと復元プラグイン。ローカル、Amazon S3、Dropbox、Google Drive、Rackspace、(S)FTP、WebDAV、メールに自動スケジュールでバックアップします。 |
| VK All in One Expansion Unit | このプラグインは、Webサイトを強力にするさまざまな機能を備えた統合プラグインです。 多くの機能は個別に停止できます。 Facebookページプラグインやソーシャルブックマーク、OGタグ、Twitterカードタグ、Google Analyticsタグなどの出力や、最新記事投稿ウィジェット、関連する投稿の挿入、各種ブロックなどがあります。 |
| VK Block Patterns | 独自のブロックパターンを作成して登録する事ができます。 |
| VK Blocks Pro | ブロックエディタを拡張するプラグインです。 |
| VK Dynamic If Block | VK Dynamic If Block は、現在のページがフロントページまたは単一の投稿であるか、投稿タイプやカスタムフィールドの値などの指定された条件に基づいて、そのインナーブロックを表示します。 |
| WP Multibyte Patch | WP Multibyte Patch は、本家版、日本語版 WordPress のマルチバイト文字の取り扱いに関する不具合の累積的修正と強化を行うプラグインです。 » 詳しい説明を読む |
| WP Statistics | Get website traffic insights with GDPR/CCPA compliant, privacy-friendly analytics. Includes visitor data, stunning graphs, and no data sharing. |
| XML Sitemap & Google News | Feed the hungry spiders in compliance with the XML Sitemap and Google News protocols. |
一貫したデザイン
サイト全体の共通のスタイルは 追加 CSS
「追加 CSS」は、サイト全体に影響する共通のスタイルをまとめて記述するベースのスタイル記述場所です。
ボタンの角丸やWooCommerce プラグインのデザインの上書き用CSSなど、「追加 CSS」に記述しています。
「追加 CSS」を追加・編集する場合は、以下のボタンからご確認ください。
よく使うデザインスタイルはカスタムブロックスタイル設定
見出しなど、よく使うデザインスタイルは「VK Blocks Pro」のカスタムブロックスタイル設定で登録しています。デザインの統一感を保ちながら、更新や調整もラクラクです。
お問い合わせフォームについて
このデモサイトでは、お問い合わせフォームに「Snow Monkey Forms」プラグインを使用しています。シンプルかつ柔軟な設定が可能で、ちょっとしたフォームに最適です。以下の作成手順をもとに、必須のメールアドレスなど入力してください。
もちろん、普段お使いのフォームプラグイン（Contact Form 7など）に差し替えていただくことも可能です。お好みや運用スタイルに合わせてご自由にカスタマイズしてください。
その他注意事項など
「Age Gate」 プラグインについて
本デモサイトでは、酒類販売サイトにおける実装例の一つとして 「Age Gate」 プラグインを有効化していますが、すべてのサイトに必須というわけではありません。
酒類を取り扱わないサイトや、年齢制限が不要な用途でご利用される場合は、該当プラグインを無効化してご利用ください。
固定ヘッダーについて
本サイトのメインエリア上部には、常時表示される固定ヘッダーを設置しています。この固定ヘッダーは、固定表示ブロックの中に配置しています。
テーマ側にも Fixed Header 用のスタイルは用意されていますが、
WooCommerce のミニお買い物カゴブロックを同一ページ内に複数設置できないため、通常のヘッダーと Fixed Header を同時に使用することができません。
そのため本デモサイトでは、固定表示ブロックを用いることで、ヘッダーを常時表示する構成を採用しています。
サポート・お問合せ
デモサイトのサポート・お問い合わせ先は販売形態によって異なります。下記リンクからご確認ください。