初めてブログを開設する方のために、画像を交えて解説します。ブログの登録は説明通りに進めていけば大丈夫だと思いますので省きます。もちろん、パスワードとメールアドレスは、「1.ソフトのダウンロード」の解説で紹介したソフトとフリーメールをお使い下さい。
ここで説明しているのはDTIブログです。FC2の方も参考にはなると思いますので、こちらをご覧になりながら変更してみて下さい。ほとんど同じです。
まずはメール通りの手順でブログにログインしてください。そうすると左図のような画面になります。色がついている、デザインの編集をクリックしてください。左メニューでも上部メニューでもどちらでも同じです。
右メニューの設定変更という項目に、現在のテンプレートが表示されます。紹介している画像とテンプレートが違いますが、それは気にせずに、色がついている公式テンプレートの項目をクリックしてください。
公式テンプレートを追加する画面です。ここでは上書き用のテンプレートをダウンロードするだけなので、一番上に表示されているテンプレートをダウンロードして下さい。画像で色のついている、テンプレートを追加をクリックすれば追加されます。画像とテンプレートが異なっていても問題ありません。
テンプレートを追加をクリックしても何も起こりませんが、ダウンロードできています。テンプレート設定をクリックして確認してみましょう。画像で色のついている部分がダウンロードしたテンプレートです。名称が違っても問題ありません(ダウンロードできていれば)。
次はこのテンプレートにこちらで紹介しているテンプレートを上書きします。修正をクリックしてください。
テンプレートを編集する画面になります。画像はHTML部分の編集画面です。多少の変更ならここから出来ますが、通常はテキストエディタに貼り付けて編集します。プレビューを押すと、このテンプレートを適用した画面になります。変更する場合には、このプレビューを使ってまず動作確認をし、大丈夫ならば隣の更新を押して変更を適用します。
次はスタイルシート部分です。テンプレートはHTML部分とスタイルシート部分にわかれています。もちろん両者は異なる意味を持っていますので、間違えないようにしてください。
次はテンプレートを上書きします。まずはDTIブログ用テンプレート blogtube_basic_xxx 3カラムもしくはDTIブログ用テンプレート blogtube_basic_xxx01 3カラムのエントリからテンプレートのテキストファイルをダウロードしてください。
画像はテンプレートをダウンロードして、テキストエディタで開いた画像です。(メモ帳では開けません。その場合はこちらのTeraPadをオススメします。通常メモ帳は使用しませんので、この機会にテキストエディタを変更しましょう。)
まずはHTMLから上書きします。先ほど開いたテンプレートのHTMLファイルを、Ctrl+Aなどを使って全部選択し、コピーします。
次に編集画面に戻り、HTML部分にカーソルを移動して、こちらもCtrl+Aなどを使って全文選択します。画像は全部選択した状態です。反転表示されていれば選択されています。
ここでCtrl+Vなどを使ってコピーしたテキストをペーストします。これでテンプレートを上書きしたことになります。まだプレビューせずに、次は同じ要領でスタイルシート(CSS)を上書きしてください。
うまくHTMLとスタイルシート(CSS)を上書きできたでしょうか。できたらまず確認してみましょう。HTML、スタイルシートどちらでも構いませんのでプレビューボタンを押してみましょう。画像で色のついている部分です。新しいタブかウインドウで開きますので、確認してみてください。変更されて、きちんと表示されていれば成功です。表示がおかしい場合、HTMLかスタイルシートどちからしか上書きできていない、全文ではなくて一部分のみコピー&ペーストしてしまっている、などが考えられます。もう一度確認してみて下さい。
問題なければ変更を適用しましょう。更新ボタンを押すことで、変更を保存できます。
これで変更はできましたが、できればテンプレート名も変更してください。画像のテンプレート名の部分が現在の名称ですが、これを使用したテンプレート名に変更してください。テンプレート名を入力して、更新を押せばOKです。この更新は、テンプレート名の更新ですから間違えないように。
以上で問題なければテンプレートの貼り付けは完了です。これでようやくスタートです。次はテンプレートをカスタマイズしていきましょう。
「4.広告の登録」DTI編
「4.広告の登録」Atype編
「4.広告の登録」af-board Sign Board Shop編
 |
|
コメントの投稿