投稿

ラベル(テンプレート)が付いた投稿を表示しています

【Blogger】お勧めの海外製テンプレート『canvas』を日本語化する

イメージ
今回はBloggerのテンプレート『canvas』を日本語化します。 現在Blogger標準の『Contempo』というテンプレートをカスタマイズして使用しているこのブログですが、左カラムの使い勝手が悪いことが大きな欠点でした。 これをどうにか解消したくて様々なテンプレートを探し、見つけたのがフリーの海外製のテンプレート『canvas』です。 『canvas』のスクリーンショット。非常にシンプルです。 今回はこのテンプレートを日本語に合うようにします。 日本語化で問題になる文字列の行間を広げ、フォントをサンセリフ中心に、デザインや色も味気ないので変更、これを全てCSSの追記で処理しています。 作業後のイメージが、下記スクリーンショットとなります。 元の状態から配色とデザインを一部変更しています。 メインメニュー内にあった検索は使い勝手がイマイチだったのでCSSで非表示にし、 標準の検索ガジェットを使用しています。 『canvas』とCSSカスタマイズを適応したサンプルブログ これからその手順を紹介していくのですが、注意点がいくつかあるので先に挙げていきます。 1 . 事前に、 現在使用しているテンプレートをバックアップ しておいて下さい。 1. Bloggerのダッシュボードの左側にあるテーマを選択し、 右上のバックアップ/復元をクリック。 (C) Google ↓ 2. 表示されたウインドウ内、テーマをダウンロードをクリックすると、 現在ブログに使用されているテーマのダウンロードが始まります。 (C) Google 2 . 途中でHTMLを直接書き換える工程があるので、作業は慎重に行ってください。 3 . 作業に自信が無い方は、 練習用のブログを作成し、そのブログ上で作業を練習 して下さい。 4 . 全ての作業は 自己責任 にて行って下さい。 注意点は以上です。次に事前準備です。 事前準備1. 現在のブログの固定ページ名と主要タグ名、それぞれのアドレスを控える 『canvas』には2つのメニューバーが備わっていますが、共にBlogger標準のページガジェットは使われていません。ここを編集するにはHTMLコードを直接書き換える必要があるので、事前に メニ...