ブログの使い方ガイド

カスタマイズで制作したデザインは、「デザイン共有」機能を利用すると、「みんなのデザイン」として公開され、他の多くの人に使ってもらうことができます。

デザインの共有は、管理画面の「ブログ設定」をクリックし、ブログ設定のページの「デザイン」をクリックします。




デザイン設定のページで、「デザイン共有」タブを選択します。

デザインを共有する前に

デザインの共有するには、以下の情報が必要になります。サムネイルやスクリーンショットは、どんなデザインか伝わりやすいものを作成しましょう。

• デザイン名
• サムネイル（推奨：70x70ピクセル）
• スクリーンショット（推奨：400x500ピクセル）
• カテゴリ
• デザインの説明

デザインを共有する

デザイン名、サムネイルURL、スクリーンショットURL、デザインの説明を入力し、カテゴリを選択します。サムネイルやスクリーンショットの画像は、「画像/ファイル」でアップロードしておくと簡単です。


必要事項を入力し終わったら、「共有確認画面へ」をクリックします。


確認画面が表示されるので、表示された項目を確認したうえで「実行」をクリックします。


「共有が完了しました。」と表示されたら、デザインの共有は完了です。「確認する」をクリックすると、共有されたデザインのページを開きます。そのページからデザインを適用することができるので、ブログなどでそのページのURLを紹介しましょう。

デザイン制作上の注意

共有するデザインを制作するうえで注意する点があります。ブログの各HTMLテンプレートには、「独自タグ」と呼ばれる、HTMLタグではなくテンプレート専用のタグが含まれています。デザインを共有する場合、その独自タグの中で「必須タグ」と呼ばれるものは、かならずテンプレート内に記述していなければなりません。
既存の公式デザインから編集して制作する場合などは、既に必須タグが含まれていますので、特に気にすることなく共有できます。
必須タグについての詳しい情報はこちらをご覧ください。
・必須タグについて

また、ブログの機能を十分に利用するために必要な独自タグである「推奨タグ」もあります。必須タグと同様に、既存の公式デザインには含まれていますので、特に必要がない場合は削除せず、そのままご利用ください。
推奨タグについての詳しい情報はこちらをご覧ください。
・推奨タグについて

「デザイン保存」機能を利用することで、カスタマイズしたデザインを保存しておくことができます。テンプレートを修正する前に保存しておいて、カスタマイズした結果、ブログがうまく表示されなくなってしまったら、保存しておいたデザインに戻す、といったことが可能です。

デザインを保存する

デザインの保存は、管理画面の「ブログ設定」のページから「デザイン」をクリックします。
　　

続いて、「デザイン保存」のタブをクリックします。


「保存」ボタンをクリックして、現在ブログに適用しているデザインを保存箱に保存します。すでに保存してある保存箱で「保存」ボタンをクリックすると、新しいデザインで上書きされてしまいますので注意してください。


保存するとその保存箱に、デザイン名、サムネイル、保存した日時が表示されます。

デザイン名・サムネイルを編集する

保存したデザインのデザイン名とサムネイルは、自由に編集することができます。
保存箱の「編集」ボタンをクリックすると、編集ウインドウが開くので、デザイン名とサムネイルの画像URLを入力します。

保存したデザインを適用する

保存したデザインをブログに適用するには、「デザインの保存」タブから行います。

保存箱の中から適用したいデザインを選択し、「プレビュー / 適用」ボタンをクリックします。


プレビュー画面にて確認後「実行」というボタンをクリックし、完了画面が表示されたら、保存箱のデザインの適用は完了です。

HTMLやCSSの知識がある方は、ブログ全体のデザインを自分の好きなようにカスタマイズすることができます。

デザインのカスタマイズは、管理画面の「ブログ設定」から、「デザイン」を選択し、「デザインカスタマイズ」をクリックします。

テンプレートの種類

カスタマイズできるテンプレートの種類は以下の5つです。

• スタイルシート（CSS）
• トップページ
• 個別記事ページ
• カテゴリアーカイブ
• 月別アーカイブ

編集するテンプレートはそれぞれのタブをクリックすることで切り替えることができます。タブを切り替えるたびに保存する必要はありません。

デザインをプレビューする

カスタマイズの途中で、実際のブログに適用する前に確認したい場合に「プレビュー」を利用することができます。
編集エリアの下にある「プレビュー」ボタンをクリックすると、別ウインドウで開きます。


プレビューウインドウでは、ブログのタイトルや本文内のテキスト、各種HTMLタグ、画像などのデザインを確認できます。

デザインを保存して適用する

プレビューしてみて問題なかったら、カスタマイズ中のデザインを保存して、ブログに適用します。
編集エリアの下にある「保存」ボタンをクリックします。


完了画面が表示されたら、デザインの適用は完了です。

自分のブログにあったデザインを探してみて、デザインを変更してみましょう。
デザインの変更は、管理画面の「ブログ設定」をクリックし、ブログ設定のページの「デザイン」をクリックします。




デザイン設定のページで、「デザイン選択」タブを選択します。

デザインを探す

「ピックアップ」から探す

おすすめのデザインから探す場合は、左側のメニューの「ピックアップ」を選択します。

「公式デザイン」から探す

定番のデザインから探す場合は、左側のメニューの「公式デザイン」を選択します。

「みんなのデザイン」から探す

ユーザの皆さんが共有するデザインから探す場合は、「みんなのデザイン」を選択します。



「公式デザイン」と「みんなのデザイン」から探す場合、どのようなデザインがあるか、ページ左側の「絞り込み」メニューの「ジャンル」、「イメージ」、「レイアウト」、「カラー」から探すことができます。


ジャンル
写真、動物、ゲームといったジャンルでデザインを探します。


イメージ
シンプル、クール、かわいいといった全体的なイメージからデザインを探します。


レイアウト
ブログの本文エリアとサイドバーの配置からデザインを探します。


カラー
デザインに利用されている配色からデザインを探します。

デザインを確認する

気になったデザインを見つけたら、どんな感じなのか大きな画像で確認することができます。デザインの画像の上にマウスカーソルをおくと、「プレビュー」ボタンが表示されるので、クリックします。

選びなおしたいときは、「キャンセル」をクリックすると画像を閉じることができます。

デザインを適用する

デザインを確認してみて、このデザインに変更しようと決めたら、デザインの下にある「実行」ボタンをクリックします。



完了画面が表示されたら、デザインの変更は完了です。ブログを確認してみましょう。

ブログのデザインは、誰でも簡単に利用できるデザインとして、公式に配布している「公式デザイン」と、ユーザーのみなさまが制作し、「デザインの共有」機能を利用して共有されたデザイン集の「みんなのデザイン」の2種類があります。
また、HTMLやCSSの知識がある方は、カスタマイズで独自のデザインを自由に制作することができます。

公式デザイン

ブログ公式テンプレート・デザイン

みんなのデザイン

みんなのデザイン
・利用者数ランキング
・新着デザイン