この元になるサイトは、以下のアドレスです。ここのページを翻訳してみました。
Edge Demo Setup
Installation(インストール)
Step 1 WordPressのインストール
http://codex.wordpress.org/Installing.WordPress。WordPressのインストールについては、こちらのリンクをご覧ください。
Step 2 ダッシュボードからのインストール(簡単)
- WordPressのダッシュボードにログインします。
- 外観]->[テーマ]に移動します。
- 新規追加ボタンをクリックします。
- Edgeを検索
- インストールタブをクリックし、有効化する
- これでEdgeテーマの使用準備が整いました
Step 3 FTPを使用した手動インストール (上級者向け)
- まず、https://wordpress.org/themes/edge/ からzipファイルをダウンロードする。
- あなたのPCでedge.zipファイルを解凍します。
- お気に入りのFTPクライアント(CyberduckやFileZillaなど)を使用して、ホストのウェブサーバーにアクセスします。
- public_html/wp-content/themes/edge(フォルダ)内にフォルダごとアップロードしてください。
- WP管理画面にログインし、「外観」→「テーマ」タブをクリックします。
Header Setup(ヘッダーセットアップ)
Step 1 ロゴ/ファブアイコン/ウェブアイコンのアップロード
ダッシュボード > 外観 > カスタマイズ > エッジWordPress設定 > サイトタイトルとロゴオプション > サイトアイコンとサイトロゴをアップロードする
Step 2 メニューの設定
- 外観 > メニュー
- 新しいメニューを作成するをクリックして新しいメニューを作成します。
- 左側のメニューにページ/カテゴリー/カスタムURLを追加します。
- 下のチェックボックスから「メインメニュー」を選択します。
Step 3 ソーシャルアイコンの設定
- 外観 > カスタマイズ > エッジテーマオプション > ソーシャルアイコンを選択します。
- ソーシャルアイコンを追加し、公開ボタンをクリックします。
Step 4 トップ情報の設定
ダッシュボード > 外観 > ウィジェット > TF:お問い合わせウィジェットをヘッダーに表示する。
Importing the Demo Content(デモ・コンテンツのインポート)
注:このデモインポータープラグインは無料ユーザー専用です。無料テーマをお使いの場合は、無料の説明ページからインポータープラグインをダウンロードしてください。だから我々は、無料ユーザーのための無料のデモインポーターとプラスユーザーのためのプラスのデモインポーターを使用することをお勧めします。また、このインポータープラグインは、自分のウェブサイトから失うものは何も持っていない新鮮なテーマのためのものです。あなたが既存のサイトを持っている場合は、ダミーのコンテンツをインポートするには、このプラグインを使用しないでください。
- WooCommerce プラグインと Contact Form 7 プラグインをインストールしてください。
- Theme Freesia Demo Import をダウンロードし、プラグインとしてインストールします。
- ダッシュボード > 外観 > デモデータのインポートをクリックします。
- デモデータのインポートをクリック
デモコンテンツをインポートしたら、One Click demo Importプラグインを削除します。
Setup Frontpage as in Demo(デモのようにフロントページをセットアップする)
機能のセットアップ
ダッシュボード > ページ > 新規追加から特集ページを作成します。
ページ作成後 ダッシュボード > 外観 > カスタマイズ > Edge Theme Options > Display frontpage Features > Select Feature page 今作成したばかりの特集ページを選択する。

Custom CSS
テーマのCSSを上書きするカスタムCSSを追加することができます。ダッシュボード > 外観 > カスタマイズ > 追加CSS
Slider Setting(スライダーの設定)
- ダッシュボード > ページ > 新規追加 > ページタイトル、コンテンツ、注目画像を追加 > 公開/更新をクリックします。
- ダッシュボード > 外観 > カスタマイズ > エッジスライダーオプション > スライダー設定
- スライダーを有効にするには、[スライダーを有効にする]で[フロントページ]または[サイト全体]を選択します。
- 再びダッシュボード > 外観 > カスタマイズ > エッジスライダーオプション > ページスライダーを表示します。
- ページスライダーでページを選択 #
- 保存して公開をクリックします。
Layout Options(レイアウト・オプション)
- ダッシュボード > 外観 > カスタマイズ > エッジテーマオプション > レイアウトオプションに移動します。
- レスポンシブ・レイアウトのオン/オフを選択
- 画像表示の大・中を選択
- ブログページのエントリーフォーマットを無効にする
- ブログページのエントリーメタを無効にする
- デザインレイアウトを全幅レイアウト、ボックスレイアウト、スモールボックスレイアウトに設定する
Edge Options(エッジ・オプション)
- ダッシュボード > 外観 > カスタマイズ > Edgeテーマオプション > Edgeオプションに移動します。
- 検索フォームを無効にする
- スティックメニューを無効にする
- トップに戻るを無効にする
- トップソーシャルアイコンを無効にする
- ボタンのソーシャルアイコンを無効にする
- 保存&公開をクリック
Set Gallery page(ギャラリーページを設定)
- ダッシュボード > ページ > 新規追加に進む
- メディアを追加をクリック
- ギャラリーの作成
- ギャラリーに表示する画像のリストを選択します。
- 新しいギャラリーの作成をクリック
- ギャラリーテンプレートを選択
- 更新/公開をクリック
注:私たちのデモサイトのようにギャラリーを設定するには、 jetpack プラグイン をインストールする必要があります。デモのようにギャラリーを表示するには、jetpackプラグインをインストールし、jetpackでタイルギャラリーカルーセルを有効にする必要があります。
リンク1 と リンク2を見る

Set Contact page(連絡先ページを設定する)
- ダッシュボード > ページ > 新規追加
- googleのiframeコードをエディタに追加します。
- ページの右側から連絡先テンプレートを選択します。
- 更新/公開をクリック
Contact Form 7 を表示するためにコンタクト情報ショートコードを追加するには
ダッシュボード > 外観 > ウィジェット > テキストウィジェットをドラッグ > コンタクトページサイドバー用ショートコード & iframeコードを追加

サイドバーに連絡先を追加するには
ダッシュボード > 外観 > ウィジェット > TFをドラッグ:お問い合わせウィジェット > お問い合わせページのサイドバー&連絡先情報を記入してください。
Recommended Plugins(推奨プラグイン)
- Jetpack for Gallery & many more
- Regenerate Thumbnails for Regenerating Thumbnails
- Contact Form 7 for Contact Us page
- WP-PageNavi for Numeric Pagination
- Polylang for multilanguage
- bbPress for Support Forum
- Breadcrumb NavXT
- wooCommerce for your Shopping Site
- Recent Posts Widget With Thumbnails for thumbnail post to display on widgets
Download Edge Child Theme(Edge 子テーマをダウンロード)
子テーマはとても重要です。子テーマは、テーマをアップグレードする機能を失うことなく、既存のWordPressテーマをカスタマイズまたは微調整したい場合によく使用されます。
Download Now!
でこ家ブログ