2022年1月8日土曜日

Blogger:HTML編集方法

 さ~て、早く本編を始められるよう、ガンガンBloggerを構築していきましょう。

まず、現時点でのこのブログの見栄えですが。


ほとんど初期状態だから、何かイマイチなんですよね。

文字サイズももっと大きい方が見易いし、ウィンドウサイズを小さくすると見切れちゃうし……。
もうちょっと何とかならんもんですかね?

そこで気合入れてカスタマイズしていきましょう。


デザインツールは機能不足

最初に言っておきますが、ここで言う「カスタマイズ」とは、Bloggerに備わっているデザインツールを使うことではありません。

Bloggerにはこのように、ブログのデザインをカスタマイズするデザインツールが備わっていますが、ハッキリ言って出来る事が極めて少ないです。

これで拘りを持った愛用のデザインを構築することは不可能と言い切って良いでしょう。

しかし、幸いなことに、このTacyはプログラマーです。

テンプレートXMLを手作業で書き換えることで無限のカスタマイズをしていきたいと思います。

プログラマーで良かった。(´^ω^`)


HTML編集

テンプレートXMLの編集は、「テーマ⇒カスタマイズ⇒HTMLを編集」から進むことが出来ます。


「HTMLを編集」をクリックすると、


こんな様に思いっきりプログラミングチックな画面に進みます。プログラマーでなければ全く意味不明でしょう。(;´^ω^`)

これの構成を見切って、変えたい部分を改造していくことでブログをカスタマイズしていくわけですね。


Blogger ヘルプ

このテンプレートXML、初期状態で2000行を越えていますが。。。

しかし、出力されている画面と突合することでカスタマイズしたい箇所に影響を与えている部分のソースを特定し、そこを書き換える、と言うやり方なら可能でしょう。

また、テンプレートXMLにはBlogger特有のタグが定義されている部分もありまして、ループとかif文とかの表現も可能になっています。


これらにつきましては、公式のBloggerヘルプにドキュメントが載っておりまして、



これらを参考にしながら手探りで改造していく、という進め方をしていくことになります。


終わりに

引き続きBloggerの構築を進めていきます。

シリーズ:Blogger管理

 さ~て、さっそく技術ブログをやっていくぞ~。

と、その前に。
執筆環境であるこのブログの見栄えが……。

本ブログはGoogle Bloggerで展開しているのですが、初期状態だとちょっと色々と気に入らんのですよ。

せっかく自分のブログを持つのですから、極力、自分の好みに合うようカスタマイズしていきたいですよね。
って言うか、それをやらないと、そもそものモチベーションが上がらん!!

と言うわけで、連載シリーズの最初はBlogger自体のカスタマイズ方法のガイダンスとなります。

宜しくお願いします。(´^ω^`)

ご挨拶

こんにちわ。IT系エンジニアのTacyです。

1982年生まれで、現在39歳です。
間もなく40歳にもなろうという僕がまた技術ブログを始めるのは、勉強用です。(;´^ω^`)

と言いますのも、IT系の技術力というのは、どれだけ頑張って勉強しても余り身に付かないもので、それを他人に説明して初めて身に付くもの、なんですよ。

だって、勉強するだけならネットの記事を目で見て理解して終わりでしょ?

でも、ブログで記事にするとなると、ちゃんとサンプルソースを作って、動作することを確認して、表現するのに適切な言葉を考えて……、とかやって、1から100まで全部辻褄合って無いと文章は書けないですからね。

  • 目で読んだだけでは60%くらいしか理解していない。
  • 他人に説明することで理解度が100%となる。

これが僕の勉強スタイルなのです。

と言うわけで、このブログに来て下さる方は、全員が僕の勉強仲間で貴重なお友達です。末永くお付き合い下さいますよう、宜しくお願いします。(´^ω^`)