[WordPress.com] ショートコード「display-posts」を使って記事中にリンクのリストを表示する方法

最終更新日:2015-12-27

WordPress.com の記事中にリンクのリストを表示する方法についての覚え書きです。単純にリンクを貼付ける方法もありますが、WordPress.com の投稿記事を使ってリンクデータを管理する方法も考えられます。その場合のリンクのリストの表示方法についての提案です。

CSS スタイルシートエディターに以下の CSS を追加し、

/* ショートコード「display-posts」でのリンクリストの表示 ver.0.1 by comemo */
.simplelist ul li {
	color: #777777;
}

.simplelist .title,
.simplelist .excerpt-dash {
	display: none;
}

記事に以下の記述を追加すると(「リンク集1」の部分は任意のタグ名。)、

<div class="simplelist">[display-posts tag="リンク集1" posts_per_page="-1" include_excerpt=true]</div>

以下のようなリンクのリストを表示することができます。

adfasdf

リンクを追加するときには、抜粋のところにリンクを貼りつけ、

投稿の編集 ‹ t demo — WordPress-5

リンクリスト用のタグを追加すれば OK です。

adsfasd-1

投稿フォーマットは「標準」のままでも特に問題ありませんが、「リンク」という投稿フォーマットのあるテーマを使っている場合には「リンク」に設定しておいたほうが後々、情報の整理がしやすいと思います。

asdfasdf

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。