頑張らない!でも諦めない!必死にならずにええかげん

dtiブログでテンプレートをコピー(複製)する方法

      2014/11/22

Google or AdMax Promotion(it)

dtiブログは皆さんご利用でしょうか。
dtiブログはカスタマイズ性や規約で認められている範囲が広く、
多くの人に支持されている無料ブログサービスです。

今回はHTMLファイルの編集前に、テンプレートをコピーする方法の紹介です。

はじめに

dtiブログではHTMLファイルの直接編集が行えることが、
非常に自由度を高めてくれていますが、
HTMLの編集時には必ず、今利用しているHTMLをバックアップしてから、
新しく編集をするようにすることが望ましいと思います。

テンプレートのコピー(複製)の方法は、
最初に1回やってしまえば、二度と迷うことはないと思いますが、
その最初に始める方に向けて投稿をしておきます。
またこれからdtiブログを利用しようかと検討中の方にも。

テンプレートの複製から有効化

テンプレートの複製

ブログ管理画面より[テンプレートの設定]をクリックして、
テンプレートの設定画面を開きます。

01_テンプレートの設定

テンプレートの設定

テンプレートの設定画面より、
コピー(複製)元にするテンプレート行の[コピー]をクリックします。

02_テンプレートのコピー

テンプレートのコピー

テンプレートの複製が行われると、
「元のテンプレート名_c」などの名前のテンプレートが作成されます。

03_複製されたテンプレートの確認

複製されたテンプレートの確認

テンプレート名の変更

テンプレート一覧からテンプレート名称を変更したいテンプレート行の[修正]をクリックします。

04_テンプレートの修正

テンプレートの修正

テンプレートの修正画面の[テンプレート名]の部分に、
新しいテンプレート名を入力し、横の[更新]をクリックします。

05_テンプレート名の変更

テンプレート名の変更

[テンプレート設定]をクリックしてテンプレートの一覧に戻ります。

06_テンプレート一覧の確認

テンプレート一覧の確認

テンプレートの修正

テンプレートの一覧で新しく作成したテンプレート行の、
[修正]をクリックするとそのテンプレートを編集することができます。

HTMLに対する編集と、CSSに対する編集が行えます。

08_テンプレートの修正

テンプレートの修正

テンプレートのコピー(複製)から有効化までの手順は以上です。

テンプレートの有効化

テンプレートの一覧で新しく作成したテンプレート行の、
[適用]をクリックすると現在のテンプレートに設定されます。

適用する前には[プレビュー]をクリックして表示が問題ないかを確認しましょう。

07_テンプレートの有効化と修正

テンプレートの有効化と修正

テンプレートのコピー(複製)から有効化までの手順は以上です。

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

HTMLの編集には元に戻れないほどタグの構成が崩れてしまったりと、
大切なブログを壊してしまう危険が常につきまといます。

何かを編集する前には、こまめな複製を心掛けたいものです。

dtiblogはDTI SERVICES, INC.の商標であり、 dtiblogを含む、
すべての名称、商標、ブランド、ロゴ、デザイン、トレードドレス、スローガン、DTIは
その商品やサービスに関連して使用され、DTI SERVICES, INC.の著作物です。
DTIサービスのロゴ使用と会社名表記に関する声明は http://www.dtiserv.com/logo/DTI.htmでご確認頂けます。
またDTIサービスのWebサイト契約(http://dtiservices.com/wp/?page_id=357)に
商標に関する取扱いが明記されています。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

Rakuten Promotion

 - DTIブログ, 無料ブログ ,

  関連記事