ESSENCE(エッセンス)オリジナルテンプレートのテンプレート「Simple」「Natural」「Corporate」「Magazine」「LP」の導入方法についてのマニュアルです。

テンプレート「Simple」「Natural」「Corporate」「Magazine」「LP」の導入方法

テンプレート「Simple」「Natural」「Corporate」「Magazine」「LP」の導入方法

公開日:2021/10/19 / 最終更新日:2024/05/01

ここでは、導入についての手順を説明します。

慣れない方は大変かもしませんが、よく読んで手順通りに進めてください。
スマホで撮って印刷してインストールもOKです。

Basicタイプの導入方法は異なります。Basicタイプのマニュアルはこちらです。

シリアルコードについて

テンプレートは1つのシリアルコードにつき、1サイトの作成が可能です。
複数のサイトを作成されたい場合は、シリアルコード発行:59,800円(税込)/1サイトとなります。

※シリアルコードを入力し、アクティベートされた後にドメインの変更、SSL化、別のテンプレートタイプへの変更を行う場合、サポートにてシリアルコードの再発行が必要となります。マニュアルに沿って、シリアルコードの入力は、公開前にお願いいたします。

導入にあたっての注意点

1.このテンプレートでのWordPress・phpそれぞれの動作確認済バージョンはこちらで確認できます。

 

 

2.導入は必ずこのマニュアルの順に行ってください。
本テンプレートはWordpress の自動インストール機能のあるサーバーへの導入を推奨しております。Wordpress 導入が推奨されていない、自動インストールがないサーバーの場合には、推奨されている自動インストールがあるサーバーへの移動をおすすめします。
サーバーの変更や自動インストールがないサーバーでの手動でのインストールをされたい方は、
サーバー会社にお尋ねになるか、弊社での相談、作業代行もしておりますので、お気軽にご連絡下さい。

 

 

3.スマホでの導入が可能です。スマホで導入される場合、このマニュアルの管理画面の見え方が少し異なる場合があります。

※スマホでの見え方が大きく異なる場合や、補足が必要な場合は手順中に記載しています。

スマホを2台以上もしくはスマホとタブレット等をお持ちの場合、 片方でマニュアルを開き、もう片方で操作を行うと、操作しやすいかと思います。

 

 

4.ダウンロードページから、以下の2 つのファイルをダウンロードしてください。

 ① zipファイル

※テーマファイルです。解凍する必要はありません

2024.4.30以前に購入された方は、お手数ですがzipファイルをダウンロードし直してください(改修により古いzipではこのマニュアルの手順でテーマを有効化できません)

 

 ② xmlファイル

※後にインポートで使用するファイルです。

 

スマホで導入される方は、スマホにダウンロードしてください(該当ファイルをタップするとダウンロードされます。確認画面が表示される場合があります)

 


 

 

では早速導入を始めましょう

1 | WordPress 本体のインストール

1.サーバーのドメイン直下に「wp」というディレクトリ(フォルダ)を作成して、その中に、WordPress 本体をインストールしてください

※現在すでに「wp」ディレクトリが存在する場合は、別の名前でディレクトリを作成してください。(このマニュアルで「wp」と表現している箇所は作成したディレクトリ名に置き換えて作業を進めてください)

【例】

https://essence.run/

というドメインの場合は、

https://essence.run/wp/

の中にWordpress本体が入ることになります。

 

※多くのサーバーで、WordPress の自動インストール機能があります。
自動インストール機能を利用すると簡単にインストールすることができます

※スマホで導入される方は、自動インストール機能を使用してください。

