WordPress에서 콘텐츠 강조하기: Blockquote vs. Pullquote

WordPress에서 콘텐츠 강조하기: Blockquote vs. Pullquote

새로운 콘텐츠를 게시할 때 페이지를 보기 좋게 만드는 것뿐만 아니라 전체 그래픽 레이아웃에 주의를 기울이는 것이 중요합니다. 특정 섹션을 적절하게 강조 표시하면 명확성이 높아지고 콘텐츠의 핵심 부분에 대한 방문자의 관심을 끌 수 있습니다. 결과적으로 사용자는 전체 기사를 읽지 않고 훑어보기만 해도 가장 중요한 정보를 얻을 수 있습니다.

오늘 우리는 따옴표를 사용하여 WordPress 편집기에서 텍스트를 강조 표시하는 데 중점을 둘 것입니다. 특정 상황에서 블록 따옴표와 풀 따옴표를 수행하는 방법을 보여주고 차이점을 설명합니다.

이 기사는 다음 질문에 답합니다.

인용구를 사용하는 경우

blockquote라는 용어는 문구를 줄여서 만들어졌습니다. 블록 인용 이는 콘텐츠의 개별 조각(블록)을 인용했음을 의미합니다. 일반적으로 기사 자체에서 추출한 텍스트가 아닙니다. 인용구는 외부 소스를 참조합니다. 다음과 같은 인용문으로 사용할 수 있습니다.

  • 다른 출처 및 전문 간행물
  • 유명한 사람들의 인용문
  • 행복한 고객의 증언

인용구는 특정 콘텐츠에 대한 관심을 유도합니다. 나머지 콘텐츠와 그래픽으로 구분하여 정보를 중요한 것으로 표시합니다. Blockquotes는 종종 인용 부호나 역쉼표로 시각적으로 표시됩니다. 그러나 최종 모양은 사용 중인 WordPress 테마에 따라 다릅니다.

워드프레스 편집기에서 인용구를 삽입하는 방법

Quote Block이라는 페이지 또는 게시물에 인용구를 삽입하기 위한 특수 블록이 있습니다. 페이지에 매우 쉽게 추가할 수 있습니다.

1. 첫 번째 옵션은 블록을 배치하려는 편집기 내 또는 상단 표시줄에서 "+" 기호를 클릭하는 것입니다. 그런 다음 검색창에서 "인용"이라는 단어를 검색합니다.

견적 블록 추가
"+"를 클릭하여 따옴표 블록 추가

2. 두 번째 옵션은 슬래시 "/" 뒤에 이름을 입력하여 블록을 검색하는 것입니다.

슬래시 "/"를 사용하여 따옴표 블록 추가
따옴표 블록을 찾아 추가하려면 슬래시 "/"를 사용할 수도 있습니다.

모두 끝났습니다. 자리 표시자와 "인용문 쓰기"라는 텍스트가 있는 블록을 만들었습니다.

블록 스타일 및 서식

