post-meta内の文字数の制限方法について

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

      お世話になっております。

      タイトルの通りなのですが、post-meta内の文字数の制限方法を教えていただけないでしょうか。
      一定文字数を超えた場合に「…」等と表示させたいと思っております。

      使用しているのバージョンは、simplicity2の2.6.8です。

      宜しくお願いいたします。

    • #60104
      Akira
      ゲスト

      post-meta というのは、投稿ページの記事タイトル下に表示される、投稿日や更新日、カテゴリー、コメント数などが表示される部分でしょうか。

      任意の文字数で制限するのではなく、単に 1 行に収めるのであれば CSS のみでできます。

      .post-meta {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      ただ、 post-meta にはアイコンが入っているので、場合によっては三点リーダーが表示されません。

    • #60106
      かうたっく
      ゲスト

      一定文字数を超えた場合に「…」等と表示させたいと思っております。

      もしかしたら、トップページのタイトル下、日付など領域post-metaにある記事の抜粋文字entry-snippetのとこですか?

      https://gyazo.com/5e47541c9d51f4d42e62b1d4b81d5df6

      もしそうであれば、外観-カスタマイズ-レイアウト(全体・リスト) より以下。

      抜粋文字数(デフォルト:70)
      インデックスリストや関連記事、ブログカードで表示される抜粋文字の文字数を設定します。

      ここに任意の文字数を

      抜粋の末尾文字(デフォルト:…)
      抜粋文の末尾に付属する文字列を設定します。

      ここに希望の文字列を

      https://gyazo.com/0da22d29ca171ebadfda02ae35ffc67c

      これらを指定して試してください。

      どの部分の事か不明ですので、記事のスクリーンショットをアップするか該当記事URLと文字列を書いて、確認してもらえる状況を作っておねがいすれば、やりたい事が伝わりやすいと思います。

      説明画像用のアップローダーツール

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

    • #60107
      かうたっく
      ゲスト

      日付など領域post-metaにある記事の抜粋文字entry-snippet

      間違い。正解は→ 日付領域post-metaの下にある、記事内抜粋文字entry-snippet領域

    • #60108
      shun
      ゲスト

      Akiraさん

      はい、投稿日や更新日、カテゴリー、コメント数などが表示される部分です。
      1行に上手くおさまりました、ありがとうございます!

    • #60109
      shun
      ゲスト

      かうたっくさん

      回答いただきありがとうございます。

      投稿日や更新日、カテゴリー、コメント数などが表示される部分のことでした。

      これからは伝わりやすく質問するよう気を付けます。
      お手数をおかけしました。

5件の返信スレッドを表示中
  • トピック「post-meta内の文字数の制限方法について」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)