ホーム > サポートメニュー > ユーザー助け合い掲示板

質問内容・回答一覧ツリー

Q. カテゴリー - 投稿者:三原(2016年12月15日 18:56) No.7389  
Q. カテゴリー [解決済み]
  • 投稿者:三原
トップ画面にカテゴリーを表示させたいのですが、どのようにすれば表示されるでしょうか?

ちなみに、カレンダーやリンク、プロフィールなどは表示されています。
  • 記事ID:No.7389
  • 投稿日時:2016年12月15日 18:56 (2016年12月27日 23:17更新)

回答一覧(返信数 8 件)

投稿者:3steps A. Re: カテゴリー

どのテンプレートをお使いでしょうか?
または自作でしょうか?

自作テンプレートの場合は以下のページを参照し、お好みの位置へ独自タグを埋め込んで下さい。
https://jugem.jp/manual/?eid=83

また、今まで投稿した記事にはカテゴリは設定されていますか?
カテゴリが設定されている記事が一つも無い場合、カテゴリリストのタイトルはあっても、中身(リスト)が存在しない場合があります。

カテゴリーの追加方法は以下のページを参考にして下さい
https://jugem.jp/manual/?cid=7

  • 投稿日時:2016年12月17日 15:36
投稿者:三原 A. ありがとうございます

コメントありがとうございます。

テンプレートは『custom04ex 』です。
記事は下書きを書いてまだ投稿はしていませんが、プレビューを見るとカテゴリーが表示されていないのです。

いくつか記事を投稿(複数のカテゴリー)すると表示されるのでしょうか?

  • 投稿日時:2016年12月22日 10:45
投稿者:3steps A. Re: ありがとうございます

custom04exを自分のブログで適用し、確認しましたがカテゴリ(categories)のタイトルでカテゴリーリストが表示されました。

まず、記事を投稿しなければアーカイブに表示されない為、月別アーカイブ’(archives)も空の状態になっていると思います。
月別アーカイブは投稿さえすればカテゴリが未登録の状態でもリストアップされます。
カテゴリ別のリスト化は、記事にカテゴリを追加した状態で、月別アーカイブへのリストアップの条件を満たすと追加されます。

下書きでは投稿状態ではないので、追加されません。

まだ不安でしたら、お手持ちのブログのURLを投稿者欄の下のURL部分に貼り付けて再度質問してください。
そうすると回答者が直接ブログを確認でき、不具合の絞込みがより容易になります。

  • 投稿日時:2016年12月22日 18:30
投稿者:三原 A. Re: Re: ありがとうございます

御丁寧にありがとうございます。

近々記事をアップする予定なので確認してみます。
それでもし表示されなかったら下2行に書かれているようにします。

本当にありがとうございました。

  • 投稿日時:2016年12月23日 01:12
投稿者:三原 A. Re: Re: ありがとうございます

ありがとうございました。
記事を投稿したら、仰られていた通り表示されました。

あと、もしよろしかったら、もうひとつ質問させて下さい。
上部の写真と、記事のタイトルの間隔
記事と記事の間隔をもう少し開けたいのですが、どのようにしたらよろしいでしょうか?

投稿者:3steps A. Re: Re: Re: ありがとうございます

CSSを編集することで調整が可能ですが、編集の前にバックアップを取ることをお勧めします。

JUGEM管理者ページを開き、デザイン > PCデザイン・フォント変更のページを開きます。
デザイン・フォントの選択の枠内下部に「適応しているブログデザインを複製」という入力フォームがあるので、適当な名前をつけて複製して下さい。

複製を作れたら以下の方法で調整します。

デザイン > HTML・CSS編集のページを開き、CSS編集フォームの以下の部分を書き換えます。


◆ヘッダーと最初の記事との間隔(余白)の調整

#header {
width:865px; /* B */
height:360px;
clear:left;
margin:0 auto ;
padding:0;
background-color:#ffffff;
background-image:url(http://img-cdn.jg.jugem.jp/a75/3609805/20161216_1106480.jpg?_ga=1.16541621.2005344685.1366726506);
background-repeat:no-repeat;
background-position:bottom center;
background-attachment:scroll;
}

の中の
margin: 0 auto; を
margin: 0 auto 20px; に書き換えます。
20pxでも間隔が小さいと感じるのであれば、40pxや50pxなど、数値を大きくして調整して下さい。

この文字列の意味は
margin = 外側の余白
0 auto = 上下・左右の余白の値
0 auto 20px = 上・左右・下の余白の値
です。


◆記事と記事の間隔(余白)の調整

記事と記事の間隔(余白)の調整は、
.entry {margin:0 0 15px 0;}
の部分が該当します。15pxの部分の値を大きくして調整して下さい。

0 0 15px 0 = 上・右・下・左の余白の値

  • 投稿日時:2016年12月27日 09:56
投稿者:三原 A. すべて解決しました

この度は、御丁寧にアドバイスして下さり本当にありがとうございました。
感謝いたします。

現時点での問題点はすべて解決しました。

ありがとうございました。

投稿者:****** A. ありがとうございます

この回答は投稿者によって削除されました。

  • 記事ID:No.7398
  • 投稿日時:2016年12月22日 10:45