새로 추가된 인용 블록에는 기본 스타일과 형식이 있습니다. 인용문을 강조 표시하고 나머지 내용과 구분하기 위한 수직선이 있습니다. 그러나 도구 모음에서 따옴표(") 아이콘을 클릭하거나 오른쪽에 있는 검사기에서 "스타일"을 선택하여 스타일을 "크게"로 변경할 수 있습니다.

큰 스타일은 세로선을 제거하고 글꼴 크기를 늘리고 기울임꼴로 변경합니다. 미리보기 페이지에서 인용문의 최종 모양은 사용 중인 WordPress 테마의 디자인에 따라 다릅니다.

따옴표 블록 스타일을 기본값에서 크게로 변경
블록 스타일을 Default에서 Large로 변경할 때 Quote 블록이 어떻게 다른지 확인하십시오.

인용구 서식 지정은 단락 서식 지정과 비슷합니다. 인용 형식은 굵게 또는 기울임꼴로 설정할 수 있으며 인용 내에서 하이퍼링크(URL)를 사용할 수도 있습니다. 텍스트 정렬은 왼쪽, 가운데 또는 오른쪽일 수 있습니다. Quote 블록 자체는 항상 내용의 너비로 고정됩니다.

Blockquote를 다른 블록 유형으로 변환

클릭 한 번으로 blockquote를 다른 블록 유형으로 변환할 수 있습니다. 장점은 Quote 블록에서 Pullqoute로 또는 그 반대로 직접 전환할 수 있다는 것입니다. 선택할 수 있는 모든 블록의 전체 목록은 다음과 같습니다.

  • 풀쿼트
  • 표제
  • 목록

끌어오기 따옴표: 언제 사용합니까?

blockqoutes는 외부 소스를 참조하지만 인용 부호는 페이지의 콘텐츠에서 직접 추출한 가장 중요한 정보를 강조 표시합니다. 즉, 게시물 또는 페이지 내의 특정 단락에 대한 관심을 유도하고 그 중요성을 강조합니다.

풀 따옴표는 어떻게 작동합니까?

  • 내용과 구조를 돋보이게 하는 그래픽 요소로
  • 페이지를 스크롤할 때 사용자의 시선을 사로잡습니다.
  • 페이지의 부제목 또는 머리글로 사용할 수 있습니다.

인용문 블록을 추가하는 방법

WordPress 블록 편집기(5.0 미만 버전)가 출시되기 전에는 CSS에서 인용 부호의 스타일을 지정해야 했습니다. 이제 Pullquote 블록 덕분에 몇 번의 클릭만으로 추가할 수 있습니다. Pullquote 블록을 페이지에 삽입하는 것은 Quote 블록을 삽입하는 것과 정확히 동일합니다. 대신 검색할 때 이 블록의 이름을 사용하십시오.

Pullquote 블록의 커스터마이징

Pullqoute 블록은 기본 및 단색의 두 가지 기본 스타일을 제공합니다. 툴바 또는 검사기에서 전환할 수 있습니다. 그들은 어떻게 생겼습니까?

기본 스타일의 특징은 다음과 같습니다. 두 개의 수평선, 견적의 상단과 하단에 있습니다. 배경은 흰색으로 유지되지만 이 두 선의 색상을 변경할 수 있습니다.

인용구 기본 스타일
Pullquote의 기본 스타일

반면 Solid Color는 보다 심플한 디자인의 스타일이며 선 없이. 기본 스타일에 비해 글꼴 크기가 약간 크며 단색 스타일을 사용할 때 전체 블록의 배경색을 선택할 수 있습니다.

인용문 단색
Pullquote 블록의 단색 스타일

어떤 스타일을 선택하든 관계없이 두 스타일 모두에서 글꼴 색상을 변경할 수 있습니다. Bold, Italic 또는 삽입 URL과 같은 표준 단락 서식도 사용할 수 있습니다.

고급 Pullqoute 블록 정렬 옵션

Quote 블록과 달리 Pullqoute 블록은 표준 정렬(왼쪽, 오른쪽, 가운데) 외에도 넓은 너비 또는 전체 너비와 같은 더 많은 정렬 옵션을 제공합니다.

와이드스크린 보기 덕분에 pullqoute를 머리글 또는 부제목으로 사용할 수 있습니다. 페이지의 콘텐츠를 잘 구분할 수 있을 뿐만 아니라 사용자가 페이지를 계속 탐색하도록 유도하는 절벽 역할도 합니다. Pullquote의 최종 모습은 테마 디자인에 따라 달라집니다. 일부 테마는 고급 정렬 옵션도 지원하지 않습니다.

Pullqoute 블록의 전체 너비 정렬
헤더로 작동할 수 있는 Pullqoute(전체 너비로 확장됨)

Citadela 테마를 사용하면 큰 폭 또는 전체 폭을 문제 없이 선택할 수 있습니다.
그것을 다운로드하고 직접 확인하십시오!

다른 블록 유형으로 변환

Pullquote 블록은 다른 유형의 블록으로 변환할 가능성이 제한되어 있습니다. 실제로 Pullquote 블록은 Quote 블록으로만 변환될 수 있습니다.

결론: 따옴표 블록 또는 인용구 블록?

Pullquote 블록 대신 Quote 블록을 사용하고 그 반대의 경우는 언제입니까?

유명인의 의견 및 인용문을 제시하거나 외부 출처를 인용할 때 Quote 블록을 권장합니다. 인용문은 사용자가 페이지 또는 게시물 내에서 직접 찾을 수 없는 텍스트여야 합니다. 리뷰를 다른 콘텐츠와 그래픽으로 구분하므로 평가에 적합합니다(예: 기울임꼴 사용). 언뜻 보기에 인용문이므로 강조해야 할 내용임이 분명합니다.

Pullqoute 블록은 페이지의 텍스트에서 직접 가져온 핵심 정보를 강조 표시하는 데 사용해야 합니다. Pullquotes는 콘텐츠의 발췌문이므로 웹 방문자가 기사를 철저히 읽지 않고도 가장 중요한 메시지를 배울 수 있습니다. 그러나 Pullquote 블록의 정보가 정말 매력적이라면 방문자가 귀하의 사이트에서 더 많은 시간을 보내도록 장려할 것입니다. 또한 Pullqoute를 헤더로 사용하거나 자막 대신 사용할 수도 있습니다.

5 "Highlighting content in WordPress: Blockquote vs. Pullquote"에 대한 생각

  1. 안녕 이비,
    wordpress blockquote를 올바른 방법으로 사용하는 방법에 대한 이 가이드에 감사드립니다. 테마 편집기를 통해 추가하려고 시도했지만 거의 모든 것이 충돌했습니다. 다시 한 번 감사드립니다.

    어떤 WordPress 목차 플러그인을 사용하고 있습니까? 그것은 아름답고 내 사이트에 구현하고 싶습니다.

    1. 안녕 볼라리사,

      당신의 칭찬을 주셔서 감사합니다. https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/에 게시된 자세한 정보를 확인하십시오.

      감사합니다!
      즐라트코
      AIT팀

  2. 내 citadela pro 플러그인 테마 레이아웃 샘플에서 인용문에서 사진을 변경하는 방법을 찾을 수 없습니다.

    https://prnt.sc/v26fce

    1. 안녕,

      작성해 주셔서 감사합니다. 동영상 자습서와 함께 기술 자료 및/또는 문서를 확인하시기 바랍니다.
      https://www.ait-themes.club/ait-themes-documentation/
      또는 전용 지원 티켓 시스템에 직접 기술적인 질문을 게시할 수 있습니다. https://system.ait-themes.club/support/add-question에서 귀하의 계정에 로그인하십시오.

      감사합니다!
      즐라트코
      AIT팀

댓글이 닫혔습니다.