Warning: Constant POST_PLUGIN_LIBRARY already defined in /home/pasora/pasona-sp.com/public_html/wp-content/plugins/similar-posts/similar-posts.php on line 27
「Shortcodes Ultimate」で簡単画像つき一覧ページ作り | 思いだし にっき
サイトアイコン 思いだし にっき

「Shortcodes Ultimate」で簡単画像つき一覧ページ作り

<p><img class&equals;"aligncenter size-full wp-image-10913" src&equals;"https&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;3424775&lowbar;s&period;jpg" alt&equals;"" width&equals;"384" height&equals;"288" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p style&equals;"text-align&colon; left&semi;">前回の記事で手動?で固定ページに特定カテゴリーの一覧を作りました<&sol;p>&NewLine;<p>記事数が増えてくると、1つ1つ追加していくのは大変。<&sol;p>&NewLine;<p>なんとか画像も入るもので簡単にできないかと探してみました。<&sol;p>&NewLine;<p><&excl;--more--><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>プラグイン「Shortcodes Ultimate」のインストール<&sol;h2>&NewLine;<p>ショートコードを簡単に利用できる「Shortcodes Ultimate」というのを見つけました。<&sol;p>&NewLine;<p>ダッシュボードのメニューから新規プラグインで検索します。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><img class&equals;"wp-image-1477 size-medium aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu1-300x186&period;png" alt&equals;"Shortcodes Ultimate&comma;プラグイン" width&equals;"300" height&equals;"186" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>インストールしたら有効化します。<&sol;p>&NewLine;<p><img class&equals;"size-medium wp-image-1478 aligncenter" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu2-300x129&period;png" alt&equals;"インストール有効化" width&equals;"300" height&equals;"129" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<h2>ショートコードで一覧表を作る<&sol;h2>&NewLine;<p>「固定ページ」から「新規追加」で新しい固定ページを作成します。<&sol;p>&NewLine;<p>プラグインが有効になると投稿画面の上部に「ショートコードを挿入」ボタンが表示されます。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-1479 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu3&period;png" alt&equals;"ショートコード挿入ボタン" width&equals;"896" height&equals;"210" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「ショートコードを挿入」ボタンをクリックすると、リストが表示されます。その中から「投稿」を選びます。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-1480 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu4&period;png" alt&equals;"ショートコードリスト" width&equals;"631" height&equals;"405" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>「投稿」をクリックしたあとに設定画面が表示されます。<&sol;p>&NewLine;<p>項目がいっぱいありますが、ほとんどデフォルトでいいようです。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1481" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu5&period;png" alt&equals;"設定項目" width&equals;"555" height&equals;"552" &sol;><&sol;p>&NewLine;<p>スクロールして設定をしていきます。<&sol;p>&NewLine;<p><strong>ページあたりに表示させる投稿数<&sol;strong>は<strong>「-1」<&sol;strong>にします。<&sol;p>&NewLine;<p>マイナス1は該当する投稿を全部表示するという意味です。<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p><strong>投稿タイプ<&sol;strong>で<strong>「投稿」<&sol;strong>を指定、<strong>条件<&sol;strong>のところで表示させる<strong>カテゴリーを選びます<&sol;strong>。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1482" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu6&period;png" alt&equals;"設定" width&equals;"554" height&equals;"704" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>これだけ設定したら下にスクロールして最後にある「ショートコードを挿入」をクリックします。<&sol;p>&NewLine;<p><img class&equals;"alignnone wp-image-1483 size-full" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu7&period;png" alt&equals;"挿入" width&equals;"699" height&equals;"177" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>ショートコードが作成されます。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1484" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu8&period;png" alt&equals;"ショートコード作成" width&equals;"813" height&equals;"295" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>プレビューで確認してみます。<&sol;p>&NewLine;<p><img class&equals;"alignnone size-full wp-image-1485" src&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;wp-content&sol;uploads&sol;2016&sol;11&sol;shortu9&period;png" alt&equals;"完成" width&equals;"607" height&equals;"477" &sol;><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>指定したカテゴリーのアイキャッチ画像とタイトル、記事本文が表示されています。<&sol;p>&NewLine;<p>プラグインを使うことで楽に一覧ができました。<&sol;p>&NewLine;<p>この機能では、もっといろいろなことができそうなので、試してみたら紹介したいと思います。<&sol;p>&NewLine;<p>次はこれをヘッダーのメニュー(グローバルメニュー)に表示させる方法をメモしておきたいと思います。<&sol;p>&NewLine;<p>とりあえず今日はここまでで続きは次に<&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;<p>以前の記事<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1457&period;html">特定カテゴリーの画像入り一覧ページを作る<&sol;a> へ<&sol;p>&NewLine;<p>次の記事<br &sol;>&NewLine;<a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;1495&period;html">サイトマップをグローバルメニューに表示するⅠ<&sol;a> へ<&sol;p>&NewLine;<p style&equals;"text-align&colon; right&semi;"><a href&equals;"http&colon;&sol;&sol;www&period;pasona-sp&period;com&sol;page-1472&period;html"><span style&equals;"color&colon; &num;0066cc&semi;">WordPress一覧へ<&sol;span><&sol;a><&sol;p>&NewLine;<p> <br &sol;>&NewLine;<a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener"><img src&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;img&sol;diary88&lowbar;31&period;gif" alt&equals;"" width&equals;"88" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a href&equals;"&sol;&sol;diary&period;blogmura&period;com&sol;ranking&period;html" target&equals;"&lowbar;blank" rel&equals;"noopener">にほんブログ村<&sol;a><&sol;p>&NewLine;<p><a title&equals;"日々の出来事 ブログランキングへ" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200"><img src&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;img&sol;banner&sol;c&sol;banner&lowbar;1&sol;br&lowbar;c&lowbar;9200&lowbar;1&period;gif" width&equals;"110" height&equals;"31" border&equals;"0" &sol;><&sol;a><br &sol;>&NewLine;<a style&equals;"font-size&colon; 12px&semi;" href&equals;"http&colon;&sol;&sol;blog&period;with2&period;net&sol;link&period;php&quest;1839199&colon;9200">日々の出来事 ブログランキングへ<&sol;a><&sol;p>&NewLine;<p>&nbsp&semi;<&sol;p>&NewLine;&NewLine;

モバイルバージョンを終了