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

pullquote는 관심을 끄는 기사의 작은 스니펫입니다. 텍스트에 강조를 추가하거나 문구를 강조하는 데 좋습니다. 독자에게 시각적인 도움을 줍니다. WordPress에는 이 목적을 위해 특별히 설계된 Pullquote Block이 있습니다.

이 기사에서는 인용문 블록을 살펴보고, 이를 게시물 및 페이지에 추가하는 방법, 사용 팁 및 모범 사례, 자주 묻는 질문(FAQ)을 살펴보겠습니다.

게시물이나 페이지에 인용구 블록을 추가하는 방법

인용구 블록을 추가하려면 블록을 배치할 블록 삽입기를 클릭하거나 왼쪽 상단 모서리에 있습니다. Pullquote를 검색하여 선택합니다. 또는 /pullquote 를 입력하고 블록을 배치할 위치에 Enter 키를 누를 수 있습니다.

인용문 블록은 기사의 인용문을 추가할 수 있는 콘텐츠에 추가됩니다.

그것을 사용하려면 Add Quote 라고 표시된 곳에 표시할 텍스트를 입력하기만 하면 됩니다. 이 아래에는 인용 추가 라는 레이블이 붙은 또 다른 텍스트 줄이 있습니다. 여기에서 인용 하는 사람의 이름을 추가할 것입니다. 인용문은 인용문의 선택사항입니다.

귀하의 견적은 두 개의 수평선 사이에 표시되며 그 위에 따옴표가 포함됩니다. 기본 설정은 인용이 큰 굵은 글꼴로 표시되는 반면 인용은 보통 두께의 작은 글꼴로 표시됩니다.

인용 부호 블록 설정 및 옵션

인용구 블록에는 블록 자체와 오른쪽 사이드바 내에 설정과 옵션이 포함되어 있습니다.

인용 부호 블록 도구 모음

인용구 블록 도구 모음은 블록 위에 배치됩니다. 블록을 선택하면 나타납니다. 조금 더 가까이에서 살펴보겠습니다.

블록 유형 또는 스타일 변경

블록을 다른 블록, 스타일 등으로 변환하는 몇 가지 옵션이 있습니다. 단락, 열, 그룹, 제목, 인용문 또는 목록으로 변환하십시오. 각각은 콘텐츠를 사용하여 어떻게 보일지에 대한 미리보기를 제공합니다. 스타일에 대한 옵션도 있습니다. 선택 항목 위로 마우스를 가져가면 콘텐츠에서 어떻게 보일지 미리보기가 표시됩니다. 이 예에서는 스타일 아래의 단색 옵션 위로 마우스를 가져갑니다.

드래그 앤 이동

드래그 도구는 6개의 점으로 표시됩니다. 점을 잡고 블록을 원하는 곳으로 끕니다. 이동 도구는 위쪽 및 아래쪽 화살표입니다. 콘텐츠를 통해 블록을 위 또는 아래로 이동하려면 클릭하십시오.

정렬 변경

정렬 옵션에는 왼쪽, 오른쪽, 넓은 너비 및 전체 너비가 있습니다. 와이드 및 전체 너비 옵션은 테마가 지원하는 경우에만 사용할 수 있습니다. 왼쪽 또는 오른쪽을 선택하면 화면의 측면에 배치됩니다. 중앙에 있는 기본값으로 되돌리려면 옵션을 선택 취소하십시오. 단락 블록과 함께 작동합니다.

예를 들어, 왼쪽 또는 오른쪽으로 정렬하도록 설정하면 그 아래에 있는 단락이 Pullquote 블록 내부에 배치됩니다. 이 예에서는 이를 왼쪽으로 설정했으며 다음 단락의 텍스트가 이제 그 주위를 둘러싸고 있습니다.

굵게 및 기울임꼴

굵게 및 기울임꼴 옵션은 강조 표시하는 텍스트에 영향을 줍니다. 함께 또는 독립적으로 사용할 수 있습니다. 이 예에서는 인용문 내에서 독립적으로 사용하고 인용문에 함께 사용했습니다.

링크

강조 표시한 텍스트에 링크를 추가합니다. URL을 입력하면 이전에 사용한 것을 기반으로 한 제안이 표시됩니다. 새 탭에서 링크를 여는 옵션도 표시됩니다.

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

추가 옵션

추가 옵션을 클릭하면 텍스트 스타일을 지정하는 7가지 옵션 이 있는 드롭다운 상자가 열립니다. 위의 예에서 각각을 추가했습니다. 모두 클릭할 때 강조 표시하는 텍스트에 영향을 줍니다. 여기에는 다음이 포함됩니다.

인라인 코드 – 코드처럼 보이도록 텍스트 스타일을 지정하고 코드 실행을 방지합니다. This 는 인라인 코드로 서식을 지정합니다.

인라인 이미지 – 미디어 라이브러리의 이미지를 마우스 커서 위치에 추가합니다.

키보드 입력 – 키보드 HTML 형식으로 텍스트 스타일을 지정합니다. 단어 인용 은 키보드 입력 스타일로 스타일이 지정됩니다.

