Seesaaブログカスタマイズまとめ【新デザインシステム】

Seesaaブログに新デザインシステムが導入されましたので、新しく「Seesaaブログカスタマイズ【新デザインシステム版】」を作ってみました。

一応新システムでのカスタマイズ記事を書いてみましたが、すでに上位表示されているようなサイトの場合はテンプレートを変更しただけでも順位が落ちる事もあるのでカスタマイズは慎重に、そして自己責任で。

MEMO

Seesaaブログのカスタマイズを解説していきますが、無料ブログにはデメリットもあります。広告関連で非常に質問コメントが多いので、こちらの記事も読んでおいてもらえるとたすかります。

WordPressと無料ブログの違いは?WordPressを始めるのに必要な物や料金

SeesaaブログのSEO対策とカスタマイズ

スポンサーリンク

広告(バナー)や画像の設置方法と集客

ブログ機能を追加するカスタマイズ

SNSとの連携

Seesaaブログからの引っ越し関連

SeesaaブログからWordPressへの引っ越しする場合には元ブログの評価を引き継ぐリダイレクトという処理が必要です。その手順やWordPressへ移行するメリット、WordPressでかかる料金、WordPressの始め方も全て解説しています。

以上シーサーブログのカスタマイズとSEO対策関連記事です。

WordPressの始め方
サイトのアクセスアップや稼ぐためにおすすめの無料レポート

個人的にアクセスアップや検索上位表示に役立った無料レポートです。登録にメールアドレスが必要ですが、フリーメールでもOKです。

ブログの更新はこちらから

Seesaaブログカスタマイズまとめ【新デザインシステム】”に32件のコメントがあります。

