東京都立川市の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でサイト制作をする時のメモ

2021.02.02 2021.10.11

WordPressでサイト制作を依頼された時に最低限チェックしておいた方が良いことを自分用にまとめました。マストな設定・Googleアナリティスク＆サーチコンソール・バックアップ・SSL ・メタディスクリプション・OGP ・PING設定クライア…

WordPress　トップページに特定の固定ページのコンテンツ内容を表示する方法

WordPress　トップページに特定の固定ページのコンテンツ内容を表示する方法

2015.12.11 2021.10.10

固定ページのページIDから記事を引っ張ってくるます。 GIRL 例えば、固定ページにプロフィールを作って、その内容を任意の場所に設置する時になんかに使えます！ソース [crayon-662b9dcab636a808106303/] …

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

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

2017.09.09 2021.10.10

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

WordPresss 「重複するタイトルタグのあるページ」対策でタイトルとディスクリプションをユニークにしました。

WordPresss 「重複するタイトルタグのあるページ」対策でタイトルとディスクリプションをユニークにしました。

2016.02.24 2021.10.10

ME canonicalをユニークなものになるように設定しているのに、GoogleさんとこのSearch Consoleに「重複するタイトルタグのあるページ」な～んて言われちゃって、無視してずーっとのこっているのもキモチわるいので手をつけることにしました。 …

WordPress キャッシングさせないでCSS（スタイルシート）を即時反映する方法

WordPress キャッシングさせないでCSS（スタイルシート）を即時反映する方法

2015.11.06 2021.10.10

FRIEND WordPressのテンプレートカスタマイズする時なんか、色々イジってのに「あれ～？反映されない…」ってことがあるとです… ME ふむふむ。その理由はページ読み込みスピードを上げるためのキャッシュが原因なんやで。 …

【WordPress】１ページ内にカスタム投稿ごとの新着記事を表示する方法

【WordPress】１ページ内にカスタム投稿ごとの新着記事を表示する方法

2017.01.16 2021.10.10

GIRL トップページ、サイドバーなど任意の場所にカスタム投稿タイプの新着記事を表示したい時に以下のコードをかきまふ。ソースカスタム投稿タイプが「schedule」の新着記事を5件表示の場合 [crayon-662b9dcab65ca75621…

関連するカテゴリの記事

WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった…

WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった…

2021.01.24 2023.06.22

WordPressのカスタム投稿を利用して店舗一覧を作った。カテゴリのイメージは以下のようにしました。 ■関東エリア（親カテゴリ） │ ├ 東京都（子カテゴリ） │　　　　├ 店舗（記事） │　　　　└ 店舗（記事） │ ├ 神奈川県（子カテゴリ） │　　…

投稿フォーマットを有効化＆ラベルの名称を変更する／WordPress

投稿フォーマットを有効化＆ラベルの名称を変更する／WordPress

2018.11.15 2023.06.22

ME 僕がWordPressで投稿フォーマットを有効化する時は、以下のことが目的のことが多いです。投稿フォーマットごとにデザイン（CSS）を変更する時スライター設置時にスライダーに掲載する記事とする時その他にもアイデア次第で色々なことに活用で…

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, …

CSS テキストシャドウで文字を縁取る

CSS テキストシャドウで文字を縁取る

2015.12.11 2021.10.10

text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合

WordPress　トップページに特定の固定ページのコンテンツ内容を表示する方法

WordPress　トップページに特定の固定ページのコンテンツ内容を表示する方法

2015.12.11 2021.10.10

固定ページのページIDから記事を引っ張ってくるます。 GIRL 例えば、固定ページにプロフィールを作って、その内容を任意の場所に設置する時になんかに使えます！ソース [crayon-662b9dcab636a808106303/] …

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…