Bloggerでブログを始める(テーマをカスタマイズする)


ワールドダイスター 夢のステラリウムというコンテンツに魅せられて、まもなく3年の月日が経とうとしているものの、Twitter(現X)でのゴミのような発信を繰り返すことしかしてこなかったわたくし。金こそ払えど何も価値を提供していないのでは?

思い立ったが吉日という日本古来の言い伝えに従い、ブログを開設することにいたしました。


Bloggerって何よ

書いてみたいことは数あれど、ブログ執筆についての知識はゼロ。そんな方も多いのではないかと思います。かくいうわたくしもそう。

そこで、ざっとWebで調べてみると、Bloggerというサービスが紹介されておりました。


無料、ドメイン(URL)自由、制限も特になし、拡張性も一定ある、とのことで、素人がおもちゃにするにはもってこいの条件。

しかしながら、ユーザーが少なく、解説があまりされていない、ということがデメリットとして触れられておりました。ので、いろいろ触ってみた記録を残しておきます。ご参考までに。

初期設定をいたしますわ

Googleのサービスとのことで、Googleアカウントがあれば簡単に始められます。

URL(爾後変更可)、ブログ名、執筆者名などを適当に入力します。ここはシンプルなので割愛いたします。

設定をすますとテーマ選び画面に遷移したと記憶しております。
テンプレートがいろいろありますが、ご自身のセンスにピタリとはまった! なんてことは殆どないかと.......

はじめのテーマはなんでもかまいません。
といいますのも、以下、そのテーマを弄る項目を取り上げていきますので。

設定可能な項目はどれを選んでも同じなので、使いたい色や素材が多いものを選ぶことをおすすめします。
わたくしは白磁の市場(?)を選んでみました。シンプルで弄りやすそうでしたので。

カスタマイズ(Customize)ボタンを押すと、テーマをいろいろと弄ることのできる画面に遷移します。

閲覧者のビューが描画され、リアルタイムで確認できます。

左のメニューには、Background、Advanced、Gadgets

はじめはブログ記事を投稿(Publish)していない状態なので、右側はタイトルとガジェット(Gadgets、後述)しか表示されていない状態のはずです。

ほとんど空っぽですが、記事を投稿すると、上の画面のようなプレビューになるので、ご安心ください。

まずは、メインカラーテーマ(Main color theme)を設定していきます。バケツをクリックするとカラー選択ウインドウが出てくるので、ここから任意の色を選べます。

気に入った色がないですって?奇遇ですね。わたくしもです。そういうときはプラスボタンをクリック。16進数のカラーコードで設定できます。

わたくしはユメメのオタク。よってメインカラーは主役の色にします!!!
公式ウェブサイトから、背景色をピックしてきました!
ここなのカラーは#ff5e8fのようですわね。

保存(Save)すると、ガジェットにメインカラーがつきました!
右下にご注目。色が変わりました。

いや~~、これだけですの??
と思いきや。プレビューしてみると

文字がここな色に...

どうやら文字色も含めた、全体の色設定だったようです。
さすがに読めないので困ります。今度はAdvancedタブを開いてみました。

上から三番目くらいに、Colorなるボックスがありましたので、弄ってみます。




ここな色を保ちつつ、アクセシブルな文字色に戻せました❤️

同じ要領で、その下のLink Color、一番下のButton Colorも触ってみました。
リンクは静香色💙、ボタンはカトリナ色💛に。
リンクの類が、HTMLオリジナルのとげとげしい青から、かわいらしい静カラーになりました!(実は前掲画像で既にやっていました)

ところでボタンってなんなんでしょう。HTMLのボタン要素ではないようですし、シェアボタンの類は静カラーになっておりますし。わかったら追記します。
ボタン、こういうアイコンのことかと思いましたわ。違いますのね。

最後に、一番上に戻り、バックグラウンド画像を選択して、少しメリハリをつけてみました。
ニコニコモンズで星空のフリー画像を発見したので拝借し、5%の透明度にして設定。


最低限のテーマ・カスタマイズができましたわ!

ひとまずはこれにて。皆様もよきBloggerライフを。

コメント