SAMPLE IMAGE この画像は差し替えてご利用ください

B20 ブログを表示する

ブログ記事の作成と公開ができたら、ページに表示してみよう。

B20-1 ブログの一覧を表示する

➊ ブログを表示するサイトページを新規作成する

1)新規ページを作成・追加する

ナビゲーションの編集で、[マスターブログ]ページを新規作成し、サイト内に配置する。このページは、Jimdo サイトで公開されているブログを、一括で表示するためのものです。

新規ページに[マスターブログ]という大見出しのタイトルを追加する。

blog38:ブログ専用表示ページ
blog38:ブログ専用表示ページ

➋ ブログ記事を埋め込む

2)ブログを表示を選択する:

ブログ一覧を表示する場所として、 大見出し「マスターブログ」の直下に表示されている[+コンテンツを追加]クリックし、さらに[…その他コンテンツ]を開きます。表示されるメニューから、[ブログ表示]を選択する。

blog39:ブログ表示
blog39:ブログ表示

3)ブログの表示方法を設定する:

一般公開したブログ一覧が表示されるが、それらの表示方法を設定します。ここでは、表示するブログ数(5件)、記事間の余白、概要の表示量(見出しや段落などの1項目)はそのまま。カテゴリは入力しない。要は初期設定のままにします。そのままで [保存]ボタンをクリックします。

blog40:ブログ一覧の表示方法設定なし
blog40:ブログ一覧の表示方法設定なし

4)ブログ記事の一覧が表示される。

※ここでは、すべての記事の中の最新ブログ記事が5件、それぞれタイトルと一つ目の項目(見出しや段落など)が概要として表示される。ブログ記事に複数項目(見出しや段落など)がある場合は、「続きを読む」ボタンが表示される。

blog41:ブログ一覧
blog41:ブログ一覧

ブログ記事を一覧表示したときの仕組み

ブログ記事を一覧表示すると、記事全体ではなく、各記事の冒頭部分だけを表示する仕組みになっています。一覧表示した際、冒頭からどのくらい表示するかは、「概要」タブの中にある「概要の表示量」で調整することができる。

ブログ記事の一つ目の項目の内容量

ブログ記事を一覧表示したとき、[概要の表示量]は初期設定では「1」となっています。これはブログ記事の中の見出しや段落のうち一つ目の項目を概要として表示するということ。

このため概要を見栄えよくみせるには、一つ目の項目の内容量を少なめにするのがポイント。続きは2つ目の項目に入れていきましょう 。

B20-2 カテゴリを使ってブログ記事を分類表示する

Jimdo のブログは、カテゴリと呼ばれる分類表示機能があります。カテゴリを活用して、カテゴリ毎に区別して複数のページで表示することができます。

ブログ記事の分類表示

一つのブログ記事を書くだけで、サイト内の複数ページのいろいろな箇所に自動表示されるのがブログ機能の特徴です。

通常の記事としてページに表示させる方が良い場合との使い分けを考えて、工夫して使い分けることもできます。

ここでは、「お知らせ」カテゴリのブログ記事を表示させる例です。

➊ あるページに、中見出し「お知らせ」を追加する

➋ ブログ記事の表示

1)見出し「お知らせ」の下での操作です。

①[+コンテンツを追加」→[…その他コンテンツ]→[ブログ表示]をクリックします。

2)カテゴリを入力します。

②[カテゴリ]の入力欄をクリックするとすでに設置されているカテゴリ名一覧が表示されるので、表示したいカテゴリ名を選択する。カテゴリは複数選ぶことが可能です。ここでは「お知らせ」を選びます。 

③[概要の表示量]を「0」にします。

④ 設定が完了したら、最後に[保存]ボタンをクリックします。

3)選択されたカテゴリが表示されます。

※[概要の表示量]を「0」にしたので、表示されるのは記事のタイトルのみ。 

B20-3 全ブログ記事一覧のページを作る

ブログ記事は最大100個まで1ページに表示させることができます。

この上限いっぱいに、タイトルだけ表示する全記事一覧ページを作ります。

➊ ブログ一覧のページを作る

①[ナビゲーションの編集]で「マスターブログ」ページの下層に「ブログ一覧【1】」ページを作る。

②「プロぐ一覧【1】」ページは非表示とする。

➋ 新規ページ(ブログ一覧【1】)での制作

①ページの見出しに[大見出し]で「ブログ記事一覧」とする。

②その下に、ブログ表示の設定をする。

【記事数】・・・・・「100」  上限一杯にする

【分類】・・・・・・「すべて」 全記事一覧であるから

【概要の表示量】・・「0」    記事タイトルだけとする

➌ 新規ページ(ブログ一覧【1】)へのリンクを設定する

①「マスターブログ」ページ を開く。

②[+コンテンツの追加]で、 [文章]を選択する。

③「記事一覧を見る」と入力し、内部リンクを設定する。

④[内部リンク]の設定で「プロぐ一覧【1】」にリンクを設定する。

これで マスターブログのページから、ブログ全部の一覧のページへのリンクが貼られた。

B20-4 テーマ(カテゴリ)毎のページを、サイドバーからリンクする

➊ テーマ一覧ページを2階層で作る

jd26_10:ブログテーマページ作成
jd26_10:ブログテーマページ作成

1)[ナビゲーションの編集]画面

①「ブログテーマ」ページを第一階層に作り、非表示にする。

*このページは各テーマ(すなわち、カテゴリ)のページをまとめるための空ページです。 

② 第二階層に、以下のようなテーマ(カテゴリ)ごとのページを作り、非表示にする:

テーマ:お知らせ

テーマ:イベント

テーマ:フォトギャラリー

テーマ:HP勉強会

テーマ:ボランティア

 今後テーマが増えたらページも追加する。

③ ページができたら[保存]を押す。

➋ 各テーマのページを設定する

1)ページ編集

① [+コンテンツを追加]で[大見出し]作成、タイトルを付ける

例:「テーマ:お知らせ」

② その下に[ブログ表示]を選択する

③ ブログパーツの設定:

【記事数】・・・・「100」

【分類】・・・・・「(カテゴリー)を入力する」

【概要の表示値】・「0」

④[保存]をクリックする

全てのテーマページに同じように設定する。

今後テーマが増えたらこのページを増やす。

➌ サイドバーにテーマ一覧を追加し内部リンクを貼る

1)サイドバーでの[+コンテンツを追加]

①[中見出し]で「Blog Theme」とする

②[文章]で、リンクテキストを入力する

③ 各ページへのリンクを貼る