記事にカテゴリーのロゴがつくようにしたいです。

PR 2016/9/18

このトピックには6件の返信、2人の参加者があり、最後にhidekichiにより9年、 11ヶ月前に更新されました。

6件の返信スレッドを表示中

投稿者

投稿
- 2016年9月18日 11:23 PM #45327
  
  kazuki
  ゲスト
  
  記事にカテゴリーのロゴがつくようにしたいのですが、やり方がわかりません。
  
  イメージとしては、次のサイトのような感じです。
  
  http://careerhack.en-japan.com/
  
  各記事画像の左下についているカテゴリーの見出しのようなものです。
  
  やり方をご存知の方がいましたら、教えていただきたいです。
  よろしくお願いします。
- 2016年9月19日 1:50 AM #45329
  
  hidekichi
  ゲスト
  
  トップのリストやらの事かと思いますが、それらはどのタイプのリスト表示をされてますか？
  
  また、カテゴリーは各記事に1つしかついてませんか？それとも複数つけてますか？
  仮に複数ある場合でデフォルト表示の場合、カテゴリ名の長さにもよりますが、サムネイルを大幅にはみ出すことがある可能性があります。はみ出さないようにした場合は、サムネイルをほぼ覆い隠す場合もあるかもしれません。それらの時はどのようにしたいと考えられてますか？
  
  質問の内容について、実現はできますがそれをするための規則的なものを設定する必要があると言う感じです。
- 2016年9月19日 4:10 PM #45341
  
  わいひら
  キーマスター
  
  kazukiさんの、サイトのURLを掲載していただいて、設定状態を見させてもらうことはできますか？
  設定によっても、書き方は少し変わってきます。
  
  ただ、hidekichiさんも書かれているように、カテゴリが記事に対して複数設定されていると、CSSだけでは難しいかと思います。複数設定されている場合は、テンプレートでPHPを修正する必要があるかも。
  ただ、それをするにしても、詳しい動作仕様（複数設定時の動作）を知る必要があるかもしれません。
- 2016年9月22日 9:59 PM #45479
  
  kazuki
  ゲスト
  
  hidekichiさん
  
  返信ありがとうございます。
  
  >トップのリストやらの事かと思いますが、それらはどのタイプのリスト表示をされてますか？
  
  →　質問の意図とズレてしまっていたら大変申し訳ございませんが、記事のカテゴリを表示したいと考えております。
  
  >また、カテゴリーは各記事に1つしかついてませんか？それとも複数つけてますか？
  仮に複数ある場合でデフォルト表示の場合、カテゴリ名の長さにもよりますが、サムネイルを大幅にはみ出すことがある可能性があります。はみ出さないようにした場合は、サムネイルをほぼ覆い隠す場合もあるかもしれません。それらの時はどのようにしたいと考えられてますか？
  
  →これからカテゴリーを分類する予定ですが、１記事につき、１つとします。長さは、記事タイトルや本文に被らない短いものと考えております。
- 2016年9月22日 10:02 PM #45480
  
  kazuki
  ゲスト
  
  わいひらさん
  
  ご返信ありがとうございます。
  
  >kazukiさんの、サイトのURLを掲載していただいて、設定状態を見させてもらうことはできますか？
  設定によっても、書き方は少し変わってきます。
  
  →こちらになります。まだ作りかけで、カテゴリーの設定も未設定で申し訳ありません。
  http://t2labo.com/magazine/
  
  ただ、hidekichiさんも書かれているように、カテゴリが記事に対して複数設定されていると、CSSだけでは難しいかと思います。複数設定されている場合は、テンプレートでPHPを修正する必要があるかも。
  ただ、それをするにしても、詳しい動作仕様（複数設定時の動作）を知る必要があるかもしれません。
  
  →単純ではないのですね。
- 2016年9月22日 10:38 PM #45483
  わいひら
  キーマスター
  とりあえず、カテゴリを1つしか指定しないのであれば、以下のようなCSSである程度いけるのではないかと思います。
```
#main .entry {
    position: relative;
}

.entry .post-meta a {
    background-color: navy;
    color: #fff;
    left: 0;
    padding: 3px 8px;
    position: absolute;
    text-decoration: none;
    top: 0;
}

.entry .post-meta .fa-folder {
    display: none;
}
```
  背景色や、余白、位置などはそれぞれ微調整してください。
- 2016年9月22日 11:39 PM #45497
  
  hidekichi
  ゲスト
  
  > 質問の意図とズレてしまっていたら大変申し訳ございませんが、
  > 記事のカテゴリを表示したいと考えております。
  
  意図としては、「記事」が投稿記事なのか、トップのリスト一覧の記事部分の事なのかが質問内にあるリンク先を見た段階でわからなかったので、具体的にどこにつけたいのかと言うのを説明してほしいと言うことです。
  
  リンク先を見ればトップの記事一覧だと思いますし、記事と言えば投稿記事も考えられます。
  トップの記事一覧であるとすれば、デフォルトの状態と、2列・3列と表示が異なれば自ずと入れる方法も代わります。
  
  なので、どの表示方法をされているのかを聞いたわけです。
  
  ぶっちゃけると、カテゴリの表示がしてあれば(htmlの出力があれば)、どこでも好きなように入れることは可能です。
投稿者

投稿