twenty_twenty_oneの「続きを読む（more-link）」のテキストを変更
-
親テーマ「twenty_twenty_one」の子テーマとしてサイト制作しています。
ブロックエディターで吐き出す「続きを読む（more-link）」のテキストを変更しようとしています。
「twenty_twenty_one」以前の子テーマだとすぐに解決したのですが、このテーマは変更するのに中々できません。
ひとつわかったのは「inc」フォルダ内にある「template-functions.php」内の以下のソースを直接変更すれば「続きを読む」から違うテキストに変更できました。
// Filter the excerpt more link.
add_filter( 'excerpt_more', 'twenty_twenty_one_continue_reading_link_excerpt' );
/**
* Creates the continue reading link.
*
* @since Twenty Twenty-One 1.0
*/
function twenty_twenty_one_continue_reading_link() {
if ( ! is_admin() ) {
return '<div class="more-link-container"><a class="more-link" href="' . esc_url( get_permalink() ) . '#more-' . esc_attr( get_the_ID() ) . '">' . twenty_twenty_one_continue_reading_text() . '</a></div>';
}
}
しかし子テーマ化内で同じファイルを触っても反映されません。「inc」フォルダにある事でファイルは上書きできないのでしょうか。上書きできないならfunctions.phpに書こうと試しましたが、できませんでした。
「twenty_twenty_one」の子テーマで「続きを読む」テキストを変更できる手段はほかにないでしょうか。
ご教授お願い致します。
-
確認ですが、一覧ページ（アーカイブページ）で、各投稿のコンテンツ抜粋の後に表示される「続きを読む」というテキストを変更したい、ということで合っていますか？
また、提案した関数の中（return文の前）で
echo 'test';などを追加してページをリロードしたときに、という文字列はページに表示されますか？これは、その関数が本当に実行されているかどうかをテストするためです。こんにちは、横から失礼お許しください。
やり取りを拝見していてコメントしておくべきかなと感じたので失礼します。つまんなければ無視してくださいね
Twenty Twenty Ten テーマは、クラッシックテーマですが、Twenty Seventeen テーマ等のトラディッショナル？クラッシックテーマとは表示の仕方が大きく異なる設計で作られています。
なので、フィルターのかかり具合や、ブロックエディタの機能も異なります。以下はmoreブロックを含む投稿の例です。
twenty seventeen
全然表示が異なりますね
翻訳文字列は、2017テーマは、続く になっていて、2021テーマは 続きを読む ですね
投稿のmoreブロックは「続きを読む」を「続く」に変更しています。2017はフロントに反映しますが、2021は反映しません。
ようやく文字列の長さも異なります。2017は長く、2021は短い
2021テーマで、moreブロック以前に長めの文字列などがあると、フロントでは表示できない。
どっちが間違っているとかいうつもりはなく利用者の目的に合えばいいだけと思いますが、フィルターなどのカスタマイズを行うユーザーの場合は、それらのテーマがどのように作られているか知っていないと、後々開発に支障をきたす可能性が高いと思います。
というわけで、オーバースペックですが、私が、トラディッショナルクラッシック側に寄せてみた実験結果をお知らせします。
child theme functions.php
変な関数名ですけど御免
<?php
add_filter( 'gettext', 'change_post_to_article' );
function change_post_to_article( $translated ) {
$default_translated_more_link_text = '続きを読む %s';
$override_translated_more_link_text = '詳しく見る %s';
if ( $default_translated_more_link_text === $translated ) {
$post = get_post( get_the_ID() );
$content = $post->post_content;
$custom_link_text = wp_kses( get_extended( $content )['more_text'], array() ) . ' %s';
$custom_link_text = empty( $custom_link_text ) ? $override_translated_more_link_text : $custom_link_text;
return $custom_link_text;
}
return $translated;
}
//the_excerptを使うか、the_contents() かでフィルターも異なるかも、、、
function twenty_twenty_one_child_excerpt_more() {
return '<p>… <a href="' . esc_url( get_permalink() ) . '">詳しく見る!!!</a></p>';
}
//add_filter( 'excerpt_more', 'twenty_twenty_one_child_excerpt_more', 20 );
//add_filter( 'the_content_more_link', 'twenty_twenty_one_child_excerpt_more', 20 );child theme template-parts/exxcerpt/excerpt.php
<?php
/**
* Extend Show the excerpt.
* 概要文は、含んでないです
*/
$post = get_post( get_the_ID() );
$content = $post->post_content;
if ( false === strstr($content,'<!--more') ) {
the_excerpt();
} else {
the_content();
}と、頑張ってみたんだけど 間違ってたら「教えてくださいね」
長らくやり取りして頂きありがとうございました。
上記をfunctions.phpに設定すると表示変更出来ました！
ありがとうございました。早速使わせて頂きます。
また何かありましたらお助け下さい。
- このトピックに返信するにはログインが必要です。