취소선 – 위의 이미지에서 멋진 단어와 같이 텍스트를 통해 선을 배치합니다.

아래 첨자 - 위 인용의 문자 R 처럼 텍스트를 나머지보다 낮고 작게 만듭니다.

위 첨자 - 위 인용의 문자 A 와 같이 텍스트를 나머지보다 높고 작게 만듭니다.

텍스트 색상 – 위 인용에서 Brown 이라는 단어와 같이 텍스트 색상을 변경할 수 있습니다. 활성화되면 설정 아이콘이 도구 모음으로 변경됩니다.

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

옵션

모든 표준 옵션이 포함됩니다.

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

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

복제 – 원본 아래에 인용구 블록의 복제본을 추가합니다.

앞에 삽입 – 블록을 추가할 수 있는 인용구 블록 앞에 공백을 추가합니다.

뒤에 삽입 – 블록을 추가할 수 있는 인용구 블록 뒤에 공백을 추가합니다.

이동 위치 – 인용문 블록을 이동하려는 위치로 이동할 수 있는 콘텐츠 내에 파란색 선을 배치하여 블록을 쉽게 이동할 수 있습니다.

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

재사용 가능한 블록에 추가 – 인용문 블록을 재사용 가능한 블록에 추가하여 쉽게 재사용할 수 있습니다.

그룹 – 단일 단위로 조정할 수 있는 그룹에 블록을 추가합니다.

블록 제거 – 인용문 블록을 삭제합니다.

인용구 블록 사이드바 설정

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

스타일

스타일은 기본 스타일과 단색 스타일의 두 가지 옵션을 보여줍니다. 스타일은 pullquote가 어떻게 보이는지 미리보기를 보여줍니다. 당신은 드롭 다운 상자 표시 기본 스타일에서을 클릭하여 기본 스타일을 설정할 수 있습니다.

색상

색상 옵션에는 기본 색상과 텍스트 색상이 포함됩니다. 여러 색상을 기본값으로 사용하거나 사용자 정의 색상을 선택할 수 있습니다. 사용자 정의 색상의 경우 색상 선택기에서 선택하거나 원하는 색상을 16진수, RGB 또는 HSL로 입력합니다.

기본 색상 은 첫 번째 스타일의 인용문 위와 아래 줄에 영향을 줍니다.

두 번째 스타일의 경우 기본 색상 이 배경에 영향을 줍니다. 배경에 어두운 색상을 선택하면 밝은 텍스트로 변경됩니다. 읽기 어려운 색상 조합을 선택하면 알려줍니다.

텍스트 색상 은 인용 부호, 인용문 및 인용에 영향을 줍니다. 도구 모음 설정에서 설정한 텍스트 색상을 무시하지 않습니다.

텍스트 색상 설정을 사용하여 따옴표를 조정한 다음 도구 모음의 색상 설정을 사용하여 텍스트를 독립적으로 조정할 수 있습니다.

고급의

고급 설정에는 HTML 앵커 및 추가 CSS 클래스가 포함됩니다. 앵커는 URL을 제공하므로 블록에 직접 연결할 수 있습니다. CSS 클래스 필드에는 선택한 스타일이 포함되며 원하는 경우 다른 클래스를 추가할 수 있습니다.

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

• 기사 자체의 텍스트를 사용하십시오.
• 아껴서 사용하십시오.
• 자막을 사용하지 않아도 괜찮습니다.
• 오른쪽 또는 왼쪽 정렬을 사용하여 인용 부호가 텍스트를 감싸도록 합니다.
• 넓은 전체 화면 정렬 옵션을 사용하여 흥미로운 제목을 만드십시오.
• 기본 스타일과 단색 스타일을 모두 시도하여 콘텐츠에 가장 적합한 스타일을 확인합니다. 단색을 사용하고 배경색을 눈에 띄게 변경합니다.
• 색상을 사용하여 인용구를 더욱 돋보이게 만드십시오.

인용구 블록에 대해 자주 묻는 질문

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

견적은 외부 견적을 표시합니다. 인용문은 해당 기사의 텍스트 일부를 강조 표시합니다. 인용문 블록에는 더 많은 정렬 옵션이 포함되어 있으며 스타일이 다릅니다.

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

그것은 텍스트에 눈에 띄는 그래픽 모양을 제공합니다. 또한 주의를 끌기 위해 텍스트의 한 줄을 강조 표시합니다.

견적 블록으로 변환할 수 있습니까?

예, 단락 블록, 열, 그룹, 머리글 또는 목록이 있습니다.

다른 용도로 사용할 수 있습니까?

예, 짧은 튜토리얼, 각주, 제목 등

결론

이것이 WordPress Pullquote Block에 대한 우리의 모습입니다. 인용 부호는 텍스트에 시각적 강조를 추가하는 좋은 방법이며 인용 부호 블록은 이를 훌륭하게 수행합니다. 이 블록은 사용하기 쉽고 눈에 띄는 독특한 모양을 만들 수 있는 충분한 옵션을 제공합니다. 레이아웃 옵션은 텍스트와 잘 어울리므로 텍스트를 나누고, 텍스트로 줄 바꿈하고, 헤더로 사용할 수도 있습니다.

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

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