充実のオンラインマニュアルです。管理画面の使い方から独自タグ一覧まで、詳細にご用意しています。
よくある質問集 FAQ はこちらから »
「フリースペース」機能とは、アクセス解析機能やカウンターなど、
HTMLタグの入力が必要な内容を表示させることができる機能です。
テンプレートのHTMLを編集が苦手…と言った場合でも、
ブログに自分の好きなパーツを追加したり、特定のメッセージなども表示可能です。
スマホ版フリースペースでは、挿入する場所も選択可能となっております。
また、headタグ内にご希望のタグを挿入することも可能です。
試しにスマホ版デザインのブログタイトルの下に、メッセージを表示させてみましょう。
今回は、ブログタイトルの下に表示するため、「フリースペース2」に内容を入力します。
※アクセス解析やカウンターなどを貼りつける場合は、生成されたコードを貼り付けます。
※クリックで画像拡大
「状態」の公開・非公開を選択してから、「編集内容を保存」をクリックします。
ブログを確認してみましょう。
ブログタイトル下に設定した内容が表示されました。
今回は、テキストリンクをタップすると別ページが開くリンクタグを設定しましたが、「イベント出展スケジュール」の内容を文章で掲載することも可能です。
ブログのサイドに、ティッカーが表示されました。
初めてブログを設置した時にブログのサイドバーにある「RECOMMEND」のコーナーに商品が表示されています(上の写真以外の商品が表示されることもあります)。
これはブログの管理者ページで「オススメの商品」を紹介するメニューで、好きな商品に変更することができます。
あなたのお気に入りの本やCDなどを紹介してみましょう。複数の商品を表示することも可能です。
新しくオススメしたい商品を登録してブログに表示させてみましょう。
今回は「ダカフェ日記」という本をブログに表示させてみることにします。
まずは管理者ページへログインし、
「データ管理」から「おすすめ商品リスト」>>「商品の検索と追加 」ページへ進みます。
ここでは、Amazon の商品検索を試してみましょう。
ジャンルを選択して、商品名を記入します。
ジャンルを「和書」、「ダカフェ日記」と記入して、検索ボタンを押します。
※ジャンルの選択が間違っていると検索結果が出てこない場合があります。
※現在Amazonのレビュー機能はご利用いただけませんので、楽天のレビュー機能をご利用いただきますよう、お願いいたします。以下、操作手順はAmazonのものと同一となります。
ずらっと、検索内容に関連した商品が表示されました。
ブログに表示したい商品をリストに追加しましょう。
「リストに追加する」ボタンをクリックします。
すると、登録している商品リストが表示されます。
先ほど登録した「ダカフェ日記」もリストに入っていますね。
登録しただけでは、ブログに表示されません。
サイドバー表示を「表示」に切り替えましょう。
これでブログのサイドバーに商品が表示されました。
ここが「非表示」になっている場合は、ブログに表示されません。
サイドバーに表示させている商品には、一言コメントを追加することができます。
ちょっとした感想や、商品の紹介に便利です。
先ほどと同じ手順で、「おすすめ商品リスト」を表示します。
「おすすめ商品[サイドバー表示] 」ページをクリックします。
サイドバーに表示している商品の一覧が表示されます。
「サイドバー表示 / ひと言コメント」の欄にコメントを記入します。
最後にメニューの「コメント更新」ボタンを押して、コメントを保存してください。
ブログで反映されているか確認しましょう。
「おすすめ商品リスト」から商品を削除したい場合は、
リスト右の「×」ボタンをクリックしてください。
ブログデザインを自分の好みのものに変更しましょう。
JUGEMでは、公式テンプレートのほかに、JUGEMユーザーが作成したテンプレートもご利用頂けます。
では、JUGEMの公式テンプレートを使ってみましょう。
■PC版テンプレート
https://jugem.jp/design/template.php?ref=manage_template
※ダウンロードしたテンプレートは、一覧の一番上に表示されます。
※追加したテンプレートはあなたの ストックとして保存 されるだけで、あなたのブログにすぐに適用されるわけではありません。
それでは実際に テンプレートをブログに適用 してみましょう。
テンプレートは変更できましたか?
デザインが豊富なJUGEMのテンプレートをたくさん試してみてください。
続いて、ユーザー作成テンプレートを使ってみましょう。
※すでにJUGEMトップページでログインされている場合は、表示されません。
さっそく管理者ページで確認してみましょう。
「管理者ページ:テンプレート一覧へ」をクリックします。
あとは先ほどの公式テンプレートと同じ手順で、自分のブログにテンプレートを適用すれば完了です。
※正常にダウンロードできない場合※
Google Chromeで「テンプレートデータをダウンロード」をクリックした際に、下図のエラー表示がされる場合、XSS(クロスサイト・スクリプティング:脆弱性攻撃)防止のため、同ブラウザのセキュリティ機能が表示させているものかと存じます。
この画面が表示されてしまう場合は、戻るボタンにて前のページに戻っていただき、「HTML・CSSよりコピーして使う」よりソースコードをコピーしていただく形にてご利用いただきますよう、お願いいたします。
※現在持っているテンプレートの中で不要なテンプレートのソースにコピー&ペーストで上書きする形にて、ご利用いただけます。