WordPress 인용 블록을 사용하는 방법

WordPress Quote Block은 외부 소스의 견적을 표시하는 쉬운 방법을 제공합니다. 인용 부호와 함께 텍스트를 표시하고 인용을 추가하는 캡션을 포함합니다. 간단한 블록이지만 콘텐츠 내에서 사용하면 독자의 관심을 끌고 텍스트에 강조를 추가할 수 있습니다.

이 기사에서는 Quote Block을 살펴보고 무엇을 할 수 있는지 알아보겠습니다. 게시물 및 페이지에 추가하는 방법, 사용에 대한 몇 가지 팁 및 모범 사례, 자주 묻는 질문(FAQ)을 살펴보겠습니다.

게시물 또는 페이지에 견적 블록을 추가하는 방법

인용 블록을 추가하려면 블록을 배치할 위치에서 블록 삽입기를 클릭하십시오. 왼쪽 상단 모서리에 있는 삽입기를 클릭할 수도 있습니다. 견적을 검색하고 팝업에서 선택하십시오.

또는 블록을 배치할 위치에 /quote를 입력하고 Enter 키를 누르거나 옵션에서 선택할 수 있습니다.

이렇게 하면 원하는 인용문을 추가할 수 있는 인용문 블록이 콘텐츠에 추가됩니다.

그것을 사용하려면 Add Quote 라고 표시된 곳에 표시할 텍스트를 입력하거나 붙여넣기만 하면 됩니다. 인용문 아래에는 인용문에 대한 참조를 추가할 인용 추가 라는 작은 텍스트 줄이 있습니다. 참조에는 이름, 제목, 날짜, 게시자, 링크 등이 포함될 수 있습니다.

사용하는 테마에 따라 디자인이 달라집니다. Twenty Twenty-One 테마를 사용하는 인용문은 반 굵게 표시되는 반면 인용문은 일반 가중치로 표시됩니다.

왼쪽 상단의 삽입기 아이콘을 선택하여 미리 만들어진 디자인을 추가하고 패턴을 선택하고 인용문을 검색하고 목록에 나타나는 패턴에서 선택합니다.

견적 차단 설정 및 옵션

인용 블록에는 블록 내 및 오른쪽 사이드바에 설정 및 옵션이 포함되어 있습니다. 두 가지 유형의 설정과 옵션에 대해 자세히 살펴보겠습니다.

견적 블록 도구 모음

인용 블록 도구 모음은 블록 위에 배치됩니다. 이 도구 모음은 블록을 선택하면 나타납니다. 모든 도구를 보려면 그 아래에 다른 블록이 필요할 수 있습니다. 조금 더 가까이에서 살펴보겠습니다.

블록 유형 또는 스타일 변경

단락, 머리글, 목록, 열, 그룹 또는 인용문을 포함하여 블록을 변환하기 위한 몇 가지 옵션이 있습니다. 각각은 콘텐츠와 함께 어떻게 보일지에 대한 미리보기를 보여줍니다. 또한 스타일에 대한 몇 가지 옵션이 있습니다. 이들 중 하나를 가리키면 콘텐츠가 포함된 미리보기가 표시됩니다. 그룹은 배경 스타일을 지정하고 테두리를 추가하고 간격을 추가하려는 경우 좋은 선택입니다. 이 예에서는 pullquote 위로 마우스를 가져갑니다.

드래그 앤 이동

드래그 앤 이동 도구를 사용하면 블록을 쉽게 이동할 수 있습니다. 6개의 점으로 표시되는 끌기 도구를 사용하면 블록을 끌 수 있습니다. 이동 도구, 위쪽 및 아래쪽 화살표는 클릭 한 번으로 콘텐츠를 통해 블록을 위 또는 아래로 이동합니다.

정렬 변경

