플러그인없이 WordPress 관련 게시물을 추가하는 방법

WordPress를 사용하면 큰 장점 중 하나는 플러그인입니다. WordPress 플러그인은 멋진 기능을 추가하고 검색 엔진을 위해 블로그를 최적화하는 등 블로그를 CMS로 확장하는 것에서부터 상상할 수있는 거의 모든 것을 다룹니다. 가능성은 무한합니다 (그리고 모든 다른 테마를 잊지 말자).

그러나 너무 많은 플러그인을 사용하면 WordPress 블로그가 막힐 위험이 있으며, 최악의 경우에는 '중단'할 수 있습니다. 서로 호환되지 않는 플러그인 인스턴스는 물론 블로그를 느리게하는 플러그인도 있습니다..

가장 인기있는 WordPress 플러그인 카테고리 중 일부는 “관련 게시물” 블로그에. WordPress에는 이것에 대한 표준이 없으므로 누구나 사이트의 관련 게시물을 표시하는 데 일종의 플러그인을 사용해야합니다..

이 기사에서는 모든 플러그인을 간단하고 가볍게 액세스 할 수있게 유지하면서 플러그인없이 블로그에 미리보기 이미지가있는 관련 게시물을 추가하는 방법을 알려줍니다. 시작하자!

하지만 먼저 플러그인을 피하는 이유는 무엇입니까??

플러그인이 아닌 WordPress의 내장 코드와 서비스를 항상 사용해보고 사용해야하는 데는 여러 가지 이유가 있습니다. 주요 이점은 블로그가 작동하기 위해 제 3 자 (플러그인 개발자)에게 의존 할 필요가 없다는 것입니다. 인기있는 플러그인이 개발자들에 의해 버려지는 경우가 많아 셀 수없이 많은 사이트 소유자가 오래되고 잠재적으로 취약한 소프트웨어를 사용하게됩니다..

또 다른 이유는 공식적인 WordPress 디렉토리에서 플러그인을 얻는다면 희귀하지만 코드를 악성 코드 조각이 포함 된 사이트를 느리게 만들거나 악화시킬 수있는 비대해진 플러그인을 사용할 위험이 없다는 것입니다.

시작하기 : 미리보기 이미지가있는 관련 게시물

이 "관련 게시물"기능은 다른 대부분의 기능과 마찬가지로 주요 기사 페이지 (single.php)에 배치되도록 디자인되었지만 WordPress 루프 내에서 유지하는 한 거의 모든 곳에서 사용할 수 있습니다. 관련 게시물을 얻으려면 개별 기사에 제공되는 게시물 태그를 사용합니다..

미리보기 이미지

이제 WordPress에는 내장 축소판 시스템이 있습니다. 여기에 우리가 필요합니다. 그것을 가능하게하려면,이 코드를 theme 폴더에있는 functions.php 파일에 추가하십시오 (대부분의 경우 이미 있습니다).

 add_theme_support ( 'post-thumbnails');

또 다른 줄을 코드에 추가하여 미리보기 이미지의 너비와 높이를 설정할 수도 있습니다.

 add_theme_support ( 'post-thumbnails'); set_post_thumbnail_size (100, 50, true);

중대한: 소식에 이미지를 추가 할 때 미리보기 이미지를 만들려면 이미지 업로드 패널에서 다음을 선택해야합니다. “추천 이미지로 사용”. 게시물에 대한 미리보기 이미지가 생성됩니다..

코드

  관련 게시물
 신분증); if ($ tags) $ tag_ids = array (); foreach ($ tags는 $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ tag_id, 'post__not_in'=> 배열 ($ post-> ID), 'posts_per_page'=> 4, // 표시 할 관련 게시물의 수 'caller_get_posts'=> 1) ; $ my_query = new wp_query ($ args); while ($ my_query-> have_posts ()) $ my_query-> the_post (); ?>

코드 조각 the_post_thumbnail (배열 (150,100) 표시 할 미리보기 이미지의 크기를 설정합니다 (이 경우 150px 너비, 100px 높이)..

CSS

여기에 두 개의 div 클래스가 있습니다., “.관련 게시물”, 전체 div 컨테이너입니다. “.relatedthumb” .relatedposts 내의 개별 축소판 및 링크입니다. 게시물의 너비는 표준 640px라고 가정합니다. CSS :

 .relatedposts width : 640px; margin : 0 0 20px 0; 왼쪽으로 뜨다; font-size : 12px;. 관련 게시물 h3 글꼴 크기 : 20px; margin : 0 0 5px 0;  .relatedthumb margin : 0 1px 0 1px; 왼쪽으로 뜨다;  .relatedthumb img margin : 0 0 3px 0; 패딩 : 0; .relatedthumb a color : # 333; 텍스트 장식 : 없음; 디스플레이 : 블록; 패딩 : 4px; width : 150px; .relatedthumb a : hover background-color : #ddd; color : # 000;

위의 CSS는 게시 미리보기 이미지의 너비가 150px로 렌더링되므로 게시의 너비 (640px 너비 포함)를 채우기 위해 4 개의 미리보기 이미지가 필요합니다. 원하는대로 조정할 수 있습니다. 미리보기 이미지 5 개를 원할 경우 관련 크기가 약 125px의 너비가 필요합니다..

중대한: CSS에서 설정 한 것과 일치하도록 WordPress 미디어 설정에서 생성 된 축소판의 너비를 설정하십시오. 또한 PHP 코드에 지정된 크기와 일치해야합니다. the_post_thumbnail (배열 (150,100).

예

관련 게시물은 게임 블로그 DigitalBattle (이 기사에서 설명한 정확한 기술을 사용함)에 사용 된 것과 같이 다음과 같이 표시되어야합니다.

유사한 기술

이것은 플러그인이없는 관련 게시물을 처리하는 유일한 방법이 아닙니다. 플러그인이없는 관련 게시물을 추가하는 방법을 보여주는 많은 기술과 가이드가 있습니다. 여기에는 그 중 몇 가지가 나와 있습니다.

관련 게시물 (WordPress의 플러그인이없는 축소판) (TechWalz)
방법 : 플러그인이없는 WordPress의 미리보기 이미지가있는 관련 게시물 (WPBeginner)
플러그인없이 미리보기 이미지와 함께 관련 게시물을 추가하는 방법 (WPCode)

결론

WordPress가 제공하는 내장 기능으로 많은 작업을 수행 할 수 있으며 많은 경우 타사 플러그인을 사용하여 작업을 완료 할 필요가 없습니다. 다음 번에 WordPress 블로그 용 플러그인이 필요하면 플러그인없이 동일한 기능을 사용할 수 있는지 확인하십시오. 주변을 파헤 치면 웹에서 대안을 찾아보십시오. 상자 밖에서 WordPress로 얼마나 많은 일을 할 수 있는지 놀랄 것입니다..