ココログ@niftyテンプレートのdecoweb > 編集方法 > テンプレート設定方法

テンプレート設定方法

ダウンロードしたデータは解凍できたかな?

ここではダウンロードしたテンプレートをココログ@nifty管理ページから設定する方法を教えます。

Step1 - 新規テンプレートの作成

管理ページにログインし、『ブログ』から『デザイン』を選択。
『新規テンプレートの作成』を選択し、新しいテンプレートを作成していきます。

ココログ設定方法イメージ図

ステップ1

decowebからダウンロードしたテンプレートのレイアウト(カラム数)と同じものをチェックします。
選択したらステップ2に進みます。 (※ここでは、左サイドバー付きで説明します。)

ココログ設定方法イメージ図

ステップ2

表示項目を選択します。表示したいものにチェックを入れてください。
選択したらステップ3に進みます。

ステップ3

表示項目の並べ方を決めます。各タイトルをドラックして、好きな位置に配置してください。
配置したらステップ4に進みます。

ステップ4

テーマの作成です。
カスタム・テーマにチェックを入れたら、ステップ5に進みます。

ステップ5

新規テンプレートの名前と、説明を記入します。
テンプレートの名前は一目見てわかるような名前にしておくと便利です。
記入したら、下部右のボタン『このテンプレートを保存して適用』を押してください。

ココログ設定方法イメージ図

デザインの画面に戻るので、ページ下部の『反映』ボタンをおすと、ポップアップウィンドウが出てきます。
反映したいファイル(すべてのファイル)を選択し、もう一度『反映』ボタンを押してください。

ココログ設定方法イメージ図

ポップアップウィンドウ内で、『すべてのファイルを反映しました。』という表示が出たら完了です。
ポップアップウィンドウを閉じて、実際のブログの画面を更新して確認してください。
(※作成したテンプレートはまだデザインが無い状態です。)

ココログ設定方法イメージ図

Step2 - CSSを追加

デザインの画面に戻り、ページ下部の『カスタムCSSを編集』を選択します。

ココログ設定方法イメージ図

ダウンロードしたファイルの内容をコピーし、下図の赤く囲ってあるエリアに貼り付けます。
貼り付けたら、『変更を保存』ボタンを押します。
(※新しくテンプレートを作成した時は、このエリアは空になっています。)

ココログ設定方法イメージ図

もう一度デザインの画面に戻るので、ページ下部の『反映』ボタンを押して、変更を反映させてください。

ココログ設定方法イメージ図

ポップアップウィンドウ内で、『すべてのファイルを反映しました。』という表示が出たら完了です。
ポップアップウィンドウを閉じて、実際のブログの画面を更新して確認してください。

ココログ設定方法イメージ図