EDGEテーマの設置を日本語化してみた

EDGEテーマのマーク

この元になるサイトは、以下のアドレスです。ここのページを翻訳してみました。

THEMEFREESIA

Edge Demo Setup

Installation(インストール)

Step 1 WordPressのインストール

このテーマをインストールするには、サーバーにWordPressがインストールされている必要があります。WordPressは簡単にインストールできることで有名です。
http://codex.wordpress.org/Installing.WordPress。WordPressのインストールについては、こちらのリンクをご覧ください。

Step 2 ダッシュボードからのインストール(簡単)

  1. WordPressのダッシュボードにログインします。
  2. 外観]->[テーマ]に移動します。
  3. 新規追加ボタンをクリックします。
  4. Edgeを検索
  5. インストールタブをクリックし、有効化する
  6. これで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 メニューの設定

  1. 外観 > メニュー
  2. 新しいメニューを作成するをクリックして新しいメニューを作成します。
  3. 左側のメニューにページ/カテゴリー/カスタムURLを追加します。
  4. 下のチェックボックスから「メインメニュー」を選択します。

Step 3 ソーシャルアイコンの設定

  1. 外観 > カスタマイズ > エッジテーマオプション > ソーシャルアイコンを選択します。
  2. ソーシャルアイコンを追加し、公開ボタンをクリックします。

Step 4 トップ情報の設定

ダッシュボード > 外観 > ウィジェット > TF:お問い合わせウィジェットをヘッダーに表示する。

Importing the Demo Content(デモ・コンテンツのインポート)


注:このデモインポータープラグインは無料ユーザー専用です。無料テーマをお使いの場合は、無料の説明ページからインポータープラグインをダウンロードしてください。だから我々は、無料ユーザーのための無料のデモインポーターとプラスユーザーのためのプラスのデモインポーターを使用することをお勧めします。また、このインポータープラグインは、自分のウェブサイトから失うものは何も持っていない新鮮なテーマのためのものです。あなたが既存のサイトを持っている場合は、ダミーのコンテンツをインポートするには、このプラグインを使用しないでください。

  1. WooCommerce プラグインと Contact Form 7 プラグインをインストールしてください。
  2. Theme Freesia Demo Import をダウンロードし、プラグインとしてインストールします。
  3. ダッシュボード > 外観 > デモデータのインポートをクリックします。
  4. デモデータのインポートをクリック

デモコンテンツをインポートしたら、One Click demo Importプラグインを削除します。

 

Setup Frontpage as in Demo(デモのようにフロントページをセットアップする)

機能のセットアップ

ダッシュボード > ページ > 新規追加から特集ページを作成します。

ページ作成後 ダッシュボード > 外観 > カスタマイズ > Edge Theme Options > Display frontpage Features > Select Feature page 今作成したばかりの特集ページを選択する。

Frontpage Features

 

Custom CSS

テーマのCSSを上書きするカスタムCSSを追加することができます。ダッシュボード > 外観 > カスタマイズ > 追加CSS

 

Slider Setting(スライダーの設定)


  1. ダッシュボード > ページ > 新規追加 > ページタイトル、コンテンツ、注目画像を追加 > 公開/更新をクリックします。
  2. ダッシュボード > 外観 > カスタマイズ > エッジスライダーオプション > スライダー設定
  3. スライダーを有効にするには、[スライダーを有効にする]で[フロントページ]または[サイト全体]を選択します。
  4. 再びダッシュボード > 外観 > カスタマイズ > エッジスライダーオプション > ページスライダーを表示します。
  5. ページスライダーでページを選択 #
  6. 保存して公開をクリックします。

 

Layout Options(レイアウト・オプション)


  1. ダッシュボード > 外観 > カスタマイズ > エッジテーマオプション > レイアウトオプションに移動します。
  2. レスポンシブ・レイアウトのオン/オフを選択
  3. 画像表示の大・中を選択
  4. ブログページのエントリーフォーマットを無効にする
  5. ブログページのエントリーメタを無効にする
  6. デザインレイアウトを全幅レイアウト、ボックスレイアウト、スモールボックスレイアウトに設定する

 

Edge Options(エッジ・オプション)


  1. ダッシュボード > 外観 > カスタマイズ > Edgeテーマオプション > Edgeオプションに移動します。
  2. 検索フォームを無効にする
  3. スティックメニューを無効にする
  4. トップに戻るを無効にする
  5. トップソーシャルアイコンを無効にする
  6. ボタンのソーシャルアイコンを無効にする
  7. 保存&公開をクリック

 

 

Set Contact page(連絡先ページを設定する)


  1. ダッシュボード > ページ > 新規追加
  2. googleのiframeコードをエディタに追加します。
  3. ページの右側から連絡先テンプレートを選択します。
  4. 更新/公開をクリック

Contact Form 7 を表示するためにコンタクト情報ショートコードを追加するには
ダッシュボード > 外観 > ウィジェット > テキストウィジェットをドラッグ > コンタクトページサイドバー用ショートコード & iframeコードを追加

Contact Form Shortcode

サイドバーに連絡先を追加するには
ダッシュボード > 外観 > ウィジェット > TFをドラッグ:お問い合わせウィジェット > お問い合わせページのサイドバー&連絡先情報を記入してください。

 

Recommended Plugins(推奨プラグイン)


  1. Jetpack for Gallery & many more
  2. Regenerate Thumbnails for Regenerating Thumbnails
  3. Contact Form 7 for Contact Us page
  4. WP-PageNavi for Numeric Pagination
  5. Polylang for multilanguage
  6. bbPress for Support Forum
  7. Breadcrumb NavXT
  8. wooCommerce for your Shopping Site
  9. Recent Posts Widget With Thumbnails for thumbnail post to display on widgets

Download Edge Child Theme(Edge 子テーマをダウンロード)


子テーマはとても重要です。子テーマは、テーマをアップグレードする機能を失うことなく、既存のWordPressテーマをカスタマイズまたは微調整したい場合によく使用されます。
Download Now!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA