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

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

      2014/11/22

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

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

はじめに

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

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

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

テンプレートの複製

ブログにログインして表示される新規投稿画面より[デザイン]をクリックして、
デザイン一覧画面を開きます。

01_デザイン選択

デザイン選択

デザイン一覧画面より、HTMLをクリックします。

02_HTML選択

HTML選択

テンプレート一覧が表示されますので、
現在適用しているテンプレート名(ラジオボタンが選択されている)を
クリックしHTMLソースを表示します。

03_現在利用中のテンプレート選択

現在利用中のテンプレート選択

既存のソースすべてを選択し、コピーします。
[Ctrl+A]を押し、[Ctrl+C]を押します。

04_現在利用中ソースのコピー

現在利用中ソースのコピー

メモ帳などを開き、貼り付けます。
[Ctrl+V]を押します。

05_メモ帳などに貼り付け

メモ帳などに貼り付け

テンプレートの追加と命名

テンプレート一覧に戻り(上のHTMLをクリック)、
テンプレート一覧画面の[HTMLの追加]をクリックします。

06_HTMLの追加

HTMLの追加

新規にテンプレートが作成されますので、
新しいテンプレートに付ける名前を入力し[保存]をクリックします。

07_新規テンプレートに命名

新規テンプレートに命名

テンプレートの一覧に新しく命名したテンプレート名が表示されますので、
表示されているテンプレート名をクリックし、編集します。

08_新規テンプレートを編集

新規テンプレートを編集

新しく作成したテンプレートのHTMLソースの部分をすべて選択し、
メモ帳からコピーしたソースを貼り付けます。
メモ帳を選択して[Ctrl+A]を押し、[Ctrl+C]を押します。
次に、HTMLのフィールドを選択して[Ctrl+A]を押し、[Ctrl+V]を押します。

09_新規テンプレートにメモ帳から貼り付け

新規テンプレートにメモ帳から貼り付け

テンプレートの修正

ソースを貼り付けたことで、今まで利用していたテンプレートと、
新しく作成したテンプレートが同じ内容になりましたので、
今回、編集したい内容を反映します。

テンプレートの有効化

テンプレートの一覧のテンプレート名横のラジオボタンをクリックすると、
クリックしたテンプレートがすぐに有効になります。

10_テンプレートの有効化

テンプレートの有効化

プロモーション(btm)

Google or AdMax Promotion (it)

さいごに

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

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

Seesaaはシーサー株式会社の登録商標(第5049965号)であり、
Seesaaロゴはシーサー株式会社の登録商標(第5137457号)です。
Seesaaブログはシーサー株式会社のサービス名です。
Seesaaのサービスに用いられるアイコンその他のマーク等は、
シーサー株式会社の商標であり、シーサー株式会社の著作物です。

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


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

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

AdMax Promotion

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

Rakuten Promotion

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

 - Seesaa, 無料ブログ ,

  関連記事

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

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

eye_seesaa
Seesaa™ブログに設置したGoogle™AdSense広告のレイアウトをセンタリングする

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

eye_dev-test
無料ブログサービスのHTMLをEclipseで見やすく修正する(4.3.1 Kepler:日本語)

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

eye_fc2
Google Analyticsアクセス解析をFC2で利用する方法(プラグイン)

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

eye_yaplog
ブックマークアイコン(ファビコン)をyaplogで表示する方法

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

eye_fc2
ブックマークアイコン(ファビコン)をFC2で表示する方法

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

eye_fc2
FC2ブログの利用登録

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

eye_jugem
ブックマークアイコン(ファビコン)をJugemで表示する方法

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

eye_livedoor
ブックマークアイコン(ファビコン)をlivedoorブログで表示する方法(head)

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

eye_a8_funblog
ファン(A8)ブログでテンプレートをコピー(複製)する方法はないのか

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