ブログの衣替え完了あっさりスッキリ、ついでにGTM化も

    2015/11/02

2015/08/26
当ブログのテンプレートを変更した事は以前記事にした。この「CSS TUTS」というテンプレートをしばらく使ってみてまずまずの感触だったのでもう一つのBloggerで運用している「TomTom’s Voice1」にも適用してみた。

テンプレートを弄り過ぎると素人には収集つかん

以前利用していた「Dark Red」というBloggerのテンプレートもそれなりに良い感じだった。特に車関係は昔から黒っぽいサイトが良いと、どういう根拠か分からないが言われていたので黒にしたのだった。今となっては特に黒でなくても良いと思っている。
この「Dark Red」は長い間使い続けてきたので細々とコードを弄り倒した(Bloggerのコードは難しい)。さらにCSSもかなり弄ったのでブログの表示上おかしいところがいくつかあった。
具体的にはフォントを大きくしたために設定されているエリアに入らなくなって溢れてみたりしていたのだ。
あれこれ弄り続けると収拾がつかなくなりデザイン的にスッキリ収まらなくなっていたのだった。これだから素人仕事は手に負えない。

今回のテンプレート変更は比較的簡単だった

Bloggerのテンプレートを変更する作業は元々それほど難しくない。
今回の「CSS TUTS」適用は当ブログで弄った結果をダウンロードし、そのまま「TomTom’s Voice1」にアップロードしている。だから全く瓜二つの外観になっている。
ウィジェットの配置等も全く同じにして管理をしやすくしている。
ちょっと気になっているのが右サイドバーの幅が少し小さい事だがおいおい調整しようと思う。
通常であればテンプレートを入れ替えると1週間ほどかけてあれこれ調整する必要があるが今回は1日で終了だ。
同じテンプレートを適用するのは効率が良い。
「CSS TUTS」を適用した「TomTom's Voice1」
↑ 「CSS TUTS」を適用した「TomTom’s Voice1」、タイトル部分の作り込みが難しい、現在はテキストのみでイメージを入れれてないがこのままでも良いかもしれない

Blogger用のテンプレート「CSS TUTS」の良いとこ悪いとこ

「CSS TUTS」をしばらく使ってみたので良いところと悪いところを上げてみる。

「CSS TUTS」の良いところ

・デザインがあっさりしていい感じ
・懸案のパンくずもいい感じ
・SNSボタンが今風

「CSS TUTS」の悪いところ

・タイトル周りのレイアウトが少し特殊?で作りにくい
・右サイドバーの幅が少し小さい
・カテゴリクラウドが長くなってしまう
と言ったところだ。比較的導入が簡単な部類だがタイトル周りは設定が難しいので要注意だろう。

タグの管理はGoogle Tag Manager(GTM)化した

以前GoogleAnalyticsの利用はWordPressサイトのみGoogle Tag Manager化した。
それ以外のBloggerでは何故かGoogle Tag Managerのタグが入らなかったためだ。この時の方法はテンプレートに直接Google Tag Managerのコードを追加する方法だったが文法チェックに引っかかり保存が出来なかったのだ。
今回は幸か不幸かすっかりその事を忘れていたためにBloggerのウィジェット内に広告コードと一緒に入れた。すると全く問題無いのだった。最初からこうしとけば良かった。
これで管理している3つブログのGoogleAnalyticsのコードは全てGoogle Tag Manager経由となった。せっかくGoogle Tag Manager化したのだがそのメリットをまだ出せていない。もっと研究が必要だ。
今回はこのへんで
では

ポチっと応援お願いします
ブログランキング・にほんブログ村へ
にほんブログ村

Copyright(C) 2015 OssanIT All Rights Reserved

関連カテゴリー

関連するカテゴリーはこちら、是非チェックしてみて下さい。

おすすめコンテンツ

気に入っていただけたら是非シェアお願いします!

  • このエントリーをはてなブックマークに追加
  • Pocket

コメントはお気軽にどうぞ

メールアドレスは公開されません。
*が付いている欄は必須項目です。

内容に問題なければ、下記の「OK!」ボタンを押してください。