シーサーブログをちょとカスタマイズ

_imagesblog_e56yoshihisa-kyoto/23042080_s.jpg



ちょっとしたことですけど、おもしろいです。

SSブログの有料テンプレートが使えない

SSブログが今年3月で消滅。
それにともない、ここシーサーブログ新たにスタートをしています。

以前のSSブログでは、カエテンジョイで有料のテンプレートを購入。
それをさらに自分仕様にカスタマイズをしていました。
なので、ボクのブログは、ほかのSSブログとは違って、
あまり見かけないデザインになっていました。

で、ここシーサーブログでは、
以前使っていた有料テンプレートが使えません。
SSブログ仕様でしたから使えません。

シーサーブログ用の有料テンプレートを探しましたが、ない。
どうも販売終了になっているようです。

シーサーブログテンプレートをカスタマイズ


最近は本業などが忙しくて、なかなかじっくり時間がとれません。
なので、シーサーブログのテンプレートを使用することにしました。

※(PC版のテンプレートデザインについてです)

ボクの場合は、
①本文を画面の中央に
本文がパソコン画面の真ん中にくるようにしたかったので、そうしました。
本文が正面にくるようにしたほうが読みやすいかなと。

②ブログタイトルを大きく
一番上のブログタイトルのフォントを大きくしました。
.Header .Header__inner h1 {
font-size: 4.5rem;
パッと見たらわからないかもしれませんが、

このブログを同じテンプレートを使っている他のブログと比べると、あきらかに文字が大きくなっているのがわかります。
このほうが目立っていいですね。

③本文などの文字を大きく
記事の文字などを少し大きくしました。
font-size: 1.7rem;

他のシーサーブログの文字よりも少し大きくなっています。
このほうが読みやすいと思います。

④文字の色を超超真っ黒に
こまかいですが、文字の色をものすっっっっごく真っ黒にしました。
もうね、ブラックホール並みの真っ黒さです(笑)
color: #000000;

標準のテンプレートは黒は黒でも、そこまで真っ黒の色じゃないんです。
パッと見は分からないかもしれませんが、
いまみなさんが読んでいることブログの文字は、
超超まっくろにしています(PC版)
文字を超超真っ黒にすることで、
よりはっきりと見え、読みやすくなります。

⑤リンクにカーソルを置くと、へこむ
リンクになっている文字にカーソルを置くとへこむようにしました。
a:hover {
position: relative; top: 3px; left: 3px;
}

これをCSSのa:hoverのところに置き換えると
カーソルの矢印をリンクになっているところに置くと
文字がへこむようになります。
「ここはリンクですよ」
とわかりやすくなります。

上の3pxと3pxは、もともと1pxと1pxにしていましたが、
3pxと数字を大きくすると、へこむ幅が大きくなってより分かりやすくなりました。

みなさんのコメントも、
リンクになっているお名前はカーソルを置くとへこむようになっていますね。
こうすることで、
「この人のブログに飛ぶよ」
と分かりやすくなりました。

⑥一番上にスクロールするボタン設置
記事を読んでいくと画面が下になっていきますが、
ページの一番上まで戻る動きをしてくれるボタンを設置しました。

/* 上に戻るボタン */
.pagetop {
color: #fff;
background-color: rgba(0,0,0,0.3);
text-decoration: none;
display: none;
position: fixed;
bottom: 4rem;
right: 1rem;
font-size: 4.5rem;
width: 5.3rem;
height: 5.3rem;
line-height: 5.3rem;
border-radius: 5.3rem;
text-align: center;
cursor: pointer;
}

.pagetop:hover {
color: #fff !important;
background-color: #ed702b;
text-decoration: none;
}


画面の右端にある丸い上矢印↑ボタンです。
このボタンを押すと、一気にページの一番上までスクロールしてくれます。

他のシーサーブログを見ていても、
この「上に戻るボタン」がないブログがけっこうありますね。
まあなくてもいいのですが。
あればそれはそれで便利ですよね。

カスタマイズを楽しむ

これらはPC版ですので、
パソコンでブログを見るときは効果がはっきりわかります。

ボクは基本パソコンでブログを書くし、他のブログを読みます。
家ではパソコンが主体です。

なので、このように自分なりにカスタマイズを楽しんでいます。
ちょっとしたことですが、
ブログは楽しくやらないとね。


それでは最後まで読んでくださって、ありがとうございました。



IMG_1724-removebg-preview.png

ふるたによしひさの発信は、こちらもどうぞ。
X(旧Twitter)のフォロワーさんが7,000人を超えました。


YouTubeおしえて!看護師よしひさ先生 
 ↑チャンネル登録者数1000人超えました。

この記事へのコメント

2025年01月18日 04:42
楽しめないと続きませんから自分が楽しめる仕様にする事は大事ですね。
2025年01月18日 04:44
nice!
2025年01月18日 06:36
訪問いただきましてありがとうございました
今後もよろしくお願いします
私はサイドの中の文字などは中寄りに寄せることが
出来ましたが記事本文は中寄りに出来ませんでした。
もう少しCSS編集に詳しいといいのですが・・・
2025年01月18日 07:38
お引越しおめでとうございます。
色々カスタマイズされてますね。
参考にしたいと思います。
今後ともよろしくお願いいたします
miffy
2025年01月18日 07:54
niceです!
2025年01月18日 08:45
カスタマイズを参考にさせていただきます.
タイトル大きくしようかな.
スマホビューで,広告出ないようにしたり,見やすくしたいですね.
であhでは.
2025年01月18日 10:26
自分でカスタマイズするのは楽しいでしょうね。
私なんかはめんどくさがりなので無理です。( ̄▽ ̄)ムリー
2025年01月18日 11:16
B1ブックマークでnice!の代わりです。
2025年01月18日 12:38
きちんとカスタマイズなさってて偉いです。
2025年01月18日 13:54
こんにちは。
シーサーブログテンプレートのカスタマイズですが・・・
色々試して反映すると楽しいですね。
また、他のブログのソースコードを開いて参考にしています!?(=^・ェ・^=)
2025年01月18日 14:33
カスタマイズ素晴らしいですね。
大きい画面だと見やすいですね。
2025年01月18日 14:43
いいですね。
時間があればカスタマイズしようと思ってるのですが、なかなか手が回りません^^;
2025年01月18日 17:50
もう未知との遭遇状態でだれか助けて!と心から思ってます
2025年01月18日 17:55
確かに文字が大きくて真っ黒ですね^^
夏炉冬扇
2025年01月18日 21:06
拝見。
2025年01月18日 21:37
自分はなかなかできないですが、
文字が大きくて読みやすいです!
2025年01月18日 22:21
カエテンジョイはFC2とかさくらと、いろいろあったと思いましたが、サイトがどこかいっちゃいましたね。
Facebookで「ひで蔵」さんとつながっているので、聞いてみようと思います。
2025年01月18日 22:41
nice!代わりの「B!ブックマーク☆」ポチッと♪
2025年01月18日 23:42
移行のお知らせをありがとうございました。
カスタマイズされるなんて凄いですね。
2025年01月19日 05:54
おはようございます。
すごいですね。私は毎回記事書くのにさえ
おたおたしていますので、カスタマイズまで
全然手が届いていません。
というか、カスタマイズできるのも知りませんでした^^;
勉強になりました。
2025年01月19日 06:11
私も なんとか移行作業が終了しましたが カスタマイズが慣れないせいか
ちょっともやもやしてます。^^;
なんとも悩ましいのが これまでのブロガーさんのリンクをどうしようかと。
まだ しばらく 悩みながらも ”カスタマイズ”してゆく日が続きそうです。
2025年01月19日 08:32
nice!です
Jetlag
2025年01月19日 08:53
拝見しました。
2025年01月19日 10:07
お早う御座います。
nice!です^^
2025年01月19日 10:12
私もSeesaaに移行しましたが、慣れていないせいもあって、
なかなか思うような画面にできません。
先日やっとプロフィールを追加できましたが、
アイコンの画像をもっと小さくしたいんですが、できてません。
その他にも改善したいとこもあるんですが、
まぁ、気長にいろいろやって行こうと考えてます。
2025年01月19日 19:42
ssブログ時から、個性的で素敵ななデザインだと思ってました
私は殆どいじれないので、大変勉強になります

ふるたによしひさ

職業:
看護師
メールアドレス:
zyoshikyotoarasiyama19991009@gmail.com
一言:現役看護師だから書ける現状を発信
兵庫県生まれ。

神戸学院大学法学部卒

脳神経外科、SCU、回復期リハビリテーション


【資格】

看護師

認定看護管理者ファースト、BLS・ACLS

医療的ケア教員、認知症ケア専門士、看護協会認知症サポートナース

うつ病にさせないためのアドバイザー、高齢者入浴アドバイザー


読者メッセージを送る

カテゴリ