반응형 텍스트 블록

데스크톱 및 모바일 장치의 텍스트 스타일을 다르게 사용자 지정

우리는 최신 다목적 Citadela WordPress 테마 및 플러그인을 지속적으로 개발하고 있습니다. 최근 WordPress Gutenberg 사용자를 위한 훌륭한 기능을 추가했습니다. 새로운 블록은 눈길을 끄는 섹션을 만드는 데 도움이 됩니다. 무료로 업데이트를 받고 완벽한 웹사이트를 만드세요.

타이포그래피는 웹 사이트를 구축할 때 중요한 구성 요소입니다. 글꼴 유형, 크기 및 간격이 가독성을 결정합니다. 보기 좋고 전문적인 웹사이트는 방문자의 독서를 방해하지 않습니다. 표준 글꼴을 사용하는 것이 좋습니다.

반응형 텍스트 블록을 사용하면 데스크톱 및 모바일 장치에 대해 다른 방식으로 텍스트 블록을 사용자 지정할 수 있습니다. 제어할 수 있는 많은 설정이 있습니다. 데스크톱 및 모바일 장치 디스플레이용으로 분리됩니다. 모바일 너비 중단점, 텍스트 정렬, 글꼴 크기, 색상, 간격 등을 설정할 수 있습니다. Google 글꼴의 전체 라이브러리 덕분에 멋진 텍스트를 표시할 수 있습니다.

반응형 텍스트 블록은 페이지, 게시물 또는 Citadela 특수 페이지에서 사용할 수 있습니다. 이 반응형 텍스트 블록을 페이지 제목으로 사용할 수 있습니다. Gutenberg Inspector 영역의 문서 설정을 통해 미리 정의된 페이지 제목을 숨깁니다.

반응형 텍스트 블록에는 다음과 같은 옵션이 있습니다.

• 표시된 텍스트용 Google 글꼴
• 텍스트에 대한 HTML 태그 선택, 사용 가능한 단락 태그 및 제목 태그 1 – 6
• 데스크톱 및 모바일 화면에 대해 서로 다른 텍스트 정렬
• 데스크톱 및 모바일 화면에 대해 다른 단위의 다른 글꼴 크기
• 데스크톱 및 모바일 화면의 다른 줄 높이
• 텍스트의 문자 간격
• 텍스트 주위에 맞춤 간격을 만들기 위해 기본 여백을 비활성화합니다.
• 텍스트 및 배경색
• 기울임꼴 글꼴 스타일
• 텍스트의 밑줄 및 줄 장식

웹사이트 타이포그래피 설정

일반적으로 WordPress 및 테마 설치 후 첫 번째 단계 중 하나는 사용자 지정입니다. 많은 Google 글꼴 중에서 선택할 수 있습니다. WordPress의 타이포그래피 설정은 모양 → 사용자 정의 → 모양 → 타이포그래피에 있습니다. 제목 및 본문 텍스트 글꼴을 선택합니다. 제목의 글꼴 두께를 선택할 수도 있습니다. 전체 웹사이트는 방문자가 가능한 한 오래 머물 수 있도록 쾌적한 환경이어야 한다는 점을 명심하십시오. 따라서 몇 가지 표준을 따라야 합니다.

본문 텍스트에 일부 사치스러운 글꼴을 사용하고 싶지는 않습니다. WordPress 테마 글꼴 크기는 전체 웹 사이트, 각 섹션 및 하위 페이지에서 읽을 수 있도록 설계되었습니다.

멋진 텍스트 영역

그러나 종종 눈길을 끄는 특별한 섹션을 만들고 싶을 때가 있습니다. 트렌디한 글꼴로 아름답고 멋진 영역을 만드는 방법은 무엇입니까? 이것이 우리가 반응형 텍스트 블록을 만든 이유입니다. 작동하기 쉽습니다.

반응형 텍스트 블록은 타이포그래피를 사용하는 완벽한 방법을 제공합니다. 특정 글꼴, 크기 및 간격으로 하나의 제목 또는 텍스트만 사용자화할 수 있습니다. 또한 데스크톱 및 모바일 장치에 대해 다른 방식으로 이 블록을 설정할 수 있습니다. 텍스트가 완벽하게 보이는지 확인하고 모든 장치에서 최적화하십시오. 클러스터와 같은 다른 블록과 결합하여 웹 사이트에 대한 더 많은 디자인 잠재력을 발견합니다.

선택한 하위 페이지에 이 블록을 추가합니다. 표준 블록과 마찬가지로 Gutenberg Inspector의 오른쪽에 메뉴와 설정이 있습니다. Citadela 디렉토리 플러그인과 함께 표준 페이지, 게시물 또는 특수 페이지에서 이 블록을 사용할 수 있습니다.

이 블록을 사용하면 HTML 태그를 사용하여 제목을 설정할 수 있습니다. px, em, vw 중에서 글꼴 크기 단위를 결정한 다음 글꼴 크기, 줄 높이 및 간격을 설정할 수 있습니다. 놀면서 완벽한 Goole 글꼴을 선택하십시오. 텍스트가 어떻게 보이는지 바로 확인할 수 있습니다. 이 블록에 대한 텍스트 정렬 및 색상 설정도 사용할 수 있습니다.

반응형 설정

반응형 옵션 사용을 표시하면 데스크톱과 모바일에 대한 중요한 매개변수를 별도로 설정할 수 있습니다. 텍스트 정렬, 글꼴 크기 단위, 글꼴 크기, 줄 높이 및 문자 간격. 또한 모바일 너비 중단점 크기를 제어할 수 있습니다.

모두 Gutenberg 편집기용 AitThemes 블록은 Citadela 블록 플러그인의 일부입니다.. 이 플러그인은 멋진 웹사이트 디자인을 위한 중요한 구성 요소입니다. 모두 표준 WordPress Gutenberg 편집기를 사용하여 가볍고 빠르게 실행되는 웹 사이트를 구축할 수 있습니다. 최신 Citadela 블록 플러그인을 다운로드하십시오.