Just another IT site ※IT系の記事は当方環境での実施内容となるため実施する場合は自己責任でお願いいたします。At Your Own Risk!! TURN BACK WHILE YOU CAN
PR

【WordPress】プラグイン「Recent Posts Widget Extended」のショートコード

※IT系の記事は当方環境での実施内容となるため実施する場合は自己責任でお願いいたします。スクリプトはAI生成のものも多いのでコピー&ペーストの際は文字コードに注意ください!
WordPressプラグイン「Recent Posts Widget Extended」のショートコードは
  • AIXの導入は今後も増え続ける?将来性をLinux・クラウド時代の視点で考える

    AIXの導入は今後も増え続ける?将来性をLinux・クラウド時代の視点で考える

  • 夜明け監査のバディ――AI境界線の25夜 第25話 夜明けの境界線(最終回)

    夜明け監査のバディ――AI境界線の25夜 第25話 夜明けの境界線(最終回)

  • AI作成4コマ漫画(2026/09/19)

    AI作成4コマ漫画(2026/09/19)

  • 夜明け監査のバディ――AI境界線の25夜 第24話 ノアの監査報告

    夜明け監査のバディ――AI境界線の25夜 第24話 ノアの監査報告

  • AIXの強みとは?Linuxとの違いも含めて簡潔に解説

    AIXの強みとは?Linuxとの違いも含めて簡潔に解説

です。 [1]
カッコ内にパラメーター(条件)を追加することで、表示件数やカテゴリー、並び順を細かく指定できます。たとえば、カテゴリーIDが「3」の新着記事を5件表示したい場合は以下のように記述します: [1, 2]
  • JP1/AJS RockyLinux9.6に検証用に評価版JP1/AJSをインストールするときのメモ

    JP1/AJS RockyLinux9.6に検証用に評価版JP1/AJSをインストールするときのメモ

  • CentOS7_64bitに検証用に評価版JP1/AJSをインストールするときのメモ

    CentOS7_64bitに検証用に評価版JP1/AJSをインストールするときのメモ

  • サブドメイン設定備忘

    サブドメイン設定備忘

  • 【後で読む】Windowsのサービスをコマンドで起動・停止する

    【後で読む】Windowsのサービスをコマンドで起動・停止する

  • CentOSにcompressをインストールする

    CentOSにcompressをインストールする

[1]
スポンサーリンク
バッチ処理の自動化スキルは市場価値が高いです。今の自分の単価を調べてみませんか?
顧客常駐はもう嫌だ!社内SEへ転職するなら【社内SE転職ナビ】
Cursor・Claude Code・Codex AIスキルを学ぶなら
環境構築不要!AIエージェント開発を非エンジニアでも即実践【AI Agent Camp】

主なショートコードパラメーター一覧

よく使われるパラメーターの設定値は以下の通りです。

パラメーター名 設定値・例 説明
limit limit="5" 表示する件数を指定(デフォルトは10件)
cat cat="3" カテゴリーIDを指定して絞り込む(複数指定は cat="3,5"
post_type post_type="page" 投稿タイプ(postpage、カスタム投稿など)を指定
orderby orderby="rand" 並び順。日付順(デフォルト)やランダム(rand)、更新日順(modified)など
order order="ASC" 昇順(ASC)か降順(DESC)かを指定
offset offset="2" 最新の指定件数をスキップして、その次の記事から表示
thumb thumb="false" サムネイル画像を非表示にする(デフォルトは true で表示)
excerpt excerpt="true" 抜粋文を表示する(デフォルトは false

全パラメーターの詳細は、WordPress公式サイト または GitHubのリポジトリ に記載されています。

ショートコードで表示時のタイトルの文字数を制限するCSS

CSS(スタイルシート)を使って、枠幅からはみ出たタイトルを自動的に「…」にする方法です。文字数ではなく「横幅」で制限されます。
  1. 「外観」>「カスタマイズ」>「追加CSS」を開きます。
  2. 以下のCSSを貼り付けます。
.rpwe-block .rpwe-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}

2行まで表示し、2行目からはみ出た部分を自動的に『…』にする

 

.rpwe-block .rpwe-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 表示する行数を指定 */
overflow: hidden;
}

-webkit-line-clamp: 2; の数値を変更すれば、3行や4行での省略にも簡単に変更できます

タイトルとURLをコピーしました