정렬 옵션에는 왼쪽, 가운데 및 오른쪽이 있습니다. 이렇게 하면 콘텐츠가 선택한 쪽에 맞춰집니다. 다른 블록과 달리 와이드 및 전체 너비 옵션이 포함되지 않으며 그 아래에 단락이 있는 블록을 래핑하지 않습니다. 블록을 그룹으로 변환하여 와이드 및 전체 너비 옵션을 추가할 수 있습니다.

이 예에서는 블록 내에서 텍스트와 인용을 가운데에 맞추는 가운데 정렬을 사용합니다.

굵게 및 기울임꼴

굵게 및 기울임꼴은 강조 표시하는 텍스트의 스타일을 지정합니다. 함께 또는 독립적으로 사용하십시오. 이 예에서는 인용문 내에서 독립적으로 함께 사용하고 인용문 내에서 독립적으로 사용했습니다.

링크

강조 표시한 텍스트에 URL이 추가됩니다. URL을 입력하면 이전에 사용한 URL을 기반으로 제안이 표시됩니다. 새 탭에서 링크를 열도록 설정할 수 있습니다.

이 예에서 인용에 대한 링크를 추가했습니다. 링크임을 나타내기 위해 텍스트에 밑줄이 그어져 있습니다.

추가 옵션

추가 옵션 에는 클릭할 때 강조 표시하는 텍스트의 스타일을 지정하는 7가지 옵션이 있습니다. 위의 예에서 각각을 추가하고 밑줄을 그었습니다. 옵션에는 다음이 포함됩니다.

인라인 코드 – 코드처럼 보이도록 텍스트의 스타일을 지정합니다. know 라는 단어는 인라인 코드로 서식을 지정합니다.

인라인 이미지 – 미디어 라이브러리의 이미지를 추가합니다. 위의 이미지에 항아리의 그래픽을 추가했습니다. 이미지의 픽셀 너비를 변경할 수 있습니다.

키보드 입력 – 텍스트의 스타일을 키보드 HTML 형식으로 지정합니다. there's 라는 단어는 키보드 입력 스타일로 서식이 지정됩니다.

취소선 - 텍스트 위에 선을 추가합니다. 나는 말씀을하지만, 위의 이미지에 취소 선을 추가했습니다.

아래 첨자 – 이는 텍스트를 human 이라는 단어와 같이 아래 첨자로 만듭니다.

위 첨자 – 단어 error 와 같이 텍스트를 위 첨자로 만듭니다.

텍스트 색상 – 위의 예에서 인용한 것처럼 텍스트의 색상을 사용자 정의합니다. 설정 아이콘이 활성화되면 도구 모음으로 이동합니다.

색상 선택기에서 미리 선택된 색상 또는 사용자 정의 색상에서 선택하거나 16진수 코드, RGB 코드 또는 HSL 코드를 입력하여 색상을 사용자 정의합니다.

옵션

옵션 버튼에는 10가지 표준 블록 옵션이 있습니다.

추가 설정 숨기기 - 오른쪽 사이드바를 숨깁니다.

복사 – 인용 블록을 복사하여 콘텐츠 내의 다른 곳에 붙여넣을 수 있습니다.

복제 – 원본 아래에 견적 블록의 복제본을 추가합니다.

앞에 삽입 – 인용 블록 앞에 블록에 공백을 추가합니다.

뒤에 삽입 – 인용 블록 뒤에 블록에 공백을 추가합니다.

이동 위치 - 파란색 선을 배치하여 블록을 이동할 위치를 표시하여 블록을 이동할 수 있습니다.

HTML로 편집 – HTML을 편집 할 수 있는 코드 편집기를 엽니다.

재사용 가능한 블록에 추가 – 다른 페이지와 게시물에서 재사용할 수 있도록 인용 블록을 재사용 가능한 블록에 추가합니다.

그룹 – 사용자 정의할 수 있는 그룹에 블록을 추가합니다.

블록 제거 – 견적 블록을 삭제합니다.

인용 블록 사이드바 설정

