WordPress에 긴 글을 게시하는 방법

때때로 단일 기사 페이지가 너무 길어 페이지 로딩 속도와 사용자 경험에 영향을 미칠 수 있습니다. 이 경우 WordPress를 사용하여 페이징에 긴 기사를 표시해야 합니다. 페이징을 구현하는 방법에는 두 가지가 있는데, 하나는 워드프레스 장문 페이징 플러그인을 사용하는 것이고, 다른 하나는 코드를 수정하여 구현하는 것입니다.

WordPress 긴 기사 페이지 매김 작업 단계:

1단계: WordPress 웹사이트 백엔드에 들어가 모양 아래에서 "편집" 옵션을 찾은 다음 기사 페이지 모듈 Single.php를 찾고 Single에서 다음 코드를 찾습니다. php

<?php the_content(); ?>

2단계: 위 코드를 찾은 후 그 아래에 WordPress 자체 페이징 함수 함수 코드를 추가합니다.

<?php wp_link_pages(); ?>

3단계: 페이징을 원하는 경우 두 번째 단계의 코드로 간단한 페이징 효과를 얻을 수 있습니다. 더 보기 좋게, 두 번째 단계의 코드를 다음 호출 코드로 바꿀 수 있습니다.

<?php wp_link_pages(array(&#39;before&#39; => &#39;<div>分页阅读：&#39;, &#39;after&#39; => &#39;&#39;, &#39;next_or_number&#39; => &#39;next&#39;, &#39;previouspagelink&#39; => &#39;上一页&#39;, &#39;nextpagelink&#39; => "")); ?> <?php wp_link_pages(array(&#39;before&#39; => &#39;&#39;, &#39;after&#39; => &#39;&#39;, &#39;next_or_number&#39; => &#39;number&#39;, &#39;link_before&#39; =>&#39;<span>&#39;, &#39;link_after&#39;=>&#39;</span>&#39;)); ?> <?php wp_link_pages(array(&#39;before&#39; => &#39;&#39;, &#39;after&#39; => &#39;</div>&#39;, &#39;next_or_number&#39; => &#39;next&#39;, &#39;previouspagelink&#39; => &#39;&#39;, &#39;nextpagelink&#39; => "下一页")); ?>

다음 CSS 코드를 사용하여 페이징 버튼의 표시 스타일을 style.css 파일에 직접 복사하세요. 다음과 같은 효과를 얻을 수 있습니다

/**页面分页**/
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;}
.fenye a{text-decoration:none;}
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

4단계: 기사에서 페이징이 필요한 위치에 페이징 코드를 삽입합니다. [코드 텍스트 모드에서 삽입해야 함]

<p><!--nextpage--></p>

5단계: 사용하기 번거롭다면 페이징 코드를 사용할 때마다 편집기 위에 "페이징 버튼"을 추가하여 사용할 수 있습니다. 즉, 기사에서 페이징이 필요한 곳에 "페이징 버튼"을 클릭하면 페이징 코드가 자동으로 추가됩니다. [이 단계를 수행할 수도 있고 수행하지 않을 수도 있습니다]

1. /wp-includes/class-wp-editor.php 파일을 찾으세요. 'wp_more' 찾기, 태그: (366행)

$mce_buttons = apply_filters(&#39;mce_buttons&#39;, array(&#39;bold&#39;, &#39;italic&#39;, &#39;strikethrough&#39;, &#39;¦&#39;, &#39;bullist&#39;, &#39;numlist&#39;, &#39;blockquote&#39;, &#39;¦&#39;, &#39;justifyleft&#39;, &#39;justifycenter&#39;, &#39;justifyright&#39;, &#39;¦&#39;, &#39;link&#39;, &#39;unlink&#39;, <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">&#39;wp_more&#39;,</SPAN></STRONG></SPAN> &#39;¦&#39;, &#39;spellchecker&#39;, &#39;fullscreen&#39;, &#39;wp_adv&#39; ), $editor_id);

2. 'wp_more' 뒤에 'wp_page'를 추가합니다(작은따옴표와 쉼표 포함). 수정된 코드는 다음과 같습니다.

$mce_buttons = apply_filters(&#39;mce_buttons&#39;, array(&#39;bold&#39;, &#39;italic&#39;, &#39;strikethrough&#39;, &#39;¦&#39;, &#39;bullist&#39;, &#39;numlist&#39;, &#39;blockquote&#39;, &#39;¦&#39;, &#39;justifyleft&#39;, &#39;justifycenter&#39;, &#39;justifyright&#39;, &#39;¦&#39;, &#39;link&#39;, &#39;unlink&#39;, <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">&#39;wp_more&#39;,&#39;wp_page&#39;,</SPAN></STRONG></SPAN> &#39;¦&#39;, &#39;spellchecker&#39;, &#39;fullscreen&#39;, &#39;wp_adv&#39; ), $editor_id);

3 이때, 기사 작성 및 편집 페이지의 텍스트 편집기에 태그 더보기 버튼과 유사한 아이콘이 표시됩니다.

마찬가지로 다음 페이지 버튼이 코드 편집기에 나타납니다.

6단계: 웹사이트 SEO 최적화에 영향을 주지 않도록 분류 후 서로 다른 페이지의 기사가 동일한 제목을 갖는 문제를 제거합니다. 테마 템플릿 파일 header.php에서 b2386ffb911b14667cb8f0f91ea547a7...6e916e0f7d1e588d4f442bf645aedb2f과 유사한 코드를 찾아 다음 코드로 바꿉니다.

<?php if ( is_single() ) { ?><title><?php echo trim(wp_title(&#39;&#39;,0)); ?><?php if (get_query_var(&#39;page&#39;)) { echo &#39;-第&#39;; echo get_query_var(&#39;page&#39;); echo &#39;页&#39;;}?> — <?php bloginfo(&#39;name&#39;); ?></title><?php } ?>

7단계: 페이징 기능이 구현되면 피드 페이지의 기사에 페이지가 매겨집니다. 일반적으로 첫 번째 페이지의 내용만 표시됩니다. 해결 방법: wp-includes 디렉토리에 있는 query.php 파일을 엽니다. 다음 코드 줄을 찾으세요(3578 줄 정도)

if ( strpos( $content,&#39;<!–nextpage–>&#39; ) ) {

다음 코드 줄로 수정하세요.

if ( strpos( $content, &#39;<!--nextpage-->&#39; ) && (!is_feed()) ) {

이렇게 해서 긴 글의 완벽한 페이지 매김 효과를 완성했습니다.

더 많은 WordPress 관련 기술 기사를 보려면 wordpress 튜토리얼 칼럼을 방문하여 알아보세요!

위 내용은 WordPress에 긴 글을 게시하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!