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

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

      2014/11/22

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)に
商標に関する取扱いが明記されています。

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


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

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

  関連記事

eye_hatena
Google Analyticsアクセス解析をはてなブログで利用する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_ads
1投稿(ページ)内に対して複数AdSenseアカウント(別ユーザ)を設定して運営が可能か

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_a8_funblog
Google Analyticsアクセス解析をファンブログ(A8)ブログで利用する方法(HTML)

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_fc2
FC2™ブログでCSSによるカスタマイズを行う方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_ninja
Google Analyticsアクセス解析を忍者ブログで利用する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_fc2
FC2ブログの利用登録

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_biglobe_webry
ブックマークアイコン(ファビコン)をウェブリブログで表示する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_livedoor
Google Analyticsアクセス解析をlivedoorブログで利用する方法(挿入)

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_fc2
Google Analyticsアクセス解析をFC2で利用する方法(HTML)

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_fc2
Google Analyticsアクセス解析をFC2で利用する上の規約確認

Google or AdMax Promotion(it) 禁断の機能がau公式 …