Shortcodes Ultimate Posts shortcodeのカスタマイズ
例えば、投稿ループの内容を修正したい、追加したいや独自classなどを付けたい時にプラグインのファイルの修正をするとできる。
プラグインの編集
プラグイン > プラグイン編集 > 編集するプラグインを選択で「Shortcodes Ultimate」 > templates
ここを直接修正するとできるが、プラグインを更新によりリセットされる。
Use template attribute to change the template. The value of this attribute should be a relative path to template file from plugin folder or folder of your theme. Shortcode example:
- iPhoneの故障の症状は、どのような感じですか!?
- 滋賀県の湖東・甲賀・湖南のiPhone6s故障修理は即日完了
- 伊賀上野でのiPhone修理はデータ消えずに即日修理
- 初代iPhoneの内部構造は！ – 2007年発売
- iPhoneXs、XRの画面の保護には、ガラスフィルムで万が一に備える！
- 【JavaScript】スクロールで合わせてアニメーションを実装 – Delighters.JS
- iPhone XsやiPhone XRなど強制的に再起動する方法
- 【AdSense】ads.txt が含まれていないサイトがあります。どうすればいい⁉
- iPhoneの種類を外見『見た感じ』で見分ける方法は!?
- 三島市でのiPhoneのガラス割れ・バッテリ交換のお店は！？
- 健康カラオケ
- 【JavaScript入門講座の備忘録】４．
- 【JavaScript入門講座の備忘録】３．For in ループ
- 【JavaScript入門講座の備忘録】２．データ型、文字列
- 【JavaScript入門講座の備忘録】１．JavaScriptの概要
- 伊賀市でのホームページ作成のご依頼はお任せ下さい。
- 『iPhone8修理に即日対応』iPhone修理の店 – 沼津南店
- 【WordPress】テンプレートファイルの階層の優先される順番
- 【さくらインターネット】WordPressをルートディレクトリー直下（ドメインの直下）にインストールする。
- 【WordPress】termの取得と表示の方法
- ホームページ作成「webサイト構築」の費用・料金の相場
- 【三重県川越町】iPhone修理・買取のMM.Fix（モットモットドットフィックス）
iPhoneの故障の症状は、どのような感じですか!?
コメントなしiPhoneの画面のガラスが割れてしまった場合でも、もしかしたら使えなくなるのでは!?って思い不安になってしま […]
iPhoneXs、XRの画面の保護には、ガラスフィルムで万が一に備える！
コメントなしiPhoneのディスプレイ面を保護してくれるのが、フィルムになります。やはり、万が一の時に付けてて良かったっと […]
【JavaScript】スクロールで合わせてアニメーションを実装 – Delighters.JS
コメントなしスポンサーリンク 目次 Delighters.JS について軽量で実装が簡単実際に実装したDEMODummy […]
【AdSense】ads.txt が含まれていないサイトがあります。どうすればいい⁉
コメントなしgoogle アドセンスの開いたら、 要注意 – ads.txt ファイルが含まれていないサイトが […]
【JavaScript入門講座の備忘録】１．JavaScriptの概要
コメントなしスポンサーリンク 目次 JavaScript必要なもの基本の文法HTMLファイルの中に記述する。コメントの記述 […]
『iPhone8修理に即日対応』iPhone修理の店 – 沼津南店
コメントなしスポンサーリンク 目次 静岡県、沼津！ぶらりiPhone修理ができる！こんなiPhoneのトラブルなら、「その […]
【さくらインターネット】WordPressをルートディレクトリー直下（ドメインの直下）にインストールする。
コメントなしさくらインターネットでのWordPressをインストールすると、ドメイン直下にインストールにはインストールでき […]
【三重県川越町】iPhone修理・買取のMM.Fix（モットモットドットフィックス）
コメントなしスポンサーリンク 目次 MM.Fix 『モットモットドットフィックス』とは！店舗情報iPhoneの故障に即日対 […]
In this example, search for the template will be made in the following locations (in the specified order):
/wp-content/themes/child-theme/templates/default-loop.php
/wp-content/themes/parent-theme/templates/default-loop.php
/wp-content/plugins/shortcodes-ultimate/templates/default-loop.php
テーマファイルをカスタマイズするには、上記３つディレクトリー内のいずれかにいれる。
FFFTP等でサーバーに入る。
①子テーマ 内 に templates ファイルを作成する。
/wp-content/themes/child-theme/templates/
②プラグインファイル内に入っているファイルをコピーして、貼りつける。
（一旦、ローカルにダウンロードしてから作成した「templates/」内に入れる。
default-loop.php – posts loop
teaser-loop.php – posts loop with thumbnails and titles
single-post.php – single post template
list-loop.php – unordered list with post titles
↓
wp-content/themes/child-theme/templates/default-loop.php
・・・
さらに、独自のファイルを作成する。
↓
たとえば、
default-loop.php
↓
default-loop-2.php
のようにファイルを作成する。
以下ファイル内。
<div class="su-posts su-posts-default-loop"> <?php if ( $posts->have_posts() ) : ?> <?php while ( $posts->have_posts() ) : $posts->the_post(); ?> <div id="su-post-<?php the_ID(); ?>" class="su-post"> <?php if ( has_post_thumbnail( get_the_ID() ) ) : ?> <a class="su-post-thumbnail" href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a> <?php endif; ?> <h2 class="su-post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <div class="su-post-meta"> <?php _e( 'Posted', 'shortcodes-ultimate' ); ?>: <?php the_time( get_option( 'date_format' ) ); ?> </div> <div class="su-post-excerpt"> <?php the_excerpt(); ?> </div> <a href="<?php comments_link(); ?>" class="su-post-comments-link"><?php comments_number( __( '0 comments', 'shortcodes-ultimate' ), __( '1 comment', 'shortcodes-ultimate' ), '% comments' ); ?></a> </div> <?php endwhile; ?> <?php else : ?> <h4><?php _e( 'Posts not found', 'shortcodes-ultimate' ); ?></h4> <?php endif; ?> </div>
のようになっているので、使いやすいように加工して保存する。
保存時は、UTF8 で保存する。
FFFTP等でサーバーに作成したものをアップロードする。