사이드바 설정에는 스타일과 고급이 포함됩니다. 블록을 클릭하면 사이드바에서 블록 인용 옵션 변경 사항이 열립니다. 오른쪽 상단 모서리에 있는 톱니바퀴를 클릭하면 사이드바가 열리거나 닫힙니다.

스타일

스타일은 기본 스타일과 큰 스타일의 두 가지 옵션을 보여줍니다. 둘 다 Quote 의 모양에 대한 미리보기를 보여줍니다 . 당신은 드롭 다운 상자 표시 기본 스타일의 기본 스타일을 설정할 수 있습니다. 스타일은 테마에 따라 다를 수 있습니다. 위의 예는 Large 스타일을 보여줍니다.

고급의

HTML 앵커 및 추가 CSS 클래스를 포함하는 표준 고급 설정이 여기에 있습니다. HTML 앵커는 블록에 연결할 수 있도록 URL을 생성합니다. 추가 CSS 클래스 필드는 사용하려는 CSS 클래스를 추가하는 곳입니다. 여기에는 스타일 옵션에서 선택한 스타일이 포함됩니다.

인용 블록을 효과적으로 사용하기 위한 팁 및 모범 사례

인용문을 사용하여 텍스트의 일부를 강조하거나 독자에게 집중할 생각을 남겨주세요.

기사 내 다른 곳에서 찾을 수 없는 인용문에 사용하십시오.

인용문을 텍스트와 훨씬 더 극적으로 구분하려면 큰 스타일을 선택하십시오.

콘텐츠와 청중을 기반으로 인용 스타일을 선택하십시오.

저자를 인용할 때는 가능한 한 작품명을 기재한다.

학문적 인용의 경우 학교에서 선호하는 인용 방법을 사용하십시오.

그룹을 선택하여 배경색이나 테두리를 추가하세요.

견적 블록에 대해 자주 묻는 질문

견적 블록의 목적은 무엇입니까?

콘텐츠 내에서 보기 좋은 인용문을 제시합니다. 다른 글꼴로 콘텐츠에 추가되며 인용 부호와 캡션이 포함됩니다.

인용 블록과 인용 블록의 차이점은 무엇입니까?

인용문은 외부 인용문에 사용되는 반면, 인용부호는 해당 기사의 텍스트 일부를 강조 표시합니다. 인용문 블록에는 색상 옵션과 다른 레이아웃이 있습니다. 인용 부호를 제목으로 사용할 수 있습니다.

이 블록을 사용하면 어떤 이점이 있습니까?

텍스트의 나머지 부분과 눈에 띄므로 주의를 끕니다. 독자는 인용문임을 한눈에 알 수 있습니다. 블록은 Pullquote 블록보다 사용하기 쉽습니다.

무엇으로 변형될 수 있습니까?

단락, 제목, 그룹, 인용문, 목록 및 열로 변환할 수 있습니다.

이 블록은 무엇에 사용할 수 있습니까?

Quote Block은 평가, 리뷰, 개인적인 인용문, 전문적 또는 학술적 출처의 인용문, 저자, 유명인, 영감 등을 표시할 수 있는 좋은 방법입니다. 인용문은 콘텐츠 내 다른 곳에서 찾을 수 없습니다.

결론

이것이 WordPress Quote Block에 대한 우리의 모습입니다. 이 블록은 콘텐츠의 나머지 부분과 구별되는 텍스트를 강조하는 좋은 방법입니다. 스타일링 옵션이 많지는 않지만 우아해 보이고 배경을 그룹으로 변환하여 스타일을 지정할 수 있습니다. 유명인의 인용, 출처의 인용, 평가 및 영감에 이상적입니다.

우리는 당신의 의견을 듣고 싶습니다. 견적 블록을 사용합니까? 의견에 대해 어떻게 생각하는지 알려주십시오.

Vector.design/Shutterstock.com을 통한 추천 이미지