공백을 추가 하시겠습니까? 하위 섹션 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 코드를 추가 할 수있는 텍스트 상자가 표시됩니다. 이 텍스트 상자에이 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은 모든 테마와 함께 사용하여 몇 분 만에 웹 사이트를 개인화 할 수있는 비주얼 스타일 편집기입니다 (글꼴, 색상, 애니메이션 등…).

Yellowpencil 비주얼 CSS 스타일 편집기 플러그인 워드 프레스

이 플러그인은 마치 게임처럼 색상으로 플레이하는 동안 백그라운드에서 CSS 스타일을 생성하며, 초보자와 숙련 된 사용자를 위해 설계되었습니다. 코딩 지식이 필요하지 않습니다. 그러나 플러그인에는 코딩을 좋아하는 사람들에게 좋은 CSS 편집기가 있습니다. 이 편집기로 실시간으로 코딩하고 CSS를 사용자 지정할 수 있습니다.

다운로드 | 데모 | 웹 호스팅

2. 쉬운 사용자 정의 JS 및 CSS 

Ce 워드 프레스 플러그인 Premium은 웹사이트의 모든 섹션에 추가할 수 있는 강력한 CSS 및 JavaScript 코드 편집기입니다. 그것은 당신이 당신의 주요 업데이트 후에도 사용자 정의를 유지할 수 있습니다 워드 프레스 테마.

쉬운 사용자 정의 js 및 css 추가 사용자 정의 워드 프레스 플러그인

개인화 된 코드의 사용 분야를 제한 할 수 있습니다. 예를 들어 비디오 형식이있는 기사에만 코드를 사용할 수 있습니다. 또는 코드를 특정 테마로 제한 할 수 있습니다. WordPress 블로그의 테마를 자주 변경하는 경우 편리합니다.

다운로드 | 데모 | 웹 호스팅

2. 반응이 빠른 Google지도

Ce 워드 프레스 플러그인 지도의 여러 마커와 페이지당 여러 지도의 시스템 생성을 촉진합니다. 여기에는 전체 화면 보기 및 여러 마커 그룹화가 포함됩니다. 이를 위해 API 키가 필요하지 않습니다.

WordPress지도 플러그인-반응 형 Google지도

설치 워드 프레스 플러그인 반응형 Google 지도s 간단하고 쉽습니다. 긴 복잡한 단축 코드가 필요 없음. 마찬가지로지도를 생성하고 위치를 빠르게 추가하는 것은 간단합니다.이를 위해지도를 표시하려는 페이지에서 단축 코드를 복사하기 만하면됩니다.

읽기 Google지도에 WP 커뮤니티 회원의 위치를 ​​표시하는 방법

다른 기능은 다음과 같습니다.응답 성있는 arte, p같은지도에서 여러 위치, p한 페이지에 여러 카드, 가능성자신의 마커를 다운로드하고 전체 화면보기, d 지원다른 유형의지도 (도로지도, 위성, 하이브리드 및 지형), z자동 oom, t 사용자 정의 기능지도에서 가라.t 훨씬 더 ...

추천 자료

더 발견하다 능숙 당신에게 도움이 될 추천 시각적 텍스트 편집기를 더 잘 제어할 수 있습니다.  

결론

여기 ! 이것으로이 튜토리얼을 마치고 기사의 들여 쓰기를 더 잘 구성 할 수 있기를 바랍니다. 자유롭게 소셜 네트워크에서 친구들과 팁을 공유하십시오..

제안이나 의견이 있으시면 환영받을 것입니다. 우리는 또한 당신이 우리를 상담 초대 초보자 블로거 인 경우 리소스.

...