コメントの反映には時間がかかる場合があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。

  1. しげぞう 投稿作成者

    じゅんじゅ様

    コメントありがとうございます。プレビューで変わっているけど実際には反映されないという場合ですが、ブラウザに以前のデータ(キャッシュ)が残っている場合があります。なので、ブログを表示させて再読み込みをしてみて下さい。また、一度別のブラウザでも反映されていないか確認してみる事をおすすめします。

    もし別のブラウザなどでも反映されていないという場合にはカスタマイズしたコードを一度元に戻して保存。それで再度カスタマイズして保存する事で反映される場合があります。

  2. じゅんじゅ

    カスタマイズをするにあたり参考にさせて頂いています!めっちゃスゴくて分かりやすいですね!ありがとうございます!
    私の悩みはカスタマイズをしてデザイン上でのトッププレビューではしっかりと反映されているのに、メインの記事制作費欄でのプレビュー、実際の記事には反映されていません。どうしてでしょうか?

  3. しげぞう 投稿作成者

    らら〜な様

    コメントありがとうございます。PVが1000まで上がっているという事ですが、検索流入があるともっと伸びるかなと思います。

    検索流入を増やす場合に大事なのがキーワードです。なので、それぞれの記事でどういうキーワードを狙っているのか?という部分を明確にする必要があります。

    「goodkeyword」などで需要のある複合キーワードが探せると思いますので、狙っているキーワードを入力して需要のある複合キーワードを探して下さい。それを元に記事のタイトルにキーワードを入れ、コンテンツ(文章中)にもそのキーワードを入れます。

    それで狙っている複合キーワードを実際に入力して検索してみてください。他のサイトがどのようにキーワードを使って、どのようなサイトが上位に表示されているのか一度チェックしてみる事をおすすめします。これは全ての記事それぞれにキーワードを入れていると思いますので、それぞれの記事を見直して見て下さい。

    狙っているキーワードでも需要のあるキーワードと需要のないキーワードがありますし、上位表示が難しい(ライバルが強い)場合もあります。なので、狙っているキーワードでどのようなサイトが上位にいるのかライバルチェックもやってみるとヒントが出てくるかと思います。

  4. らら〜な

    お久しぶりです。以前ブログを立ち上げた時に相談させて頂きました。その説はありがとうございました。
    現在、おかげさまで1日のPVが1000ぐらいで安定するようにはなったのですが、大きな悩みがあります。

    seesaaのサイト内でのアクセスがほとんどで、検索エンジンからの流入がほとんどありません。大きくても(2〜30程度)。開設から半年以上経ちますが、一向に増えません。記事数も300近くになるのですが、流入がない要因として、何か考えられる事はありますか?
    ご教授頂けたらと思います。宜しくお願い致します。

  5. 猫MAC汗

    しげぞう様

    返信遅れ申し訳ありませんでした。
    仕事が忙しく貴サイトを拝見することができませんでした。
    ブログを更新続けるはなかなか大変なことだと思い始めていますが
    頑張って続けていきたいと思います。

    是非URL公開してください。
    よろしくお願いいたします。

  6. しげぞう 投稿作成者

    猫MAC汗様

    コメントありがとうございます!リンクで紹介して頂けるのは非常に嬉しいです!ありがとうございます。何か分からない点などあればいつでもコメント下さい。今後ともどうぞよろしくお願い致します。

    それと、コメントにURLがありましたが、公開していいのか分からなかったので一応削除しておりますが、もし公開してもOKという場合には再度コメントを編集して追加しますね!

  7. 猫MAC汗

    初めまして「猫MAC汗」です。
    最近、ブログを始めたばかりの初心者です。
    貴サイトを参考にSeesaaブログのページデザインをカスタマイズし、
    その過程を記事にしてみました。
    リンクも貼らせていただきましたがよろしいでしょうか。
    参考になり大変感謝しています。

  8. しげぞう 投稿作成者

    おかDo様

    コメントありがとうございます。関連する記事をサムネイル付きにして記事タイトルと一緒に表示するのは多分可能だと思います。やったことないので実際やってみないと分からない部分はあるのですが、とりあえずやってみたいと思います。

    それでですね、Seesaaブログは最近テンプレートもちょっと増えてきていて、テンプレートによって違う部分があったら2度手間になってしまうので、もし良かったらお使いのデザイン名を教えてもらえると助かります。また、「関連する記事」を表示させている場所はどこでしょうか?サイドバー?記事下?という部分も一緒に教えて下さい。

    一応返信を待って挑戦してみますが、上手くできなかったらすみません。やれるだけやってみますね!

  9. おかDo

    はじめまして!おかDoと申します。
    【関連する記事】を【最近の記事】と同じように表示させる方法はありますでしょうか?
    サムネイルを左に記事タイトルを右に持っていきたいのです。よろしくお願いします。

  10. しげぞう 投稿作成者

    よっちゃん様

    コメントありがとうございます。最近私もあまり気にしてはいませんでしたが、カテゴリーのツリー化は見当たりませんね。以前はツリー化のないブログなどもよく使っていて、ブログのカテゴリー名に「┣(たてみぎ)」「┗(ひだりした)」のような記号(特殊文字)を使って子カテゴリーを作成していました。

    親カテゴリー
    ┣ 子カテゴリー1
    ┣ 子カテゴリー2
    ┗ 子カテゴリー3

    どうしても他に手段のない場合にはこのような方法も使ってみるといいかもしれません。

  11. よっちゃん

    初めてましてよっちゃんと申します。ブログ初心者ですが質問があります。
    旧デザインではカテゴリのツリー化が出来てるそうですが
    新デザインではどうでしょうか?
    何か情報あればお願い致します。

  12. ピクミン

    しげぞうさま、続けて質問させていただきます。
    シーサーブログの新システムで毎回、記事の最後に
    「posted by XXX at XX:XX|カテゴリー名」
    と表示されるのですがこれ邪魔なので消すことはできないでしょうか?

  13. mikoko

    しげぞう様

    ご返信が遅くなってごめんなさい!
    早速やってみました!!

    ・・・・まさに私が求めていた形になりました!!(感動)
    これ、皆さん気にならないんですかね!?

    一旦、ブログを書く気が消沈していたんですが
    またこれでやる気が出てきました!

    これからも困ったときは(もちろんそれに限らず)
    こちらにお邪魔させていただきます。

    本当にありがとうございました^^!

  14. しげぞう 投稿作成者

    mikoko様

    返信遅くなってすみません。Seesaaブログのスマートフォンページの画像の件です。一応画像の全体を表示させる事はできたのですが、この正方形の部分に画像をギュッと詰め込むような感じになりました。

    アイキャッチ画像は横幅の方が長い画像(長方形)の画像を使う事がほとんどですが、これを無理やり正方形にする感じです。一応CSSだけ紹介しておきます。

    これはスマートフォンへのCSSになるので、Seesaaブログの管理画面からデザイン⇒「スマートフォン」⇒「デザイン設定」と進み、適応中のデザインを選択します。スタイルシート(CSS)の画面になりますので、CSSのコードが書かれたページの一番下に次のコードを追加します。

    .article-list li a .article-image img, .category-list li a .article-image img {
        position: absolute;
        max-width: 90px;
        top: 0;
        left: 0;
        height: 90px;
    }

    これで一度確認してみて下さい。

  15. mikoko

    しげぞう様

    コメントありがとうございます!!
    しげぞう様にコメントする前にseesaaブログの方に
    問い合わせたところ、下記コメントが返ってきました。

    ※※
    お問い合わせの件につきましては、スマートフォン版ブログの
    見出し画像についてとのことでしょうか。

    上記に相違ない場合には、マイブログ>【デザイン】>【スマート
    フォン】>【デザイン一覧】にてブログに設定されているデザ
    インのタイトルをクリックすると表示されるスタイルシート編
    集画面でスタイルシート(CSS)の編集を行うことで、ご希望
    の状態になる可能性がございます。

    なお、こちらの編集にはCSSの知識が必要となりますのであら
    かじめご了承ください。

    これらCSSの編集など、個別のブログカスタマイズにつきまし
    ては、サポートの対象外とさせていただいております。
    ※※

    私にはCSSの知識が全くなく
    どこをいじればいいかわからない状態で、、、

    しげぞう様、どうぞよろしくお願い致します!!

  16. しげぞう 投稿作成者

    mikoko様

    コメントありがとうございます。多分あれだろうなと思う部分があります。スマートフォンのトップページで記事一覧になっている部分の画像じゃないかと思います。この部分は以前私もちょっと試してみて上手くできなかったので、そのままにしてますが、ちょっとしばらく考えさせて下さい。

    できるかどうかは分かりませんが、一応2日か3日ほど待って頂けたらと思います。もしできた場合にはこの記事のコメントで返信をしますので、来週の水曜くらいにもう一度ここのコメントを確認してみてください。もしできなかったらすみません!

  17. mikoko

    しげぞう様
    初めまして、
    いきなりの質問、申し訳ありません、、
    どうしてもseesaaブログの仕様で
    修正の仕方がわからずモヤモヤしていることがあります。

    スマートフォンからブログを訪れた際、トップページに出てくる
    ”見出し画像”のサイズは変更ができないのでしょうか?

    普段、PCからブログを投稿しているのですが
    先日初めて自分のスマホからブログを見たところ
    写真がアップになりすぎており
    何の写真かわからない状態で・・・
    デザインはスマートフォン<basicを使用しています。

    CSSのどこの部分をどう編集すれば
    適切な画像サイズ(枠に収まるサイズ)にできるのでしょうか?

    ご存知でしたらご教授いただけないでしょうか。
    どうぞよろしくお願い致します。

  18. しげぞう 投稿作成者

    にゃにゃこ様

    返信ありがとうございます。上手く反映されたようで良かったです。また何か分からない部分があればコメント下さい。

    それとCtrlキー+Fキーで出てくる検索バーですが、これは隠れている部分であっても検索はできます。ただ、SeesaaのHTMLなどはハイライト機能が付いていますので、おそらくこれが邪魔をしていると思われます。なので、検索が上手く機能しない場合が多いです(だから●●行目という解説を入れる事にしました)。

  19. にゃにゃこ

    助かりましたー!ありがとうございますしげぞう様は神様です\(^o^)/
    一晩悩んだのがウソのようです。サクッと記事下の投稿時刻が消えました。
    ご丁寧に削除する部分の詳細をお教え下さって、大感謝です(*^_^*)
    (当方、Ctrlキー+Fキーで出てくる検索バーの性能をきちんと把握していませんでした。
    これを使って検索しても、スクロール画面の隠れている範囲は検索してくれないのですね。。。)
    いろいろ勉強になりました。またご質問させて頂くかもしれません。
    しげぞう様はブログの設定方法以外にも、アフェリエイトのことなど有意義な情報をたくさんお書きになっていらっしゃいますね。そちらの記事も今後読ませて頂きます。今後ともよろしくお願い申し上げます♪

  20. しげぞう 投稿作成者

    にゃにゃこ様

    コメントありがとうございます。一晩気になってずっと同じ作業をしているのが想像できます、解決しないと他の事が手に付かないですよね!

    早速まずは確認なんですが、Seesaaブログの新デザインシステムで、記事下の「投稿時刻だけ」を削除したいという事でいいでしょうか?今試してみたのですが上手くできました。

    まず、管理画面から「デザイン」⇒「デザイン設定」⇒「適応中のデザイン名」をクリックして、タブを「HTMLの編集」に切り替えます。

    初期状態のままであればHTMLの91行目付近に次のようなコードがあります。

    <div class="posted">
    posted by <% article.nickname -%> at <% article.createstamp | date_format("%H:%M") -%>

    この「at」の後の部分が時刻を出力する部分になりますので、「at」も含めた部分つまりこの部分を削除。

    at <% article.createstamp | date_format("%H:%M") -%>

    これを削除して保存して下さい。その後ブログを表示させて「Ctrl」と「F5」を一緒に押してリロードしてから確認してみて下さい。それでも反映されない場合には再度コメント頂けると助かります。

  21. にゃにゃこ

    しげぞう様はじめまして。seesaaブログ初心者です。
    実は一晩頑張ってもどうしても出来なくて、他の方のサイトを見ても旧システムのやり方しかなくて、
    お分かりになられましたら是非教えて頂きたいのですが。

    「新システム」で、記事の下の「投稿時刻を表示させない」方法について、なのですが。
    (検索で「%H」や、「posted by」や他のワードでいろいろなところを検索してもみつからず、どこを削除したらいいのか分からず困っています)
    htmlやcssではなくて、全然別の設定なのでしょうか?
    ご存知であれば是非ともご教授お願い申し上げます。

  22. しいな

    変える必要ないんですね。それがわからず悩み続けていたので助かりました。
    まだまだcssやhtmlに理解の疎い私では実験的に変えるのは難しいので、しげぞうさんの気が向いたときにでも記事にして頂ければと思います。
    できるカスタマイズからコツコツやっていきます。
    お返事有難う御座いました。

  23. しげぞう 投稿作成者

    しいな様

    コメントありがとうございます。Seesaaブログの「h1」や「h2」に関してですが、これは全てHTMLの編集から変更する事が可能です。管理画面からデザイン⇒「デザイン設定」⇒適応中のデザイン名をクリックして、「HTML編集」のタブに切り替えてみるとHTMLが表示されます。

    それの中に「h1」や「h2」の記述がありますので、これらを全て変更する事ができると思いますが、それに伴ってスタイルシート(CSS)も「h1」と「h2」の記述を全て入れ替える必要があります。

    個人的に現在の新システムの場合その必要性はあまり感じません。確かにh1タグとh2タグは重要なタグですが、これをわざわざ変更して順位が改善するような事は期待できないと思っています。特に最近はブログ自体に設定するキーワード(ブログ設定で入力するキーワードで、記事タイトルのキーワードではありません)なども重要視されません。

    なので、私自身もSeesaaは今でも利用してますが、新デザインシステムになってからは特にhタグを変更する事なく使ってますし、それで特に問題はありません。

    また、Seesaaブログの場合はスマートフォンページのHTMLの編集ができませんので、PCページだけhタグを変更する事になり、それが大きくプラスになるような事があるのかは疑問です。ただ、実験的にやってみるのは面白いと思います。私も旧システムの時にはhタグは変更して利用してました。

  24. しいな

    新システムのカスタマイズに詳しいサイトが極めて少ないので、しげぞうさんのサイトは大変重宝します。何度も訪問して読み返して、いろいろなカスタマイズを行っていますが、わからない点があるので質問させてください。
    シーサーではブログタイトルは「h1」記事タイトルは「h2」に設定されているようなのですが、新システムでブログタイトルを別のタグに変更して、記事タイトルごとに「h1」に設定するにはどうすればよいのでしょうか?

  25. しげぞう 投稿作成者

    >ケン様

    返信ありがとうございます。新システムの記事は書いたばかりなので色々な質問などがあると記事も修正できますので、私としてもありがたいです。今後ともどうぞよろしくお願い致します。

  26. ケン

    ご返答ありがとうございました。
    非常に助かりました。
    しげぞうさんのページを参考に毎日アフィリエイトできていることを感謝しています。
    今後も活用させて頂きます!

  27. しげぞう 投稿作成者

    >ケン様

    コメントありがとうございます。見出しタグはHTMLの編集で変更できますが、新システムの場合は特に必要ないと思ったので記事にはしてません。ちなみに新システムでは「h2」が記事のタイトルになっております。日付は「h」タグではなく、「div」が使われているので初期状態で問題はないと思います。

  28. ケン

    はじめまして。
    シーサーブログが新しいものに変わってからしげぞうさんのページを参考にブログを作らせてもらってます。
    非常に助かっています。
    1つだけ質問なんですがよろしいでしょうか。
    旧バージョンでは見出しタグが変更できたのですが、今回の新しいものでは変更できないのでしょうか。
    デザイン設定⇒HTML編集でh2、h3タグを指定している文章を一番上からみたんですが見当たらなかったです。
    1つだけそれらしきものがあったのですが既に指定されている?感じなので質問させていただきました。

  29. しげぞう 投稿作成者

    >maboroshi様

    返信ありがとうございます。基本的にWordPressの方が色々対策ができます。「表示の高速化」とか「ページによってテンプレートを変える」とか色々対応できますし、広告(スマートフォンを含む)も自由にできるのが大きいです。特にアドセンス、もしくはadmax、nendのようなクリックで報酬が発生する広告はスマートフォンでは大活躍しますので。

    無料ブログの場合は一番効率のいい場所に広告が設置されている(特にスマートフォンページ)ので、収益化を考えるなら独自ドメインでWordPressが良いと思います。

    ただ、新規のドメインでWordPressを始めても順位が上がるまでに結構な時間がかかります。その点無料ブログは速攻性があると感じています。そのため、最初は無料ブログ(Seesaaブログ)でスタートして順位が上がった所でWordPressにリダイレクトします。それだと即効性がありますし、さらにWordPressにはSeesaaブログでの被リンクや順位も引き継げるためです。

    あくまで私の個人的なやり方や感想なので他の方と意見が違うかもしれませんし、リダイレクトが100%成功する保証はありません(今の所私のサイトでは全部上手くリダイレクトできていますが)。そのため、あくまで自己責任でお願いしますということにしております。

  30. maboroshi

    >しげぞう様

    ご返答ありがとうございます。
    なるほど。順位が上がったところで、WordPressにした方がいいんですね。やっぱり、シーサーブログよりは効率がいいんでしょうか。ほとんどの記事を読ませてただきましたが、やっぱり無料ブログはいろいろリリース等が多くて手こずりますね。2つシーサーでやってるんですが、1つはシーサーで独自ドメインも持ってみたいなーと思いまして。

    アドバイスありがとうございます。参考にさせていただきます。

  31. しげぞう 投稿作成者

    >maboroshi様

    コメントありがとうございます。Seesaaブログの独自ドメイン設定は私もまだ記事を書いてません。すみません。今後機会があれば書こうと思っていますが、個人的にはSeesaaブログで普通に記事を書いて順位が上がった所でリダイレクトしてWordPressへ引っ越しする事が多いため、最初からSeesaaで独自ドメインを設定する事がありません。

    Seesaaブログで独自ドメインの設定方法ですが、色々検索しても新しい情報があまりないので、どれが分かりやすいかというのは難しいです。というのも独自ドメインを取得するサービスも色々あって、それぞれやり方が違うためです。まずは独自ドメインを取得するサービスを決めて、それで検索してみた方がいいかも知れません。あまり参考にならずすみません。

  32. maboroshi

    シーサーブログの独自ドメインの設定が分からないです。
    その記事はありますか?それとも、この記事が分かりやすいっていうのありますか?