タグの下部にカテゴリーを表示したい

Simplicityの特徴 フォーラム Simplicityについての質問 タグの下部にカテゴリーを表示したい

  • このトピックには6件の返信、2人の参加者があり、最後にHidekichiにより11年前に更新されました。
6件の返信スレッドを表示中
  • 投稿者
    投稿
    • #27711
      たま
      ゲスト

      いつも大変おせわになります。そして素晴らしいテーマの作成ありがとうございます。
      さっそく質問です。タイトルの通り、投稿ページでタグの下部にカテゴリーを表示したいときはどうすればよいでしょうか?
      検索しましたがうまく見つかりません。お手数ですがアドバイスよろしくお願い致します。

    • #27722
      Hidekichi
      ゲスト

      投稿ページは、投稿したページ、つまりはトップページの記事リスト一覧を何かしらクリックした後に開くページですよね?(念の為。編集ページだったらどうしようと言うことから)
      タグの下部とは、cssのセレクタで言う所のpost-metaの部分ですか?
      カテゴリーを表示したいと言うのは、カテゴリー全体ですか?それとも今見ている記事のカテゴリーですか?

      具体的に「何かしらをしたいので、何々するにはどうすればよいですか?」みたいな感じの一文があるととても助かります。そこから「あぁ多分こういうことがしたいんだろうな」と想像もできたりしますので。

    • #27735
      アバター画像わいひら
      キーマスター

      おそらく、entry-body.phpをカスタマイズすればできると思います。
      ただ、詳しいことは、僕も詳細を聞いてみないと何とも言えません。

    • #27739
      たま
      ゲスト

      言葉足らずで申し訳ありません。
      こんな風にしたいという画像をアップしました。
      ↓画像のリンク、うまく見えますでしょうか??
      このようにカテゴリーの表示位置を変えたい

      • この返信は11年前にアバター画像わいひらが編集しました。理由: 画像を見るように修正
      Attachments:
    • #27743
      Hidekichi
      ゲスト

      ※ 画像が表示されてませんでしたがリンクから直接見てみました。

      (function($){
      $(function(){
      $(“p.post-meta .category”).appendTo(“.footer-post-meta”);
      });
      })(jQuery);

      ↑codeタグをいれると文字化け(というかコード化してしまうので)、まんま書いときます。

      でいけるかなぁ。試してないんですけれども。子テーマあたりのjavascript.jsに追記します。
      うまく行かない場合は、jquery append appendTo等もしくは、要素の移動等で検索して色々試してみて下さい。

      意味合い的には、p要素のpost-metaの中にあるcategoryと言うclassを、footer-post-metaの中の要素の最後に入れると言う感じです。
      何かしらcssが必要な時は、style.cssに

      .footer-post-meta .category{
        //何かしらのプロパティ
      }

      このようにしておきます。phpをイジるのであれば、entry-body.phpの15行目あたり、
      <span class=”category”><span class=”fa fa-folder fa-fw”></span><?php the_category(‘, ‘) ?></span>
      こやつを、同phpの90行目あたり、
      <?php if (is_tag_visible()): ?>
      <span class=”post-tag”><?php the_tags(‘<span class=”fa fa-tag fa-fw”></span>’,’, ‘); ?></span>
      <span class=”category”><span class=”fa fa-folder fa-fw”></span><?php the_category(‘, ‘) ?></span>

      こんなふうにしたらいいと思います。15行目辺りのは、表示したくないならcssで消すこともできますし、php内で、

      <?php /*<span class=”category”><span class=”fa fa-folder fa-fw”></span><?php the_category(‘, ‘) ?></span> */ ?>

      とコメントアウトしても良いと思います。が、phpをいじると親テーマをイジることになると思うのでアップデートの際に再度やり直す必要がありますので注意です。

    • #27762
      たま
      ゲスト

      お世話になります。
      当方の画像が表示されず申し訳ありません。
      アドバイス頂いたjavascript.jsの追記はうまくできませんでしたが、
      entry-body.phpの変更でまさに希望どおりの表示ができました。
      ありがとうございました!

    • #27764
      Hidekichi
      ゲスト

      あれ?おかしいなぁ、動作すると思うんですけれども…

      と、言うことで実際にやってみました。参考: うちの海外サイト

      トップページにリンクしておきましたんで、そこから「未分類」表示のないものあたりで確かめてもらえるとわかりやすいのではないかと思います。またcssは触ってないので、連続して表示されています。

      若干直したことというと、
      (function($){
      $(function(){
      $(“.artcle .post-meta .category”).appendTo(“.footer-post-meta”);
      });
      })(jQuery);

      pをarticleにしたぐらいです。あと、ダブルクォートが全角に変換されていたので半角でやり直しました。

6件の返信スレッドを表示中
  • フォーラム「Simplicityについての質問」には新規投稿および返信を追加できません。
スポンサーリンク
アドセンス(大)
アドセンス(大)