wordpressのページネーションの変更の仕方がわかりません。

wordpressのtwentyseventeenというテーマを使っています。

子テーマを作って使っています。

そこで、「メインインデックスのテンプレート (index.php)」に表示される「ページ１」「次のページ」などの

文字列を変更したいのですが、どこで変更したらいいのでしょうか？

また、その文字列は「<nav class="navigation pagination" role="navigation">
」というnav要素で囲まれているのですが、このCSS、スタイルを変更するにはどうしたらいいでしょうか？

アドバイスを頂けると幸いです。

ちなみに、、「メインインデックスのテンプレート (index.php)」内にある下記のコードの

<?php if ( is_home() && ! is_front_page() ) : ?>
	<?php else : ?>

	<?php endif; ?>

			<?php
			if ( have_posts() ) :

				/* Start the Loop */
				while ( have_posts() ) : the_post();

					/*
					 * Include the Post-Format-specific template for the content.
					 * If you want to override this in a child theme, then include a file
					 * called content-___.php (where ___ is the Post Format name) and that will be used instead.
					 */
					get_template_part( 'template-parts/post/content', get_post_format() );

				endwhile;
the_posts_pagination( array(
					'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' .'</span>',
					'next_text' => '<span class="screen-reader-text">' .'</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ),
					'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>',
				) );
			else :
			endif;
				
			?>

この辺りのコード

the_posts_pagination( array(
					'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' .'</span>',
					'next_text' => '<span class="screen-reader-text">' .'</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ),
					'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>',
				) );

を色々いじってみると「ページ１」が「１」になったり、「次のページ」という文字列がなくなったりはするのですが、
「ページ１」や「次のページ」という文字列自体を変更ができませんでした。
そもそもこのコードに「ページ１」や「次のページ」という言葉自体ないので、「どこにあるの？」という疑問もあります。

「ページ１」や「次のページ」が表示されている部分のスクリーンショットです。（赤枠で囲った部分）

退会済みユーザー

2017/09/29 00:55

具体的な画面のスクリーンショットを載せてもらえますか？

退会済みユーザー

2017/09/29 00:58

スクリーンショットを追加しました。

退会済みユーザー

2017/09/29 02:24

このCSSが効いてなさそうな画面は何ですか？

退会済みユーザー

2017/09/29 02:25

CSSが効いていないというか、どこでCSSを変更すればいいのか、あとページ１、次のページの文字を変更するのはどこかが知りたいのです。

行動規範の内容に同意します

回答2件

ベストアンサー

画面なんてどうでも良いわけですかね…
デフォルトのTwenty Seventeenの投稿一覧のページ送りはこんな感じなので訊いてみました。

その文言は__( 'Previous page', 'twentyseventeen' )や__( 'Page', 'twentyseventeen' )で出力してますが、これを日本語に変換して出力しているのでテンプレート内で探しても”次”などの文言は見つかりません。
これを書き換えるには翻訳ファイルを編集するか、kei344さんが書かれてるようにテンプレートを編集するか出力の際に変換するかのどれかです。

翻訳ファイルの編集は翻訳ファイルを更新してしまうと上書きされ元に戻るのであまりお勧めできません。

テンプレートを書き換えるなら例えば__( 'Page', 'twentyseventeen' )を__( ぺぇーじ', 'twentyseventeen' )とすれば変わります。
2バイト文字を含めた場合でテキストエディタなどで保存する場合、ブラウザで文字化けするのでファイルの文字コードはUTF-8N等にしてください。

出力の際に変換して出力するならテーマのfunctions.phpに以下のような内容を追加すれば変更できます。

function my_original_text( $translated ) {
	if ( !is_admin() && $translated === 'ページ' ) {
		$translated = "ぺぇーじ";
	}
return $translated;
}
add_filter( 'gettext', 'my_original_text' );

これも2バイト文字がある場合はファイルの文字コードはUTF-8N等にしてください。でないと変換しません。
この方法を使った場合、テーマやブラグインが出力するページという文言全てが変換対象になるので、変換するページを限定する場合は条件分岐タグを使って限定してください。

投稿2017/09/29 05:29

退会済みユーザー

総合スコア0

退会済みユーザー

2017/09/29 06:06

ありがとうございます。そうなのですね。日本語にするにはハードルが高いのですね。お二人のコードを両方試しましたがうまくいきました。丁寧なご説明ありがとうございます。

行動規範の内容に同意します

before_page_number を書き換えればよいと思います。ちなみに after_page_number とかもあります。

PHP
1the_posts_pagination( array(
2                    'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' .'</span>',
3                    'next_text' => '<span class="screen-reader-text">' .'</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ),
4                    'before_page_number' => 'もじれつ',
5                ) );