공백을 추가 하시겠습니까? 하위 섹션 WordPress에 들여 쓰기? WordPress에서 단락을 들여 쓰시겠습니까?
대부분의 텍스트는 왼쪽으로 정렬되지만 경우에 따라 특정 단락을 들여 쓰기해야 할 수 있습니다. 최고의 타이포그래피 그리고 더 나은 독서 경험.
이 자습서에서는 들여 쓰기하는 방법을 보여줍니다. facilement 워드 프레스에 단락.
방법 1 : 비주얼 편집기에서 텍스트 들여 쓰기 단추 사용
기본적으로 대부분 워드 프레스 테마 오른쪽에서 왼쪽으로 쓰는 언어의 경우 왼쪽 또는 오른쪽에 정렬 된 단락을 표시합니다.
단락을 이동하려면 단추를 클릭하여 수동으로 단락을 수행 할 수 있습니다 들여 쓰기 증가 시각적 텍스트 편집기의. 이렇게하면 단락 왼쪽에 간격이 추가됩니다.
두 개 이상의 단락을 들여 쓰려면 해당 단락을 선택한 다음 버튼을 클릭해야합니다. 들여 쓰기 증가.
버튼을 여러 번 클릭하여 들여 쓰기를 늘릴 수 있습니다. 예를 들어 두 번 클릭하면 들여 쓰기 간격이 두 배가됩니다.
버튼을 클릭하여 인출을 줄일 수도 있습니다 들여 쓰기 줄이기.
우리는 또한 발견을 계속하기 전에 당신을 초대합니다 WordPress 5.0 용 Gutenberg 편집기 사용 방법 : XNUMX 부
방법 2 : 수동 들여 쓰기 텍스트 편집기를 사용하는 단락
인출 버튼 사용 텍스트 시각적 편집기에서 단락에 들여 쓰기를 추가하는 가장 쉬운 방법입니다. 그러나 추가 할 간격을 제어 할 수는 없습니다.
대부분의 고급 사용자는 텍스트 에디터 수동으로 들여 쓰기를 추가합니다. 당신이해야 할 일은 단락 태그에 텍스트를 넣는 것입니다 과 그리고 y CSS 코드 추가 이처럼 :
<p style="padding-left:25px;">Your paragraph text goes here...</p>
이 방법을 사용하면 들여 쓰기로 사용할 간격을 제어 할 수 있습니다. 이 방법은 단락을 정기적으로 들여 쓸 필요가없는 경우에 가장 효과적입니다.
따라서 충분히 자주 들여 쓰기하면 이상적인 솔루션이 아닙니다.
에 대한 우리의 가이드를 발견 (쓰기) 블로그에 좋은 단락을 작성하는 방법
방법 3 : 단락의 첫 줄만 들여 쓰기
웹 페이지는 단락의 첫 줄만 표시하는 워드 프로세싱 소프트웨어에서 사용하는 전통적인 단락 간격을 사용하지 않습니다.
WordPress에서도 단락을 들여 쓰면 전체 단락에 공백이 추가됩니다.
일부 잡지나 문학 저널 웹사이트에서는 보다 전통적인 들여쓰기를 추가할 수 있습니다. 이 경우 사용자 정의 CSS를 추가해야 합니다. 워드 프레스 테마.
"로 이동 외관> 사용자 정의 "를 시작하려면 사용자 정의 의 ' 워드 프레스 테마. " 추가 CSS ".
왼쪽 창에 사용자 정의 CSS 코드를 추가 할 수있는 텍스트 상자가 표시됩니다. 이 텍스트 상자에이 CSS 코드를 추가하십시오.
p.custom-indent {
text-indent:60px;
}
또한 우리의 발견 자습서 : WordPress Visual Editor를 마스터하는 방법
이 CSS 코드는 단순히 단락에 ".custom-indent"클래스가 있으면 60px 들여 쓰기를 추가한다고 브라우저에 알립니다.
그런 다음 텍스트 편집기에서 기사를 편집할 수 있습니다. 그런 다음 텍스트를 태그로 묶습니다. <p class = "custom-indent">
et </p>
다음과 같이 :
단락 텍스트가 여기에 표시됩니다 ...
완료되면 기사를 미리 볼 수 있으며 단락의 첫 줄에만 간격이 있음을 알 수 있습니다.
이 방법은 몇 개의 단락 만 들여 쓰기하려는 경우 신중하게 작동합니다. 그러나이 스타일을 웹 사이트의 모든 단락에 추가하려면 다음과 같이 사용자 정의 CSS 코드를 수정하면됩니다.
article p {
text-indent:60px;
}
이 CSS 코드는 WordPress 게시물 또는 페이지 내 모든 단락의 첫 줄에 자동으로 들여 쓰기를 추가합니다.
떠나기 전에 발견 워드 프레스 편집기에 비주얼 스타일을 추가하는 방법
웹 사이트의 모양을 향상시킬 스타일 비주얼 편집기를 찾는 사람들을 위해 여기에서이 작업을 위해 설계된 3 개의 프리미엄 WordPress 플러그인을 제공합니다.
1. 노란색 연필 : 비주얼 스타일 CSS 편집기
Yellow Pencil은 모든 테마와 함께 사용하여 몇 분 만에 웹 사이트를 개인화 할 수있는 비주얼 스타일 편집기입니다 (글꼴, 색상, 애니메이션 등…).
이 플러그인은 마치 게임처럼 색상으로 플레이하는 동안 백그라운드에서 CSS 스타일을 생성하며, 초보자와 숙련 된 사용자를 위해 설계되었습니다. 코딩 지식이 필요하지 않습니다. 그러나 플러그인에는 코딩을 좋아하는 사람들에게 좋은 CSS 편집기가 있습니다. 이 편집기로 실시간으로 코딩하고 CSS를 사용자 지정할 수 있습니다.
2. 쉬운 사용자 정의 JS 및 CSS
Ce 워드 프레스 플러그인 Premium은 웹사이트의 모든 섹션에 추가할 수 있는 강력한 CSS 및 JavaScript 코드 편집기입니다. 그것은 당신이 당신의 주요 업데이트 후에도 사용자 정의를 유지할 수 있습니다 워드 프레스 테마.
개인화 된 코드의 사용 분야를 제한 할 수 있습니다. 예를 들어 비디오 형식이있는 기사에만 코드를 사용할 수 있습니다. 또는 코드를 특정 테마로 제한 할 수 있습니다. WordPress 블로그의 테마를 자주 변경하는 경우 편리합니다.
2. 반응이 빠른 Google지도
Ce 워드 프레스 플러그인 지도의 여러 마커와 페이지당 여러 지도의 시스템 생성을 촉진합니다. 여기에는 전체 화면 보기 및 여러 마커 그룹화가 포함됩니다. 이를 위해 API 키가 필요하지 않습니다.
설치 워드 프레스 플러그인 반응형 Google 지도s 간단하고 쉽습니다. 긴 복잡한 단축 코드가 필요 없음. 마찬가지로지도를 생성하고 위치를 빠르게 추가하는 것은 간단합니다.이를 위해지도를 표시하려는 페이지에서 단축 코드를 복사하기 만하면됩니다.
읽기 Google지도에 WP 커뮤니티 회원의 위치를 표시하는 방법
다른 기능은 다음과 같습니다.응답 성있는 arte, p같은지도에서 여러 위치, p한 페이지에 여러 카드, 가능성자신의 마커를 다운로드하고 전체 화면보기, d 지원다른 유형의지도 (도로지도, 위성, 하이브리드 및 지형), z자동 oom, t 사용자 정의 기능지도에서 가라.t 훨씬 더 ...
추천 자료
더 발견하다 능숙 당신에게 도움이 될 추천 시각적 텍스트 편집기를 더 잘 제어할 수 있습니다.
- WordPress에 플러그인을 설치 (추가)하는 방법
- 워드 프레스 보안 Wordfence를 설치하는 방법
- 새로운 WordPress 편집기 인 Gutenberg에서 기대할 사항
- WordPress 5.0 용 Gutenberg 편집기 사용 방법 : XNUMX 부
- WordPress Visual Editor에 기능을 추가하는 방법
결론
여기 ! 이것으로이 튜토리얼을 마치고 기사의 들여 쓰기를 더 잘 구성 할 수 있기를 바랍니다. 자유롭게 소셜 네트워크에서 친구들과 팁을 공유하십시오..
제안이나 의견이 있으시면 환영받을 것입니다. 우리는 또한 당신이 우리를 상담 초대 초보자 블로거 인 경우 리소스.
...
제 p {대시 - 텍스트 : 60 px; }
문자열에 오류가 있습니다.
유효성 검사 서비스에서도 "60px; } "
우리는 어떻게 수정해야합니까?
잘 했어.