ガジェットを追加してカスタマイズ!
Bloggerのレイアウト機能を使ってブログをカスタマイズする時に、最も威力を発揮するのが、ガジェットの活用です。ガジェットを追加したり、移動したりしてレイアウトをカスタマイズすることで、自分の作りたかったブログのデザイン、レイアウトに仕上げられます。ヘッダーから順次見ていくことにして、実際にブログをカスタマイズしていきます。
▼Cross-Column 〔ガジェットを追加〕
「ガジェットを追加」ウィンドウには便利な機能が多数用意されていて、その中から選んだ機能を自由に追加できるようです。現状では、大きく三つのカテゴリーに分けられていて、全部で900種類以上が使えます。おそらく、今後も追加されていくと思われます。
・基本:28種類
・その他のガジェット:928種類
・独自に追加:自分で追加可能
・基本:28種類
・その他のガジェット:928種類
・独自に追加:自分で追加可能
それでは実際に、「Cross-Column」テンプレート内の「ガジェットを追加」をクリックして、ポップアップウィンドウを開いて見てみましょう。下に示すようなウィンドウが開きます。
それぞれのタイトルの右端に〔+〕ボタンがあり、〔+〕をクリックすることで使えるようになります。既に追加されているタイトル横には〔追加済み〕と表示されています。
何か選んで試してみましょう、下にスクロールして、「テキスト」というタイトルを試してみます。
右端にある青い〔+〕ボタンをクリックしてウィンドウを開きます。
タイトルを次のように入力してみます。
タイトル:Bloggerテストタイトル
タイトル:Bloggerテストタイトル
コンテンツ入力ボックスに次のように入力。
コンテンツ:
Bloggerの管理メニューでレイアウトチェック、ガジェットでテキストを入力して表示!
入力画面の上にあるツールバーの〔b〕を選んで太字に指定して保存、ウィンドウが閉じます。
Bloggerの管理メニューでレイアウトチェック、ガジェットでテキストを入力して表示!
入力画面の上にあるツールバーの〔b〕を選んで太字に指定して保存、ウィンドウが閉じます。
管理ページの「レイアウト」で確認してみると、保存した後は「Cross-Column」に入力したタイトル「Bloggerテストタイトル」と表示されています。
この「Cross-Column」の上にカーソルを載せると、カーソルが十字に変化して、テンプレートを移動できるようになります。その「Cross-Column」掴んだまま下の「Cross-Column 2」にスライドさせ移動します。こんな感じにしてみました。
プレビューで確認すると「テキストの設定」コンテンツに入力した
Bloggerの管理メニューでレイアウトチェック、ガジェットでテキストを入力して表示!
がブログのヘッダー部分に反映されています。
少し分かりにくいので、同じく「テキストの設定」を使って別の設定をしてみます。
今度はタイトル下のリード部分の長い文章
Blogger を使いブログ始めました!
Blogger を足掛かりにして、ブログの魅力に触れてみたいと思います。
Blogger の使いやすさ、その機能性について、自分自身が使い込んで、しっかりとその魅力を伝えられたらと思います。
未来に向かって進化を続けるコンピューター世界に、少しでも触れる一つの空間にでもなれれば幸いです。応援してください。
のリード文をそのまま切り取り、コンテンツに入れ替えて表示してみましょう。
(リードの保存されている場所は、「管理メニュー」 > 「設定」、にあります。)
今度は「Cross-Column 2」のテンプレートの編集をクリックして修正します。
入れ替えてプレビューしてみると、こんな感じになりました。
タイトルとリードが別々となり、見やすくなった気がします。
せっかくなので、しばらくはこのままで使っていくことにします。
コメント
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、「コメントを入力」をクリックしてください。よろしくお願い致します!