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

このトピックには5件の返信が含まれ、1人の参加者がいます。3 ヶ月、 3 週間前 shun さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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

    かうたっくさん

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

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

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

トピック「post-meta内の文字数の制限方法について」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)