「wp」フォルダの中にWordpress を設置し、
サイト作成中はwp(例の場合は、https://essence.run/wp/)で表示されますが、
最終的にドメインのみのURL(例の場合は、https://essence.run)で
サイトが表示されるように設定していきます。

 

2 | テーマのアップロードと有効化

1.Wordpress 管理画面にログインしてください。
※WordPressログイン画面にアクセスするには、サイトのURLの末尾に/login/、/admin/、または /wp-login.phpを追加します。

 

2.左メニューの「外観」→「テーマ」をクリックします。

スマホで導入されている方へ

スマホの場合は、左メニューが畳まれています。

 

3.上に「新しいテーマを追加」というボタンがありますので、クリックします。

 

4.上に「テーマのアップロード」というボタンがありますので、クリックします。

 

5.「ファイルを選択」ボタンをクリックし、ダウンロードしたZIPファイルを選択します。
※解凍する必要はありません。ZIPのまま使用します。

スマホで導入されている方へ

以下のようにzipファイルが見えていますのでダウンロードしたzipファイルをタップします。

※上記はSimpleタイプの例です。

 

6.「今すぐインストール」ボタンをクリックします。
※上記はSimpleタイプの例です。

 

7.完了すると、「テーマのインストールが完了しました。」と表示されますので、「有効化」をクリックします。

 

8.有効化されると、「新しいテーマを有効化しました。」と表示され、有効化されたテーマが「有効」となります。

※上記はSimpleタイプの例です。

 

3 | プラグインのインストール

1.左メニューの「プラグイン」をクリックします。

 

2.プラグインをインストールしていきます。
インストールするプラグインは複数あります。順にインストール&有効化していきます。
各プラグイン名の右側に「コピー」ボタンがあります。クリックするとクリップボードに文字をコピーします。検索時に使用してください(手順は後述します)
スマホで別の機種でマニュアルを開いている方へ
プラグインのインストールの作業は、管理画面を開いているスマホにも別タブでマニュアルを表示させコピーボタンを利用するとスムーズです。

 

■Classic Editor
①上の方にある「新規追加」をクリックします。
※スマホで導入されている方は、左メニューの「プラグイン」>「新規プラグインを追加」をタップしてください。)

 

②このマニュアルの上の「コピー」をクリックします(文字をコピーするとメッセージが表示されます)

 

右側にキーワード入力欄がありますので、コピーした文字を貼り付けます。
Windowsの場合はctrl+cで貼り付けができます。
Macの場合はcommand + Vで貼り付けができます。
スマホの場合は、長押しして「ペースト」してください。
すると、下に以下のように「Classic Editor」のプラグインが表示されますので、「今すぐインストール」をクリックします。

 

スマホで導入されている方へ

以下の赤枠にペーストしてください。下にプラグインが表示されています。

④次に有効化します(インストールは、ファイルをダウンロードしただけで有効になっていませんので有効にする必要があります)
以下の赤枠部分をクリックしてください。

 

⑤自動的にプラグイン一覧に戻ります。
以下のように青背景で表示されていれば、正しく有効化されています。

 

残りのプラグインをインストール&有効化していきます。
手順は上記①~⑤と同じです。
検索時、複数のプラグインが表示されますので、画像を参考にしてインストール&有効化してください。
(プラグイン名も各プラグイン名をコピー&貼り付けしてください)

 

Contact Form 7

 

Breadcrumb NavXT

 

Custom Permalinks
※一番上に出ていない可能性があります。

 

Easy FancyBox

 

■WP Multibyte Patch

 

■No Category Base (WPML)
※テンプレート「LP」は対象外です。

 

■BackWPup

 

WP-PostViews
※テンプレート「Magazine」のみに必要なプラグインです。その他のテンプレートの方は次に進んでください。
必ず必要なプラグインは以上です。

 

必ず必要なプラグインはインストールできました。
次に、あれば便利なプラグインを紹介します。
どのようなプラグインか説明しますので、インストールされる方はインストール&有効化してください。
以下のプラグインの追加は導入後でもサイト公開後でも可能です。

 

■AddToAny Share Buttons
※テンプレート「LP」は対象外です。
※ブログにSNSボタンを表示します↓(表示するボタンは管理画面から好きに選択できます)
↓検索時

 

Pz-LinkCard
※テンプレート「LP」は対象外です。
※ブログ投稿時、リンクを貼りたい時にブログカード形式で表示できます↓
↓検索時
プラグイン有効化の後に下記のような表示があれば
「非表示にする」を押してください。

 

日本語設定

左メニューに「Contact」または「お問い合わせ」があります。(どちらも見えていない方は、左メニュー一番上の「ダッシュボード」をクリックしてみてください)

※どちらかの表記になっています。

「お問い合わせ」になっている方は、次の項目「5|不要ファイルの削除」に進んでください。

「Contact」になっている方は日本語に変換していきます。

 

1.左メニューの「ダッシュボード」をクリック、その中の「更新」をクリックします。

 

2.下の方に「翻訳を更新」ボタンがありますのでクリックします。

 

3.「翻訳が正常に更新されました」と表示されますので、「WordPress 更新ページへ移動」をクリックします。

 

4.「お問い合わせ」になりました。

 

 

4 | 不要ファイルの削除

固定ページの不要ファイル
1.左メニューの「固定ページ」をクリックします。

 

2.「サンプルページ」と「プライバシーポリシー」がありますので、それぞれ「ゴミ箱へ移動」をクリックします。

 

3.「ゴミ箱」をクリックします。

 

4.「完全に削除する」をクリックします。

 

5.ページが削除されました。
※プライバシーポリシーページも完全に削除してください。

 

お問い合わせの不要ファイル
1.左メニューの「お問い合わせ」をクリックします。

 

2.「コンタクトフォーム1」がありますので、「編集」をクリックします。
※英語表記(contact form1)になっている場合があります。

 

3.「削除」をクリックします。
※確認ダイアログが出ますので、「OK」をクリックしてください。

 

4.「コンタクトフォーム1」が削除されました。

 

5 | データのインポート

1.左メニューの「ツール」→「インポート」をクリックします。

 

2.「Wordpress」の下の「今すぐインストール」をクリックします。
3.「インストール中」から「インポーターの実行」に変わりますのでクリックします。

 

4.「ファイルを選択」をクリックします。

 

5.ファイルのダイアログボックスが開きますので、お渡ししたデータ「wordpress.○○○○.xml」を選択し、「開く」をクリックします。

※「〇〇〇〇」にはテンプレート名が入ります。

 

6.選択したファイル名が表示されます。
「ファイルをアップロードしてインポート」をクリックします。

 

7.「あるいは投稿を既存のユーザーに割り当てる」の選択をクリックし、ログインしたユーザー名を選択し、「添付ファイルをダウンロードしてインポートする」にチェックを入れ、「実行」をクリックします。

※画像は、ユーザー名が「testsite」の例です。

 

8.インポートが終了すると以下の画面が表示されます。
※インポートは、しばらく時間(数分~数十分程)がかかります。

 

6 | 各種設定

パーマリンク設定

1.左メニューの「設定」→「パーマリンク設定」をクリックします。

 

2.「カスタム構造」の右側の枠内に以下の文字をコピーして貼り付けてください。自動的に「カスタム構造」の左にチェックが入ります。

/%category%/post-%post_id%/

「変更を保存」をクリックします。

 

表示設定
1.左メニューの「設定」→「表示設定」をクリックします。

 

2.「固定ページ」にチェック、ホームページは「トップページ」を選択、投稿ページは「ブログ」を選択し、「変更を保存」をクリックします。

※テンプレート「LP」には、「ブログ」がありませんので、「ホームページ」のみ設定してください。

キャッチフレーズの削除

1.左メニューの「設定」→「一般」をクリックします。

 

2.キャッチフレーズ欄に以下の文言が入っているので消して「変更を保存」をクリックします。

※比較的新しいWordPressは何も入っていませんので、入っている場合のみ消してください。(一見入っているように見える場合もあります。文字の最後にカーソルを当てて一番左にカーソルがくる場合は何も入っていません)

 

パンくずの設定

1.左メニューの「設定」→「Breadcrumb NavXT」をクリックします。

2.「ホームページパンくず」の「ホームページテンプレート」の以下の箇所の「%htitle%」を「トップページ」に修正します。

3.下に「変更を保存」がありますので、クリックして保存します。

 

プラグイン「AddToAny Share Buttons (シェアボタン)」の設定

※プラグインをインストールされた方のみです。(あとでインストールされる方は、インストールした後にこの設定を行ってください)

※全ての記事にソーシャルボタンを表示しない方はプラグインを停止してください。→停止の方法

※英語表記になっている場合は先に日本語設定をお願いします。

※テンプレート「LP」は設定不要です。「9 | サイトを確認する」に進んでください。

 

1.左メニューの「設定」→「AddToAny」をクリックします。

2.「サービスの追加/削除」をクリックします。

 

3.下に一覧が表示されますので、追加したいソーシャルボタンをクリックします。
クリックすると赤枠部分に表示されます。赤枠部分に表示されているものがサイトに表示されます。
赤枠部分のボタンを削除したい場合は、下のボタン一覧から削除したいボタンをクリックすると赤枠部分から削除されます。

 

4.「ブックマークボタンの場所」を「上部&下部」に変更し、以下の青枠部分のチェックを外し、変更を保存をクリックします。

 

AddToAny Share Buttons (シェアボタン)プラグインを停止する方法
一度インストールしたけど、やはりいらない…という場合はプラグインを停止してください。
1.左メニューの「プラグイン」をクリックします。
2.「AddToAny Share Buttons (シェアボタン)」の「無効化」をクリックします。

 

メニューの設定

1.左メニューの「外観」→「メニュー」をクリックします。

 

2.「編集するメニューを選択」から「global」を選び、「選択」をクリックします。

 

3.メニュー名が「global」になっていることを確認し、メニューの位置の「グローバル」にチェックを入れ「メニューを保存」をクリックします。
↓このように表示されます。

 

この作業で、「global」と「グローバル」を紐づけました。

 

4.上記と同じ要領で、以下の組み合わせも紐づけて下さい。(手順は2~3の繰り返し)
  • 「footer」→「フッター」
  • 「footer_oyako」→「フッター親子」
  • 「head」→「ヘッダー横」
  • 「side」→「サイド」

※Magazineタイプは、「footer_oyako」が無く、「sitemap_oyako」があります。紐づけは「サイトマップ親子」です。

 

5.全て設定が完了したら以下のように表示されます。

 

 

7 | サイトを確認する

1.サイトを見てみましょう。

管理画面左上のサイト名にマウスを乗せると「サイトを表示」が出てきますので、クリックします。

※上記画像は「テンプレート」という名前のサイト名です。

各自設定しているサイト名が表示されています。

 

サイトが表示されていますか?

 

 

この時点でサイトの色はタイプ毎の初期値の色になっていますので、選択したサンプルサイトの色とは違う場合があります。
サイトの色は管理画面の左メニューの「基本情報」「サイト全体」から変更できます。
導入が終わったらお好きな色に変更してください。

 

 

 

管理画面の動作確認

動作確認をしてきます。管理画面に戻ります。

コンテンツ移動の確認

1.左メニューの「トップページ」をクリックします。

2.少しスクロールすると、以下の目次がありますので、「1.会社や事業内容のコンセプトなど」をクリックします。

※タイプBは「2.会社や事業内容のコンセプトなど」を選択してください。

以下の場所に、画面がスクロールすればOKです!

このテンプレートでは、コンテンツが多いページではこのようにスクロールメニューを用意しておりますので、活用してください。

 

並び替えの確認

1.少し下に「コンテンツの並び替え」があります。

※タイプB・Cは並び替えコンテンツ名や数が異なりますが、ドラッグアンドドロップの確認だけですので同じように行ってください。

2.マウス(スマホ・タブレットの方は指)でドラッグアンドドロップして順番を入れ替えられるか確認します。

    ↓

順番が入れ替わればOKです!

一部の機種で、ドラッグアンドドロップで入れ替えができない場合があります。
その場合、並び替えをする際は下の「セレクトメニューで並び替えを指定する」ボタンを押してセレクトメニューで並び替えを行っていただくことになります。

 

このテンプレートでは、このようにコンテンツの並び替えができるコンテンツがあります。お好きに並び替えてご使用ください。

※動作確認ですので、保存はしなくて大丈夫です。そのまま次に進んでください。

 

メディアの入れ替え

1.少し下に「2.思いや伝えたいこと」があります。その中に「画像」があります。

今からこの画像を入れ替えます。

「選択」をクリックします。

2.以下の画面が表示されましたか?「メディアライブラリ」をクリックし、適当に画像を選択し、右下の「画像の選択」をクリックします。

3.画像が入れ替わっていればOKです。

このように、既に登録されている画像を選択することも可能です。

※動作確認ですので、保存はしなくて大丈夫です。

 

動作確認は以上です。

左メニューの「ダッシュボード」をクリックしておきます。

 

導入はこれで終了です。
お疲れ様でした!

 

 

■シリアルコードについて

この時点で購入時に発行された「シリアルコード」をまだ入力していません。
WordPressにログインしている状態であればサイトを閲覧することができますが、ログインしていない状態でサイトを閲覧しようとすると「メンテナンス中」と表示されます。
この後、「操作マニュアル」にてサイト構築を行っていただきます。
全てのページの構築が完了しましたら、シリアルコードを有効にしてサイト公開を行っていただく手順が操作マニュアルの中にありますので、手順通り進めていってください。
※「インストール作業付き 初心者向けプラン」でご購入されたお客様は、シリアルコード入力済みとなっておりますので、ログインしていない状態でもサイトは閲覧可能となっております。
クリップボードにコピーしました

閉じる

絞り込む