東京都立川市のWeb制作事務所KOSAERU（コサエル）
理想をカタチに！あなたのホームページをこさえます！

2016.02.23 2021.10.10

WordPress 次の記事、前の記事リンクにclassを追加する方法

KOSAERU WEB MEMO WordPress

WordPress 次の記事、前の記事リンクにclassを追加する方法

Wordpress 次の記事、前の記事リンクにclassを追加する方法

以下のWordpressページ送りのテンプレートタグにclassを付けたい。Jqueryかましたり色々したいんで・・・

▼加工していないソース

<?php next_posts_link('&amp;laquo; PREV'); ?>
<?php previous_posts_link('NEXT &amp;raquo;'); ?>

1 2	<?php next_posts_link('&laquo; PREV'); ?> <?php previous_posts_link('NEXT &raquo;'); ?>

▼functions.phpに以下のコードを追加

add_filter('next_posts_link_attributes', 'my_next_posts_link_attributes');
add_filter('previous_posts_link_attributes', 'my_previous_posts_link_attributes');
 
function my_next_posts_link_attributes() {
 return 'class="next"';
}
function my_previous_posts_link_attributes() {
 return 'class="back"';
}

1

2

3

4

5

6

7

8

9

add_filter('next_posts_link_attributes', 'my_next_posts_link_attributes');

add_filter('previous_posts_link_attributes', 'my_previous_posts_link_attributes');

function my_next_posts_link_attributes() {

return 'class="next"';

}

function my_previous_posts_link_attributes() {

return 'class="back"';

}

WEB MEMO WordPress

関連するタグの記事

WordPress 投稿日時ではなく「●分前、●日前に投稿されました」とする

WordPress 投稿日時ではなく「●分前、●日前に投稿されました」とする

2016.02.19 2021.10.10

FRIEND 投稿日時をそのまま表示するんでなくて、Twitterみたいに「●●時間前に投稿されました」って表示させたい！ ME そんなYouに！以下のソースをコピペするだけで対応可能だYO!! １．functi…

WordPress YouTube動画をレスポンシブ対応

WordPress YouTube動画をレスポンシブ対応

2015.11.04 2021.10.10

①functions.phpに以下を記述する function tdd_oembed_filter($html, $url, $attr, $post_ID) { if ( strstr( $url,'youtu' ) ) { $return = '<div clas…

WordPress サイドバーのタイトルタグをH2からH3に一発で変更する方法

WordPress サイドバーのタイトルタグをH2からH3に一発で変更する方法

2015.11.04 2021.10.10

▼functions.phpに以下を記述するだけ if ( function_exists('register_sidebar') ) { register_sidebar(array( 'id' => 'sidebar-1', 'before_widget' =&…

WordPress、パンくずリストを設置

WordPress、パンくずリストを設置

2017.09.05 2023.06.22

SEO対策にマストな「パンくずリスト」。ユーザーに現在ページがサイト上のどの位置にあるのかを示すのにも有効です。 WordPressの場合、パンくずリストはプラグインを使って設置する方法が一番簡単かとは思うんですが、プラグインを増やすことでサイトの表示スピードが遅くなっ…

WordPress 検索結果のヒット件数を表示するコード

WordPress 検索結果のヒット件数を表示するコード

2016.02.25 2021.10.10

WordPressで検索した時に、検索結果画面に「●●件の記事がヒットしました。」って検索ヒット件数を出す時のソースコード。ソース [crayon-6853dbd017e3f309540969/] ▼参考例 [crayon-6853dbd017e4171483…

WordPress 条件分岐、ホーム（トップページ）とそれ以外

WordPress 条件分岐、ホーム（トップページ）とそれ以外

2015.11.04 2021.10.11

ME トップページには表示したいけど、それ以外のページには表示させたくない。またその逆が実現できるコードを紹介しまっす！ ▼トップページにだけ表示 [crayon-6853dbd017e9f087380380/] ▼トップページにだ…

関連するカテゴリの記事

WordPress post_class()に任意の独自クラスを追加する方法

WordPress post_class()に任意の独自クラスを追加する方法

2017.09.09 2021.10.10

WordPressのループ内でほぼほぼ使うpost_class()。実際には以下のように書くことが多い。 [crayon-6853dbd0193f2336197353/] このpost_class()が出力する値は以下のもの。 post-(投稿 I…

WordPress プラグインWordPress Popular Postsにランキング順位を表示する方法

WordPress プラグインWordPress Popular Postsにランキング順位を表示する方法

2015.11.06 2021.10.10

cssに以下のものを書いて、フロントをみながら調節 .popular-posts {counter-reset: wpp-ranking;} .popular-posts ul li:before { content: counter(wpp-ranking, …

WordPress「Warning: Use of undefined constant …」ってエラーが表示されていたので直してみた

WordPress「Warning: Use of undefined constant …」ってエラーが表示されていたので直してみた

2020.02.13 2021.10.10

ある日ページチェックしていたら以下のエラーが表示されていた。ビビったけどすぐ対応できたので覚書として残しておきます。 ▼エラー内容 Warning: Use of undefined constant HISTROY - assumed 'HIST…

CSS／フォントサイズ「px、em、rem」の違いと変換表

CSS／フォントサイズ「px、em、rem」の違いと変換表

2021.02.09 2023.06.22

px 絶対指定 1pxは1ドット em 相対指定親要素のfont-sizeを基準 [crayon-6853dbd0194f3709995015/] 変換表親要素のfont-sizeが16pxの場合 px em em 1…

2021最新版、WordPressでサイトでもブログでも流用できるfunctions.php

2021最新版、WordPressでサイトでもブログでも流用できるfunctions.php

2021.02.22 2021.10.10

WordPressオリジナルテーマでサイトを制作する時に、めっちゃ使いそうなfunctions.phpをメモ。これがあるとサイトでもブログでも流用できるから便利♪ functions.phpとは？テーマを作成する際に使用するファイルの１つ。現在有効なテーマのディ…

WordPressでこれはやっておきたいセキュリティ強化対策

WordPressでこれはやっておきたいセキュリティ強化対策

2021.02.06 2023.06.22

WordPressは世界で多くの利用者がいるオープンソースのコンテンツ管理システム（CMS）です。管理画面のURLが決まっているなど、構造がわかりやすい、オープンソースで脆弱性が発見されやすいなど理由から攻撃対象になりやすいシステムでもあります。僕が制作したサイトでも…