Comments
Description
Transcript
特典テンプレート使用マニュアル
特典テンプレートの設定方法 目次 3~14P Wordpressテンプレートの設定方法 15P~17P livedoorテンプレートの設定方法 18P~21P FC2テンプレートの設定方法 Wordpressテンプレートの設定方法 Wordpressテンプレートの設定方法 この作業を行う前に、wordpressのインストールを済ませておいてください。 1.テーマのインストール wordpressのインストール後、管理画面にログインします。 サイドメニューの「外観 > テーマ」を選択します。 テーマ一覧画面の「新規追加」をクリックします。 「テーマのアップロード」ボタンをクリックし、特典テンプレートを アップロードし、インストールします。 ※テーマのアップロードはZIPファイルなどの圧縮されたファイルのみです。 特典テンプレートのファイルを解凍せずアップロードしてください。 2.テーマの有効化 テーマのインストールが完了したら、先ほどのテーマ一覧画面で使用したい テーマを選択し、「有効化」します。 3.初期設定 テーマの有効化が完了したら、サイトの初期設定を行います。 テーマの有効化後、サイドメニューに「初期設定」ボタンが表示されますので クリックしてください。 ※スマホ用テンプレートには初期設定ボタンがありません。 スマホ用テンプレートを使用される場合は「マルチデバイス」などのプラグインを 使用し、スマホ用のテンプレートを設定してください。 この際、PC用のテーマは特典用のテンプレートをご使用されると設定が不要です。 3-1. ロゴの設定 サイトのロゴの設定をします。画像については事前にご自身でご用意ください。なおテーマによって必要な画像のサイズが異 なります。 ロゴ画像を用意したら、管理画面の指示に従って画像をアップロードしてください。 画像をアップロード後、左の画面が表示されますので、「フルサイズ」にチェック をいれ、「投稿に挿入」ボタンを押してください。 3-2. 背景画像の登録 背景画像の登録をします。特に設定をしなければ白の背景が表示されます。 登録の方法は、サイトロゴの登録と同じです。 画像はPCのサイズに合わせて、自動で繰り替えし使用されます。背景色を変更 したい場合は、その色の画像を用意すれば背景がそのカラーに変更されます。 3-3. アドセンス広告・相互RSSの登録 引き続き初期設定画面で、アドセンス広告、相互RSSの登録をしていきます。 アドセンスは事前に登録・審査を完了させ、コードを発行させておいてください。 相互RSSはライブドア相互RSSを推奨しています。事前に登録し、コードを発行させておいてください。 コード貼り付け後、「変更を保存」ボタンを押してください。 ※アドセンスの審査がまだ終わっていない場合は、コードを貼り付けることができないので、空白にしておいてください。審査が完了する場合、広告欄が空白でも 不自然でないテンプレートの使用を推奨します。 また、まとめサイトの場合、アドセンス審査が通らないことがあります。その場合は普通のブログテンプレートで審査をするか、別の広告サービスやアフィリエイト コードを貼り付けてください。 3-4. Google アナリティクスの設定 Googleアナリティクスの設定をします。これはGoogleアナリティクスが提供する無料のアクセス解析ツールです。事前に登録を 済ませコードを発行し、貼り付けて保存してください。特に必要ない場合は設定不要です。 3-5. ページタイトルの設定 ページタイトルと、メタディスクリプションの設定です。これはGoogleなどで検索されたときに表示される内容ですので、よく考え て登録しましょう。 3-6. その他設定 検索エンジンの表示設定は、Googleなどの検索エンジンで表示されないようにするものです。サイト作成中の場合などに使わ れることがありますが、通常はチェックは不要です。 パーマリンク設定は、記事ページなどのURLを設定できます。特にわからない場合は、デフォルトのままで問題ありません。 3-6. その他設定 検索エンジンの表示設定は、Googleなどの検索エンジンで表示されないようにするものです。サイト作成中の場合などに使わ れることがありますが、通常はチェックは不要です。 パーマリンク設定は、記事ページなどのURLを設定できます。特にわからない場合は、デフォルトのままで問題ありません。 3-7. ウィジェット設定 初期設定が完了したら、ウィジェットの設定を行います。 ウィジェットでは、左サイドメニュー、右サイドメニュー、人気の記事などの設定ができます。 ドラッグ&ドロップ headerには、左側の「利用できるウィジェット」の「人気記事一覧」をドラッグ&ドロップします。テンプレート指定の位置に人気 の記事が表示されます。人気の記事が不要な場合はheaderから削除してください。人気の記事はheader専用です。 ※人気の記事はキャッシュ系のプラグインを導入するとPVのカウントをしないため、利用の際はどちらか片方のみを使用してください。 side_widgetは左側のサイドメニューです。サイドメニューに表示したい内容を「利用できるウィジェット」から選択し、ドラッグ& ドロップしてください。 side_widget2は右側のサイドメニューです。サイドメニューに表示したい内容を「利用できるウィジェット」から選択し、ドラッグ &ドロップしてください 3-8. メニューの設定 サイドメニューの「外観 > メニュー」からメニューの設定をします。 まずは任意の名前をつけ、メニューを作成します。 左側からメニューに表示したい内容を選択して追加します。「固定ページ」「カテゴリ」は事前にサイドメニューからページおよび カテゴリを作成しておく必要があります。カテゴリは、「投稿 > カテゴリ」から作成できます。 リンクは直接ページのアドレスを入力できます。メニューが追加できたら「Header Menu」にチェックをいれ保存します。 設定完了 以上でwordpressのまとめサイトが作成されました。 プラグインなどを追加するとより、機能を追加できるので、いろいろ試してみてください。 ただし、プラグインによっては既存の機能とバッティングしてしまい、表示や機能に悪影響を及ぼすケースがございますので、 使用には注意してください。 livedoorテンプレートの設定方法 livedoorテンプレートの設定方法 この作業を行う前に、livedoorブログの登録を完了しておいてください。 1.テーマのインストール ブログのマイページの「ブログ設定 > PC > カスタマイズ」画面に行きます。 2.テーマのコピペ 特典テンプレートのファイルの中身をコピペしていきます。 特典テーマファイル内のCSSフォルダの中身のファイルをメモ帳などで開 き、管理画面のCSSという箇所を全て差し替えます。 同様に「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アー カイブ」の内容を、管理画面の該当箇所にコピペします。 3.広告・相互RSSの登録 「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」内にある該当箇所に広告や相互RSSのコードを 貼り付けます。アドセンスは事前に登録・審査を完了させ、コードを発行させておいてください。 相互RSSはライブドア相互RSSを推奨しています。事前に登録し、コードを発行させておいてください。 各ページ内にこのような文字列があるので、この内側にコードを貼り付けてください。 <!--広告コード貼り付け(728_90) ここから--> ここにコードを貼り付けます。 <!--広告コード貼り付け ここまで--> 728_90は広告サイズです。サイズにあったコードを貼り付けてください。同様に相互RSSのチャンネル挿入部分があるの で同じようにコードを貼り付けてください。「トップページ」「個別記事ページ」「カテゴリアーカイブ」「月別アーカイブ」ページ で登録が必要です。 4.サイトロゴの設定 ブログのマイページの「ブログ設定 > PC > タイトル背景」画面に行きます。 かんたんタイトル画像にサイトロゴの画像をアップロードします。360px×90pxが推 奨です。 5.背景の設定 背景画像を設定したい場合はこちらにアップロードします。 色のみの画像をアップロードすると背景がそのカラーになります。 以上でブログ設定は完了です。ブログパーツなどを自由にカスタマイズし、オリジナルのまとめサイトを作成してみてください。 FC2テンプレートの設定方法 FC2テンプレートの設定方法 この作業を行う前に、FC2ブログの登録を完了しておいてください。 1.テーマのインストール ブログの管理画面の「テンプレート(PC)」画面に行きます。 2.テーマのコピペ html 特典テンプレートのファイルの中身をコピペしていきます。 特典テーマファイル内のCSSフォルダの中身のファイルをメモ帳などで開 き、管理画面のCSSという箇所を全て差し替えます。 同様に「html」ファイルの内容を、管理画面の該当箇所にコピペします。 3.広告・相互RSSの登録 html内にある該当箇所に広告や相互RSSのコードを貼り付けます。ア ドセンスは事前に登録・審査を完了させ、コードを発行させておいてくだ さい。 相互RSSはライブドア相互RSSを推奨しています。事前に登録し、コー ドを発行させておいてください。 各ページ内にこのような文字列があるので、この内側にコードを貼り付 けてください。 <!--広告コード貼り付け(728_90) ここから--> ここにコードを貼り付けます。 <!--広告コード貼り付け ここまで--> 728_90は広告サイズです。サイズにあったコードを貼り付けてくださ い。同様に相互RSSのチャンネル挿入部分があるので同じようにコード を貼り付けてください。 css 4.サイトロゴの登録 管理画面サイドメニューの「ファイルのアップロード」に移動します。 画面右側の箇所からサイトのロゴ画像をアップロードします。推奨サイズ は360px × 90pxです。 5.サイトロゴ画像のURLの取得 アップロード後、画面下部にアップロード済みの画像が一覧で表示されま す。ロゴのURLをコピーします。 6.サイトロゴURLの貼り付け 再度ブログの管理画面の「テンプレート(PC)」画面に行きます。 htmlコードの中から下記の場所を探します。 <!--ロゴ画像の設定--> <img src="http://placehold.jp/360x90.png" alt="<%blog_name>"> この部分のURL箇所を先ほどアップロードした画像のURLに変更します。 <!--ロゴ画像の設定--> <img src="ここに画像のURLを貼り付けます" alt="<%blog_name>"> 更新ボタンを押せば、サイトロゴの設定が完了です。 これでまとめサイトが完成しました。