ガジェットを追加してカスタマイズ!


 Bloggerのレイアウト機能を使ってブログをカスタマイズする時に、最も威力を発揮するのが、ガジェットの活用です。ガジェットを追加したり、移動したりしてレイアウトをカスタマイズすることで、自分の作りたかったブログのデザイン、レイアウトに仕上げられます。ヘッダーから順次見ていくことにして、実際にブログをカスタマイズしていきます。


▼Cross-Column 〔ガジェットを追加〕

 まず、ヘッダーのすぐ下にある「Cross-Column」「Cross-Column 2」と同じ名前のテンプレートがありますが、上の「Cross-Column」の枠内にある「ガジェットを追加」をクリックして開くウィンドウからガジェットを追加して、それを下のCross-Column 2」に移動することによっていろんなツールを追加できます。



 ガジェットを追加」ウィンドウには便利な機能が多数用意されていて、その中から選んだ機能を自由に追加できるようです。現状では、大きく三つのカテゴリーに分けられていて、全部で900種類以上が使えます。おそらく、今後も追加されていくと思われます。


 ・基本:28種類

 ・その他のガジェット:928種類

 ・独自に追加:自分で追加可能

 それでは実際に、「Cross-Column」テンプレート内の「ガジェットを追加」をクリックして、ポップアップウィンドウを開いて見てみましょう。下に示すようなウィンドウが開きます。

 それぞれのタイトルの右端に〔+〕ボタンがあり、〔+〕をクリックすることで使えるようになります。既に追加されているタイトル横には〔追加済み〕と表示されています。

 
 何か選んで試してみましょう、下にスクロールして、テキスト」というタイトルを試してみます。


 右端にある青い〔+〕ボタンをクリックしてウィンドウを開きます。

 
 タイトルを次のように入力してみます。

 タイトル:Bloggerテストタイトル

 コンテンツ入力ボックスに次のように入力。

 コンテンツ:
 Bloggerの管理メニューでレイアウトチェック、ガジェットでテキストを入力して表示!

 入力画面の上にあるツールバーの〔b〕を選んで太字に指定して保存、ウィンドウが閉じます。

 管理ページの「レイアウト」で確認してみると、保存した後は「Cross-Column」に入力したタイトル「Bloggerテストタイトル」と表示されています。

 この「Cross-Column」の上にカーソルを載せると、カーソルが十字に変化して、テンプレートを移動できるようになります。その「Cross-Column」掴んだまま下の「Cross-Column 2」にスライドさせ移動します。こんな感じにしてみました。



 プレビューで確認すると「テキストの設定」コンテンツに入力した

Bloggerの管理メニューでレイアウトチェック、ガジェットでテキストを入力して表示!

 がブログのヘッダー部分に反映されています。


 少し分かりにくいので、同じく「テキストの設定」を使って別の設定をしてみます。

 今度はタイトル下のリード部分の長い文章

Blogger を使いブログ始めました!
Blogger を足掛かりにして、ブログの魅力に触れてみたいと思います。
Blogger の使いやすさ、その機能性について、自分自身が使い込んで、しっかりとその魅力を伝えられたらと思います。
未来に向かって進化を続けるコンピューター世界に、少しでも触れる一つの空間にでもなれれば幸いです。応援してください。

 のリード文をそのまま切り取り、コンテンツに入れ替えて表示してみましょう。
 (リードの保存されている場所は、「管理メニュー」 > 「設定」、にあります。)

 今度は「Cross-Column 2」のテンプレートの編集をクリックして修正します。

 入れ替えてプレビューしてみると、こんな感じになりました。


 タイトルとリードが別々となり、見やすくなった気がします。
 せっかくなので、しばらくはこのままで使っていくことにします。

コメント