livedoor™ブログでHTMLの修正を行う方法
2014/11/22
livedoor™ブログではHTMLの編集を認めている無料ブログサービスです。
そのlivedoorブログでHTMLの編集を行う方法をご紹介しておきます。
他のサイトでもご紹介されているでしょうが、補足説明としてご紹介しておきます。
はじめに
livedoorブログといえばアフィリエイターの方などによく利用されているブログでしょう。
それはHTML編集ができたり、商用利用を認めていたりと、
自由度が高いサービスであるためではないかと思います。
既にご利用の方はHTMLの編集もされているでしょうから、
特に難しいことはないかもしれません。
HTML編集の方法
HTMLの編集は以下の手順で行います。
livedoorブログにログインしマイページから[ブログ設定]をクリックします。
表示されたブログの設定画面で[PC]をクリックします。
デザイン設定画面が開きます。上部に表示された[カスタマイズ]をクリックします。
カスタマイズタブを選択すると、CSSの編集画面が表示されます。
その右に表示されている各ページ種別のタブから、編集したいページ種別をクリックします。
仮に[トップページ]をクリックした場合には、
トップページで採用されているHTMLが表示されます。
下に表示されているHTMLを編集し[保存]をクリックすると、
HTMLの編集が反映されます。
尚、テンプレートの編集を行う前には、必ず複製しバックアップを取るようにしましょう。
livedoor™ブログでテンプレートをコピー(複製)する方法
あとは、自分のブログを開いてテンプレートへの変更が反映されているか確認して終了です。
もう少し見やすく編集したい
正直このWeb上のフィールドで編集を行うのは表示されるエリアも小さく厳しいことと思います。
そういう場合は、開発で利用するIDEなどを利用された方が、
より快適に編集が行えるはずです。
コピーペーストの手間はかかりますが、
ローカルに保存したHTMLがバックアップを兼ねることができるため、
一石二鳥という側面もあります。
無料ブログサービスのHTMLをEclipseで見やすく修正する(4.3.1 Kepler:日本語)
さいごに
livedoorブログのHTMLの編集方法は以上です。
編集の方法自体は難しいことはありません。
livedoorではHTMLとCSSがセットになっているので、
テンプレートの複製(デザインの保存)と同時にCSSも引継が行われるので便利なところかなと思うところです。
どのように編集して、HTMLのどの位置にタグを挿入すると、
どのように表示されるのかといったHTML構造については、以下でご紹介しています。
livedoor™ブログのHTML構造とタグ挿入位置の関係
また編集したHTMLの見た目を変更する際にCSSを利用される場合には、
以下の投稿でCSSの変更方法をご紹介しています。
livedoor™ブログでCSSによるカスタマイズを行う方法
livedoorはLINE株式会社の登録商標(第4451585号)であり、
livedoorブログはLINE株式会社のサービス名称です。
livedoorロゴ、アイコンその他のマーク等はLINE株式会社の商標であり、LINE株式会社の著作物です。
関連記事
-
livedoor™ブログ(PRO)への独自ドメインの割り当て(livedoorドメイン編)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
FC2家宅捜索当日にlivedoorがFC2終了対策をアピール
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
livedoor™ブログで初期状態の設定で投稿した際のURL形式の種類と設定方法
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
ブックマークアイコン(ファビコン)をlivedoorブログで表示する方法(head)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
livedoor™ブログ(PRO)への独自ドメイン設定するためのDNSレコード登録(livedoorドメイン編)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
Google Analyticsアクセス解析をlivedoorブログで利用する方法(挿入)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
livedoor™ブログ(PRO)への独自ドメインの割り当て(お名前.com編)
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
livedoorブログでmeta http-equiv=”refresh”の指定して編集できなくなった場合
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
livedoor™ブログにサブドメインの割り当てとURL転送
Google or AdMax Promotion(it) 禁断の機能がau公式 …
-
livedoor™ブログに独自ドメインの割り当てまでのURL転送の確認
Google or AdMax Promotion(it) 禁断の機能がau公式 …