[記事数:1,202] 日本を元気にするキーワード、地域活性化×中小企業× ITのTips and Quotes(秘訣と引用文)
creative  link  memo 

サイドバーや固定ページ等にサムネイル画像つきの最近の投稿をカテゴリー毎にタイル状に表示



Display Posts Shortcode

カテゴリーやタグ毎のリストを作成することが可能
日付、抜粋文、記事本文の追加が可能
固定ページ、投稿記事、どちらでもリストの作成が可能
出力されるHTMLにクラスが指定されていてCSSでカスタムしやすい。
カスタム投稿、カスタム分類にも対応している
サムネイル画像付きの記事をタイル状に並べることができる
サムネイル画像付きの記事のリストを作成することができる
画像はアイキャッチ画像から抽出
別の記事の内容の一部を挿入することができる
ウィジェットはないが、テキストウィジェットにショートコードを記載して対応

テキストウィジェットにショートコードを記載するやり方が説明
この方法だと固定ページにブログのカテゴリーを指定して表示できたが、要約は表示できなかった

このやり方だとタイトルのほか要約文も表示できたが、なぜかカテゴリー指定すると表示されなくなった

全部のスタイルを網羅したcssが掲載
大きくなるので試していない

ショートコード

実際に試したソース





FavoriteLoadingお気に入りAdd to favorites
デバイスごとにテーマを変更出来るプラグイン【Multi Device Switcher】... デバイスごとにWordPressテーマの切り替えが可能なプラグイン「Multi Device Switcher」をご紹介します。 このプラグインを使えばスマートフォンやタブレットはもちろん携帯モバイルやゲームからのアクセス毎にテーマの切り替えが可能になっています。 デバイス...
JetpackがWordPress.comと連携できない サーバー側がアクセスを許可してない為に発生しているエラー 管理ツールの国外IPアクセス制限 ↓ XML-RPC API アクセス制限を無効に WPblog ネットオール Netowl...
記事評価プラグイン WordPressの記事評価プラグインを試す | いちよんこーど 投稿記事の評価ができるプラグイン WP-PostRatings | たなブログ WordPress入門講座 WP-PostRatings | WordPressとプラグイン...
WordPress 会員制サイトの作り方 WordPress 会員制サイトの作り方 WP-Members | hijiriworld Web WordPressで会員に更新してもらうサイトを作る方法 ワードプレスで会員制サイト構築時に参考にしたサイト WordPress で非...
WordPressの関連記事プラグインまとめ (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px soli...
パブリックドメイン画像を探して使えるプラグイン「Pixabay Images」... Pixabayへのリンクが同じウィンドウで開くのでpixabay-images/pixabay-images.php を編集する。 Pixabayプラグインでアイキャッチ画像をさくっとWordpressブログ記事に。 | ノマドWEB - サイト制作・ブログ運営に役立つ情...
WordPress:全記事数を表示させる方法 投稿の全記事数を表示 カスタム投稿の全記事数を表示 投稿・カスタム投稿含めた全記事数を表示 WordPress:全記事数を表示させる方法 | NxWorld ワードプレスで全投稿記事数の...
直感操作でレスポンシブページ作成。WPプラグイン「ページビルダー(Page Builder by S...   直感操作でページ作成!WordPressプラグイン ページビルダー(Page Builder)
関連記事や広告を記事下に自動挿入するプラグイン「Add Post Footer」... 関連記事や広告を記事下に自動挿入するWordPressプラグイン「Add Post Footer」 | ワードプレステーマTCD 一括で広告、関連記事、定型文を管理 - ProloGraphy -ProloGraphy ブログ記事の途中と最後に広...
LRW Widgets Bundle – Page Builderを使うときに便利なプラグインSit... (adsbygoogle = window.adsbygoogle || []).push({}); h3.widget-title { position: relative; padding-bottom: .5em; border-bottom: 1px solid ...

コメントを残す