WordPress - 이전/다음 페이지 링크에 앵커를 추가하는 방법

Question

내 워드 프레스 테마의 상단에 갤러리가 있고 그 아래에 블로그 게시물이 있습니다. 다음 페이지로 갈 때마다 나는 원하지 않는 윗부분으로갑니다. Gallery 바로 아래에 #blog라는 앵커를 추가하여 이전/다음 페이지 링크에 추가하고 싶습니다. 코드에서 #blog를 넣어이 작업을 수행해야하는 위치는 어디입니까?

Answer 1

두 가지 조정을 통해이를 수행 할 수 있어야합니다. 첫 번째는 앵커를 만들고 두 번째는 앵커를 사용하도록 링크를 조정합니다.

앵커는 name 속성을 가진 <a> 태그 또는 id 속성을 가진 거의 모든 태그로 참조 될 수 있습니다. WordPress 테마의 대다수에는 이미 #content에서 사용할 수있는 앵커가 있다고합니다. 블로그 게시물로 이동하여 소스 코드를보십시오. 소스 코드에서 id="content"을 검색하여 존재하는지 확인하십시오. 그렇지 않은 경우 id을 찾고 실제 게시물 콘텐츠는 해당 콘텐츠를 사용할 수 있습니다. 찾을 수 없으면 하나 만들어야합니다.

WordPress 테마 파일에서 single.php이라는 파일을 찾습니다. 이것은 일반적으로 단일 게시물이 렌더링되는 방식을 제어하는 ​​파일입니다. 앵커를 추가하고 링크를 조정하기 위해 편집 할 파일입니다.

당신은 id 사용, 당신은 당신의 내용이 출력을 위해 호출되는 위치를 찾아 싸여 어떤 HTML 태그에 id을 추가 할 수 있습니다 (그 '내용'또는 무엇을 할) 찾을 수 없었던 경우 그것 주위. 링크를 출력하기위한 다양한 방법이 있습니다

<div id="primary"> 
    <div id="content"> 
    <?php while (have_posts()) : the_post(); ?> 
     <div class="entry-content"> 
     <?php the_content(); // this is your post content ?> 
     </div><!-- .entry-content --> 
    <?php endwhile; // end of the loop. ?> 
    </div> 
</div> 

, 그래서 정말 테마 워드 프레스의 버전에 따라 달라집니다

예를 들어, 내 파일의 버전을 박탈은 다음과 같습니다. single.php 파일에서 "next_post"및 "previous_post"와 관련된 기능을 찾습니다. 링크를 만드는 데 사용되는 대부분의 함수는 자동으로 전체 링크 태그 (<a>)를 작성하므로 링크를 가로 채서 변경할 수는 없습니다.

직접 링크를 작성해야합니다. 아래 코드는 정보를 얻고 링크를 만드는 방법을 보여줍니다. 앵커 참조로 id="content"을 사용한다고 가정합니다.

<?php 
    $prev_post = get_previous_post(); 
    if (!empty($prev_post)): ?> 
    <a href="<?php echo get_permalink($prev_post->ID); ?>#content"><?php echo $prev_post->post_title; ?></a> 
    <?php endif; ?> 

    <?php 
    $next_post = get_next_post(); 
    if (!empty($next_post)): ?> 
    <a href="<?php echo get_permalink($next_post->ID); ?>#content"><?php echo $next_post->post_title; ?></a> 
    <?php endif; ?> 

그러면 이미지와 게시물 콘텐츠를지나 자동으로 페이지를 건너 뛰는 찾고자하는 링크를 만들어야합니다.