...

特典テンプレート使用マニュアル

by user

on
Category: Documents
15

views

Report

Comments

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>">
更新ボタンを押せば、サイトロゴの設定が完了です。
これでまとめサイトが完成しました。
Fly UP