WordPress의 최신 게시물(사진이 포함된 최신 게시물)입니다. 페이지, 게시물, 카테고리에 대해 다양한 사이드바를 만드는 방법
WordPress의 놀라운 기능!
처음부터 시작하겠습니다. 따라서 먼저 썸네일과 일반 게시물 이미지의 차이점을 이해해야 합니다. 미리보기 이미지는 게시물의 미리보기와 비슷하며 게시물 자체에서는 사용되지 않을 수도 있습니다.
어떤 종류의 카테고리가 있고 이 카테고리의 페이지에 일부 게시물 앞에(아마도 각 게시물 앞에) 일종의 그림이 있다고 가정해 보겠습니다. 이는 본질적으로 게시물의 미리보기입니다. 세밀화. 게시물 중 하나의 페이지로 이동하면 콘텐츠에서 이 이미지를 찾을 수도 있고 찾지 못할 수도 있습니다.
일반적으로 간단히 말해서 썸네일은 다음과 같은 게시물의 미리보기 이미지입니다.
- 게시물 콘텐츠에 사용되거나 사용되지 않을 수 있습니다.
- 카테고리, 태그, 아카이브 등의 페이지에 게시물 링크와 함께 표시될 수 있습니다.
- 특정 크기(이미지 해상도를 의미함)로 자동 조정될 수 있습니다.
실제로 웹사이트 배경으로 사용할 수도 있습니다. 각 항목에는 고유한 배경이 있습니다.
1단계: WordPress 테마에 대한 썸네일 지원 활성화
사이트에서 썸네일을 사용하려면 먼저 썸네일을 활성화해야 합니다. 기본적으로 이 기능은 꺼져 있기 때문입니다.
썸네일을 활성화하기 위해 해야 할 일은 다음 코드 줄을 function.php 파일에 붙여넣는 것뿐입니다(이 이름을 가진 파일이 많이 있을 수 있습니다. 현재 테마가 있는 폴더에 직접 있는 파일이 필요합니다).
한 번에 모든 썸네일을 사용하고 싶지 않다면 예를 들어 게시물에 대해서만 썸네일을 연결할 수 있습니다.
또는 게시물과 페이지에만 해당:
| add_theme_support( "post-thumbnails" , array ( "post" , "page" ) ) ; |
WordPress 분류에 썸네일을 할당할 수 있나요?
표준 수단으로는 - 아니요. 카테고리 및 태그를 포함하여 추가하는 플러그인을 사용하거나 특정 분류 요소 설명에 이미지 URL을 작성할 수 있습니다.
2단계. 게시물의 썸네일을 설정하는 방법은 무엇입니까?
일반적으로 관리자 패널을 통해 썸네일을 설치하는 방법에는 두 가지가 있습니다. 그것들은 서로 특별히 다르지 않습니다. 더 편리해 보이는 것을 사용할 수 있습니다.
방법 1. 메타박스 “포스트 썸네일”
그는 이렇습니다:
">"> |
이 예에서는 게시물 제목(함수)과 게시물 자체에 대한 링크(함수)가 포함된 게시물 미리보기 이미지를 표시합니다.
함수에 대한 동일한 예:
">"> |
wp_get_attachment_image_src() 및 get_post_thumbnail_id()를 사용하여 썸네일 URL 가져오기
웹사이트에 대한 도움이 필요하거나 처음부터 개발이 필요한 경우 - .
안녕하세요 여러분! 상트페테르부르크를 떠나 스리랑카 히카두와 마을에 정착한 지 벌써 일주일이 지났다. 이에 대한 자세한 내용은 게시물 끝부분에서 확인하세요.
오늘은 WordPress에서 게시물의 썸네일을 생성, 추가 및 편집하는 방법을 배웁니다. 필요한 이유와 블로그에 미리보기를 자동으로 추가하는 방법을 알아 보겠습니다.
WordPress 블로그에서 썸네일을 사용하는 방법은 무엇입니까?
WordPress의 썸네일 이미지는 블로그 게시물 공지에 가장 자주 사용됩니다. 공지사항은 메인 페이지나 섹션별로 표시됩니다. 일반적으로 발표 그림은 기사 자체에 있는 그림의 작은 복사본입니다. 또한 테마가 해당 옵션을 제공하거나 적절한 플러그인이 설치되어 있는 경우 유사한 게시물이 기사 아래에 표시될 때 이러한 미리보기가 나타납니다. 사이드바에 최신 게시물과 인기 게시물이 있는 경우에도 마찬가지입니다.
썸네일이 표시되는 각 위치에서 사이트에서 볼 수 있는 크기로 압축되는 것이 매우 중요합니다. 물론 전체 크기의 이미지를 표시하고 CSS 스타일을 사용하여 간단히 작은 크기로 설정하는 것도 가능할 것입니다. 하지만 그러면 브라우저는 매번 크고 무거운 이미지를 많이 로드해야 하므로 사이트 로드 속도가 매우 느려집니다. 다행히 이미지를 원하는 크기로 자동 압축하는 것이 가능합니다.
이제 WordPress 블로그에 썸네일을 표시하는 방법과 해당 설정을 살펴보겠습니다.
WordPress에서 게시물 미리보기 표시
WordPress 템플릿이 썸네일 표시를 지원하는지 확인하려면 게시물 또는 페이지 편집기로 이동해야 합니다. 지원되는 경우 다음이 표시됩니다.
편집 페이지의 오른쪽 하단에 이 옵션이 있습니다.
이제 기사 미리보기를 생성하려면 “썸네일 설정”을 클릭하세요.
파일 라이브러리에서 이미 다운로드한 사진을 선택하거나 새 사진을 업로드할 수 있습니다. 기사를 작성하고 서식을 지정한 후에 미리보기 이미지가 설정되므로 필요한 사진이 라이브러리에 있을 가능성이 높습니다. 여러분이 해야 할 일은 그것을 선택하는 것뿐입니다. 그러면 템플릿에 따라 필요한 크기의 미리보기가 생성됩니다.
어떤 이유로 사진의 크기나 스타일이 만족스럽지 않은 경우 사진 편집기로 이동하여 필요한 매개변수를 수동으로 설정할 수 있습니다.
관리자 패널에서 WordPress 게시물의 축소판 크기를 설정할 수 있습니다: "설정" - "미디어 파일":
테마에 썸네일 표시가 제공되지 않지만 필요한 경우 어떻게 해야 합니까?
이를 위해 테마의 function.php 파일에서 다음 함수를 사용할 수 있습니다:
add_theme_support('post-thumbnails'); ?>
플러그인을 사용하여 WordPress의 자동 축소판
게시물을 작성할 때 각 게시물에 썸네일을 적절하게 추가하면 좋습니다. 하지만 미리보기 없이 블로그에 이미 많은 게시물이 있다면 어떻게 될까요? 아니면 블로그 디자인을 변경한 후 WordPress의 모든 축소판 크기를 변경하는 방법은 무엇입니까? 각 항목을 다시 열고 편집하는 것은 너무 노동 집약적입니다.
다행스럽게도 우리 삶을 더 쉽게 만들기 위해 WordPress 게시물의 썸네일을 자동으로 생성하는 플러그인이 만들어졌습니다.
적합한 플러그인을 찾으려면 검색창에 썸네일(영어에서 - 썸네일)을 입력하세요.
따라서 우리는 우리 작업에 가장 관련성이 높고 인기 있는 플러그인을 찾을 것입니다.
WordPress에서 모든 썸네일의 크기를 조정하는 데 일반적으로 사용되는 간단한 플러그인 중 하나는 Regenerate Thumbnails입니다.
설치 후 "도구" - "Regen.Thumbnails"로 이동합니다.
나타나는 창에서 모든 썸네일을 블로그 설정에 지정된 크기로 조정하려면 "모든 썸네일 재생성" 버튼을 클릭하세요.
프로세스가 완료될 때까지 기다립니다.
WordPress의 모든 게시물에 자동 썸네일을 삽입하는 가장 간단한 플러그인 중 하나는 Easy Add Thumbnail입니다.
게시물의 첫 번째 이미지를 기반으로 썸네일을 자동으로 생성합니다. 이렇게 하려면 활성화하기만 하면 되며 아무것도 구성할 필요가 없습니다.
WordPress에서 게시물의 썸네일을 생성하는 또 다른 플러그인은 게시물 썸네일 생성입니다. 미리보기를 생성하는 데 사용될 게시물의 사진 번호를 설정할 수 있습니다.
보시다시피 WordPress에서 썸네일을 표시하고 자동으로 생성하는 것은 매우 간단합니다.
추신히카두와(Hikkaduwa)는 스리랑카 남동쪽 해안에 있는 훌륭한 관광지입니다. 우리는 이곳을 좋아합니다: 무성하고 무성한 초목, 거대한 파도가 있는 맑고 거친 바다, 많은 코코넛과 기타 과일, 친절한 지역 주민들. 우리는 45,000 루피 (21,000 루블)에 집을 임대합니다. 이제 장마가 끝났고 앞으로 몇 달 동안은 날씨가 맑을 것 같아요! 꼭 방문해 보세요 :)
제가 홈페이지에서 성공적으로 축소한 사이드바 위젯에 대해 알려드리기로 약속했습니다.
"모든 것이 발명되고 모든 것이 생각됩니다."
저는 스웨덴 매장 이케아의 이 슬로건을 정말 좋아합니다.
그것은 포괄적이다.
정말 그렇기 때문입니다.
사람들은 오랫동안 많은 훌륭한 것들과 프로그램을 발명하고 만들어 왔습니다.
그러나 우리 중 너무나 많은 사람들은 그것이 우리에게 제공될 때까지 우리가 원하는 것이 무엇인지 모릅니다.
그것이 제가 꽤 오랫동안 존재했던 방식입니다. 제 웹사이트에는 완전히 지루한 회색의 "최근 출판물" 위젯이 있었습니다. 어떤 사람들은 그것을 "마지막 항목"이라고 부릅니다. 그리고 그는 이렇게 생겼습니다.
새 기사의 제목을 간단히 나열하는 것만으로도 나를 신뢰하는 단골 방문자가 관심을 끌 수 있다는 것은 분명합니다.
내 블로그를 처음 방문하는 사람들은 거기에 제시된 링크를 따라갈 가능성이 거의 없습니다.
그리고 이 위젯을 확장하면 다채롭고 매력적인 그림이 추가되면서 완전히 다른 효과를 얻을 수 있었습니다.
“최근(마지막) 게시물” 위젯을 표시할 수 있는 특별한 WordPress 플러그인이 오랫동안 만들어져 왔습니다.
나는 그것에 대해 결코 이해하지 못했습니다.
아니면 다른 블로그에서 영감을 주는 적절한 예시를 본 적이 없을 수도 있습니다.
WordPress용 이미지 위젯으로 최근 게시물을 구성하는 방법.
여러 플러그인을 사용해 보았습니다.
최근 게시물 위젯 확장;
썸네일이 포함된 최근 게시물 위젯;
뉴포스트 캐치.
다른 사람들도 있습니다.
하지만 무엇보다도 저는 마지막 항목인 Newpost Catch를 좋아했습니다. 그건 그렇고, 나만 그런 게 아니다.
이 플러그인을 사용하면 지정된 위젯에 게시물 썸네일과 기사의 첫 번째 이미지만 추가할 수 있습니다.
아직 미니어처가 뭔지 모르시는 분들이 계시다면 조금 더 자세히 알려드릴게요.
각 기사에는 일반적으로 출판 시작 부분에 사용되는 지정된 크기의 특수 스플래시 이미지인 썸네일을 만들 수 있는 기회가 있습니다. WordPress 테마(템플릿)가 이를 제공하는 경우. 그렇지 않다면 이 기능을 추가하는 데 주의를 기울여야 합니다.
나 자신도 이 가능성을 얼마 전부터 알아차렸지만, 그 이후로 새 게시물(기사)마다 정기적으로 썸네일을 만들어 왔습니다. 그리고 이전에 이 작업을 수행하지 않았던 내 블로그의 다른 항목을 이런 방식으로 편집하고 싶습니다. 그러면 기사뿐만 아니라 다양한 위치에서 축소판을 사용할 수 있습니다.
그러나 그것은 완전히 다른 이야기입니다.
최신 출판물 위젯(사진이 포함된 최신 게시물)으로 돌아가겠습니다.
사이드바(사이드바)가 좁은 경우에는 저와 같은 방법으로 정리하시면 됩니다. 큰 사진을 넣고 그 아래에 기사 제목을 넣었습니다.
그리고 넓은 사이드바의 경우 왼쪽에 작은 그림을 배치하고 오른쪽에는 기사 자체에 대한 설명을 옆에 배치할 수 있습니다.
모든 설정은 플러그인을 사용하여 구성되는 위젯 자체에서 직접 수행됩니다.
나에게는 이렇게 보입니다.
플러그인 없이도 '사진이 포함된 최근 게시물' 위젯을 정리할 수 있습니다. 이러한 정보는 인터넷에서도 쉽게 찾을 수 있습니다. 그러나 코드를 직접 조정하는 것은 훨씬 더 어렵습니다. 그리고 오류가 발생할 가능성이 더 높습니다.
또한 숫자 ID를 지정하면 특정 카테고리에 대한 위젯을 추가로 구성할 수 있습니다.
각 카테고리에 대해 이러한 식별자를 결정하는 방법을 볼 수 있습니다. 또는 이를 보여주는 Reveal IDs 플러그인을 설치하세요.
또 다른 좋은 기회가 있습니다. Newpost Catch 플러그인은 소위 단축 코드(대괄호 안의 단축 코드) 사용을 제안합니다. 이 코드를 일반 텍스트 위젯에 배치하세요.
단축 코드에 특정 매개변수와 속성을 지정하면 다양한 블록을 구성하기 위한 흥미로운 조합을 얻을 수 있습니다. 귀하의 재량에 따라 여러 가지를 만들 수 있습니다. 상상의 여지가 더 많아졌습니다.
예를 들어, 기사를 볼 때 사이드바의 현재 섹션에 있는 사진과 함께 최신 게시물을 표시합니다.
코드는 다음과 같습니다.
현재 카테고리의 사진이 포함된 최근 게시물
[ npc 너비 = "170" 높이 = "150" post_per_page = "2" 동적 = "1" ] |
어디:
width=170 – 이미지 너비;
높이=150 – 이미지 높이;
post_per_page=2 — 위젯의 게시물 수;
동적=1 – 현재 카테고리의 기사를 표시합니다.
마지막 줄(동적=1)을 제외한 모든 숫자 값은 사용자 재량에 따라 변경될 수 있습니다.
하지만 트레이닝 블로그에서는 이런 식으로 구성된 위젯이 제게는 완벽하게 작동했지만 어떤 이유로 메인 사이트에서는 이 작업을 수행할 수 없었습니다. 나는 이것을 정리할 것이다.
그 아이디어는 나에게 매우 유혹적인 것처럼 보였지만!
독자가 기사를 선택하면 옆 열에 관심 있는 카테고리의 사진과 함께 새로운 출판물을 제공하는 블록이 자동으로 나타납니다.
그리고 이 모든 작업은 단 하나의 텍스트 위젯으로 수행할 수 있습니다!
엄청난! 나는 그러한 비표준 솔루션을 좋아합니다.
기억하시겠지만, 이전 기사를 읽으셨다면 각 섹션에서 가장 흥미로운(제 생각에는) 기사가 표시되는 블록이 이미 있습니다.
하지만 현재 카테고리의 일러스트레이션과 최신 출판물이 포함된 위젯도 추가하고 싶습니다.
그것을 위해 가십시오! 어쩌면 당신은 바로 성공할 것입니다!
어떤 이유에서는 그러한 흥미로운 기회가 때때로 우리 눈에 숨겨져 있습니다.
당신에게 필요한 것은 끊임없이 호기심을 갖는 것뿐입니다.
친숙한 사이트에서 흥미로운 발견을 보았습니다. Ctrl + U를 사용하여 페이지 코드를 엽니다.
이것이 어떤 플러그인으로 수행되는지 살펴보십시오.
Ctrl + F로 검색창을 열어 검색하면 플러그인이라는 단어가 있고 이 페이지에서 작성자가 사용하는 모든 WordPress 플러그인을 볼 수 있습니다.
간단 해.
글쎄, 내 웹 사이트에서는 검색할 필요도 없지만 " " 페이지로 이동하면 맨 아래에 내가 설치한 모든 플러그인과 자세한 설명이 포함된 표가 있습니다.
나는 블로그 독자들의 편의를 위해 그러한 정보를 특별히 수집합니다.
사진이 포함된 최신 출판물.
더 이상 신선하지 않습니다! 시도 해봐!
WordPress의 페이지에 필요한 플러그인과 추가 사항을 추가하려면 관심 있는 위젯을 관리 패널의 사이드바로 드래그하기만 하면 됩니다. 따라서 WordPress 엔진의 초보자라도 사이드바를 쉽게 수정할 수 있습니다(사이드바뿐만 아니라).
때때로 테마 개발자는 위젯을 드래그할 수 있는 여러 가지 사이드바를 제공하여 선택할 수 있습니다. 그러나 1~2개의 사이드바가 있는 테마도 있으며 이는 순전히 테마 자체의 요구 사항을 위해서만 사용됩니다(즉, 거기에 새 위젯을 푸시할 수 없습니다).
그리고 논리를 차별화하거나 다른 디자인을 사용하여 새로운 사이드바를 추가하고 싶은 경우도 있습니다.
먼저 사이드바를 등록해야 합니다. 이 작업은 파일에서 수행할 수 있습니다. 함수.php 템플릿 폴더에 있습니다. 일부 템플릿 개발자는 특별한 템플릿을 만듭니다. 사이드바 등록 기능입니다. 예를 들어, 2010_widgets_init() () 함수입니다. 이것은 중요하지 않습니다. 등록이 발생하는 코드의 위치를 찾으십시오. 다음과 같이 보입니다.
Register_sidebar(array("name"=>"사이트 설명", "before_widget" => "
자신만의 사이드바를 추가하는 방법은 무엇입니까?
사이드바가 등록된 코드 섹션을 찾으면 비슷한 방법으로 등록할 수 있습니다. 예로서:
Register_sidebar(array("name" =>"두 번째 사이드바", "id" => "secondary-widget-area", "before_widget" => "
", "after_title" => "
",));이름— 사이드바의 이름. 관리자 패널에 표시됩니다.
ID- 고유 식별자. 페이지에 추가할 때 필요합니다(자세한 내용은 아래 참조).
before_widget— 각 위젯 앞에 삽입될 코드/텍스트입니다.
after_widget— 그에 따라 각 위젯 뒤에 삽입될 코드/텍스트.
before_title— 위젯 헤더 앞에 삽입될 코드/텍스트입니다.
after_title— 위젯 헤더 뒤에 삽입될 코드/텍스트입니다.
위 코드를 파일에 추가한 후 저장하고 관리자 패널의 위젯 페이지로 이동합니다. 이제 다른 사이드바와 마찬가지로 필요한 위젯을 새 사이드바에 끌어다 놓을 수 있습니다. 이 사이드바를 귀하의 웹사이트에 표시하려면 해당 템플릿 파일을 열어야 합니다. 사이드바.php 을 클릭하고 코드를 찾으세요.
사이드바를 표시하려는 시작 태그와 닫는 태그 사이에 추가해야 합니다. 다음과 같을 것입니다:
아름다운 출력을 위해 다음 코드를 블록에 포함할 수 있습니다.
이미 눈치채셨겠지만 보조 위젯 영역페이지에 표시될 때 이는 사이드바의 이름입니다. 파일 등록 시 지정한 이름과 정확히 동일해야 합니다. 함수.php . 이제 파일을 편집해보겠습니다 스타일.css사이드바에 원하는 모양을 지정합니다.
HTML을 알고 작업하고 싶다면 같은 이름의 위젯을 사용할 수 있습니다. 이제는 구문 강조 기능이 있지만 텍스트 요소를 사용하는 것이 더 편리합니다.
기본적으로 Wordpress에서는 그림이 포함된 새로운 링크 목록이 "엉성해" 보입니다. 따라서 스타일 파일(보통 style.css)을 업데이트해야 합니다. "모양" - "편집기" 섹션으로 이동하거나 FTP를 통해 코드를 편집하세요. 최소한 다음 디자인이 삽입되어야 합니다.
| #text-2 .textwidget ul ( 목록 스타일 : 없음 ; ) #text-2 .textwidget ul li ( float : 왼쪽 ; ) |
#text-2 .textwidget ul ( 목록 스타일: 없음; ) #text-2 .textwidget ul li ( float: left; )
여기 #텍스트-2 — 목록이 포함된 블록의 ID(검사기 Ctrl+Shift+I 또는 다른 방법을 통해 페이지 코드 확인) 위 스타일에서는 왼쪽 정렬이 지정되고 개별 항목의 디자인이 있는 경우 제거됩니다.
주목! 이 기사는 CSS에 대한 강의가 아니므로 이 시점에서는 자세히 설명하지 않겠습니다. 이미지 크기는 위젯 자체에서 또는 스타일을 통해 편집할 수 있습니다. 마지막으로 블록의 적응성을 확인합니다.
사이드바의 Blogroll 모듈
이런 식으로 생각해 보면 그림이 있거나 없는 링크 목록이 전형적인 옵션입니다. 이전에는 시스템 제어판에 이러한 목적을 위한 특수 섹션도 있었다는 점에 유의해야 합니다.
단순 링크
다운로드 횟수(10,000)가 적음에도 불구하고 Simple Links 플러그인은 훨씬 더 기능적이고 고급입니다. 현재 버전의 시스템이 지원됩니다. 마지막 업데이트는 그리 오래되지 않았습니다. 기본 기능 외에도 다음을 확인할 수 있습니다.
- 링크 목록의 순서를 구성할 때 모듈 요소를 드래그합니다.
- 각 항목에 썸네일 이미지가 첨부됩니다.
- 게시물을 포함하여 사이트 어디든 삽입할 수 있는 시각적 단축 코드;
- 플러그인에 대한 다양한 전역 설정;
- 자신만의 필드를 새로운 매개변수로 생성하는 기능
- 이전 링크 관리자에서 가져오기;
- 슈퍼 기능 위젯.
기본 Simple Links 키트에는 이미 필요한 모든 것이 포함되어 있지만 여기에는 몇 가지 프리미엄 옵션도 있습니다.
대체 솔루션
기사 시작 부분에서 말했듯이 다양한 특정 작업이 있습니다. 예를 들어 이 블로그의 앞부분에서 다음을 살펴보았습니다.
- 결론 - WP_Query를 통해 구현되며, 그림을 추가하고 일반적으로 원하는 대로 코드 형식을 지정할 수 있습니다.
- WordPress에 축소판으로 표시합니다. 삽입은 단축 코드를 통해 수행됩니다.
- 흥미로운 해킹입니다(종종 기업 웹사이트에서 발견됨).
또 다른 특이한 방법은 기본 WordPress 메뉴를 모두 사용하는 것입니다.
- "모양" - "메뉴" 섹션으로 이동하여 외부 링크가 있는 페이지와 게시물을 모두 포함할 수 있는 원하는 목록을 만듭니다.
- 다음으로 "탐색 메뉴" 위젯(이전 버전의 WordPress에서는 "사용자 정의")을 측면 열에 배치합니다.
- 이를 허용하는 메뉴 이미지 모듈을 설치해야 합니다(이미 이에 대해 이야기했습니다).
물론 후자의 경우 완전한 이미지가 표시되는 것이 아니라 아이콘이 표시되지만 내가 기억하는 한 허용되는 크기는 필요한 모든 것입니다.
총.다시 말하지만, 이는 모두 현재 작업과 기술에 따라 달라집니다. 가장 간단하고 보편적인 구현 방법은 플러그인을 이용하는 것입니다. 첫 번째 방법을 사용하려면 CSS 스타일에 대한 지식이 필요합니다. WordPress의 일부 독창적이고 색다른 링크 목록의 경우 적절한 솔루션을 검색하거나 프로그래밍해야 합니다.
솔직히 말해서 그런 블록에는 썸네일이별로 필요하지 않았기 때문에 이전에는 메뉴 기능을 통해 모든 작업을 수행했습니다. 그러나 이제 텍스트 위젯을 사용하면 이 작업을 더 쉽고 빠르게 완료할 수 있습니다.
주제에 대한 다른 흥미로운 뉘앙스를 알고 있다면 듣는 것이 흥미로울 것입니다.