Seesaa™ブログの表示されるコンテンツを変更する方法

Seesaa™ブログを利用していてHTMLを編集することはあるでしょう。
しかしSeesaaブログでは独自のタグを利用してHTML内に埋め込まれる要素があります。
それがコンテンツのエリアで追加されるコンテンツによって、
様々な機能を追加してゆくことができます。

はじめに

Seesaa™ブログは自由度の高いブログサービスで、
多くの人が利用されていることでしょう。
HTMLの直接編集が行える点も支持される理由でしょう。

日々の投稿とは別でブログ自体のデザインを変更したい場合もあるでしょう。
そうした時にHTMLを編集してサイト全体を変更する方法の前に、
カスタマイズしてみるのが、コンテンツではないでしょうか。

コンテンツレイアウトの仕組み

通常HTMLの編集というと、直接すべてのHTMLのソースを見ながら行うのですが、
Seesaaブログでは独自の埋め込みタグが存在しています。
<% content_header %>や<% content_left %>などの形式で、
HTML内に埋め込まれているタグです。

この埋め込みタグに対応しているのが、
コンテンツ画面に表示されるドラッグできるエリアを示しています。

• <% content_header %>
• <% content_left %>
• <% content_main %>
• <% content_right %>
• <% content_footer -%>

この代表的な５要素はブログのコンテンツ編集のエリアに対応してます。

独自タグとコンテンツレイアウトの関係

この仕組みがある為、HTMLの編集も行えてコンテンツのパーツを利用して、
様々なカスタマイズができるようになっています。

コンテンツ画面の表示

ブログにログインし新規投稿画面から[デザイン]をクリックします。

サイドバーからデザインの選択

デザイン一覧画面から、上部の[PC]タブが選択されていることを確認し、
[コンテンツ]をクリックします。

PCタブ選択でコンテンツ選択

表示された画面がコンテンツの編集を行う画面です。

コンテンツ画面

位置変更

既に設定されているコンテンツの表示位置を変更するには、
マウスでドラッグして位置を変更し表示順序を変えることができます。

コンテンツの移動

追加

コンテンツの追加はサイドメニューの[＋]をクリックすることで、
追加が行えるコンテンツが表示されます。

こうしたあらかじめ用意されているパーツを、
一覧からドラッグしてコンテンツを表示したいエリアにドラッグして配置し追加することができます。

ブログパーツ

ブログパーツは様々な会社が提供しているパーツが登録されています。
気になるものがあるようでしたら採用されるのもいいかもしれません。

追加コンテンツ・ブログパーツ

コンテンツ

コンテンツはSeesaaがブログ用のパーツとして提供しているものが登録されています。
この中でも[自由形式]パーツが一番使用頻度が高いのではないでしょうか。

追加コンテンツ・コンテンツ

ブログ広告

ブログ広告のパーツはブログの初期状態で表示されているような、
広告パーツなどを表示することができるパーツです。

追加コンテンツ・ブログ広告

削除

コンテンツとして配置したパーツは、パーツ横に表示されている
[×]をクリックすることで、ブログなどから削除することができます。

コンテンツ削除

削除したコンテンツはゴミ箱に表示されます。
[ゴミ箱を空にする]をクリックすると、ゴミ箱からコンテンツが削除されます。

削除コンテンツのゴミ箱

ゴミ箱を空にする

保存

コンテンツの変更が完了したら、上部の[全ページ]をクリックして表示を確認し、
変更に問題がなければ[保存]をクリックして保存します。

以上で、コンテンツの変更は完了です。

補足

この個々のコンテンツが出力するHTMLタグは、
デザインのHTMLの編集画面からは編集することはできません。

コンテンツの編集にてカスタマイズをすることができます。
Seesaa™ブログで独自タグで埋め込まれる要素のHTMLを変更する方法

ご参考まで

Seesaaはシーサー株式会社の登録商標（第５０４９９６５号）であり、
Seesaaロゴはシーサー株式会社の登録商標（第５１３７４５７号）です。
Seesaaブログはシーサー株式会社のサービス名です。
Seesaaのサービスに用いられるアイコンその他のマーク等は、
シーサー株式会社の商標であり、シーサー株式会社の著作物です。

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

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

お勧めさせて頂きたい投稿です

• 【巧妙な仕組】Google+へAndroidの写真が勝手にアップロードされてしまう流れは設定ミスではない

• JetPackサイト統計データが消えた場合に復活する手順(してもらう)

• 【待望】WALLET ポイントがauID(au電話番号)間で相互にやりとりできるようになりました

• 禁断の機能がau公式解禁！WALLETポイントの現金化がついに開放。

• 何もしないと、auポイントが2014/05月分以降は携帯利用料から付与されなくなります

• au WALLET™カードはauを解約してもプリペイドとして使い続けられるが、有効期限には注意

• じぶん銀行が動いた！コンビニATM利用が無料・他行振込無料（回数制限なし）で使える

• 【旬】「白すぎる」と賛否両論？姫路城見るなら今秋がおすすめ！その理由は？｜castlehimeji.com

• Google+の投稿が勝手に自動でブログになっていくPluCialが便利



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

AdMax Promotion

ブログ記事のご紹介

すべて展開 | すべて省略

Rakuten Promotion

ページ

すべて展開 | すべて省略