WordPress 비주얼 편집기 팁과 요령
WordPress는 처음에 콘텐츠를 온라인에 쉽게 게시할 수 있는 간단한 블로깅 시스템으로 구축되었습니다. 시간이 지나면서 완전한 기능을 갖춘 콘텐츠 관리 시스템(CMS)으로 변모했습니다. 이제 사용자는 WordPress 웹사이트의 디자인과 기능을 완벽하게 제어할 수 있습니다. 그러나 콘텐츠가 없으면 디자인과 기능은 아무 의미가 없으며 그런 점에서 WordPress는 콘텐츠 생성 및 관리라는 뿌리에 충실합니다.
WordPress 기본 소프트웨어에 많은 기능이 내장되어 있지만 콘텐츠 제작은 여전히 핵심 원동력입니다. 이를 염두에 두고 이 게시물에서 WordPress 시각적 편집기를 자세히 살펴보고 이를 더 잘 활용할 수 있는 방법을 살펴보겠습니다.
위지위그
WordPress를 사용하면 콘텐츠를 파일에 직접 코딩하는 대신 시각적으로 콘텐츠를 만들고 관리할 수 있습니다. 따라서 초보자를 위해 WYSIWYG 편집기 또는 "보이는 대로 얻는다"라고 합니다. 편집기 도구는 세 부분으로 구성됩니다.
- 비주얼 편집기
- 텍스트 편집기(코드를 입력할 수 있는 곳)
- 미디어 업로더(이미지 파일 업로드용)
기본적으로 새 게시물이나 페이지를 만들 때 시각적 편집기가 활성화됩니다(페이지 > 새로 추가 또는 게시물 > 추가). 새로운). 혹시 활성화되지 않은 경우 클릭하세요.
WYSIWYG는 게시물을 편집하는 동안 시각적 편집기에 표시되는 내용이 게시된 게시물에도 표시된다는 의미입니다. 텍스트 편집기를 사용하면 일반 텍스트를 입력할 수 있을 뿐만 아니라 실제 HTML 파일로 작업하는 것처럼 코드(HTML 마크업)를 직접 입력할 수도 있습니다. 편집기 맨 오른쪽에 있는 텍스트 탭을 클릭하여 활성화합니다.
미디어 업로더가 바로 그 일을 합니다. 미디어 파일을 미디어 라이브러리에 업로드하여 원하는 대로 게시물에 삽입할 수 있습니다.
강력한 WordPress 비주얼 편집기에 대한 간략한 소개를 통해 이제 몇 가지 주요 버튼을 사용하여 콘텐츠를 생성하고 편집하는 방법을 살펴보겠습니다. 저는 무료 컬렉션의 Blogger 테마를 일러스트레이션에 사용하고 있습니다.
텍스트 추가
먼저 새 페이지나 게시물을 시작하고 비주얼 편집기를 여는 것입니다. 게시물 > 새로 추가로 이동하세요. 기본적으로 새 게시물을 작성할 때 간략한 도구 모음이 표시됩니다.
도구 모음에 다른 서식 옵션을 표시하려면 주방 싱크대 아이콘을 클릭하세요.
기본적인 콘텐츠 생성 및 관리의 경우 위의 형식 지정 옵션이 적합합니다. WordPress를 처음 사용하는 경우에도 대부분의 아이콘은 Microsoft Word와 같은 다른 텍스트 편집기에서 익숙할 것입니다. 실제로 시각적 편집기 도구 모음에 있는 모든 아이콘은 Microsoft Word의 동일한 아이콘과 동일한 기능을 수행하므로 덜 친숙한 아이콘을 선택하여 논의했습니다.
텍스트를 추가하려면 편집기 창에 내용을 입력하기만 하면 됩니다. 그러나 때로는 내용이 이미 어딘가에 입력되어 있을 수 있으며, 이 경우 도구 모음의 다음 버튼을 사용하여 Word에서 일반 텍스트 또는 서식 있는 텍스트로 간단히 붙여넣을 수 있습니다.
이 경로를 사용하면 속도가 빠르고 시각적 편집기는 Word의 서식을 대부분 잘 보존합니다. 적어도 표준 복사하여 붙여넣기보다 더 좋습니다. 그러나 곧 알게 되겠지만 이는 완벽한 작업이 아니며 때로는 텍스트가 엉망이 될 수도 있습니다. 일반 텍스트로 붙여넣은 다음 비주얼 편집기에서 서식을 지정하는 것이 훨씬 쉽다는 것을 알았습니다.
텍스트에서 서식 제거
지금까지 보았거나 이러한 서식 지정 버튼을 실험해 보면 알 수 있듯이 시각적 편집기에는 다른 텍스트 편집기에서 가져온 서식 있는 텍스트를 처리할 때 약점이 있습니다. 따라서 평범한 오래된 텍스트로 작업하는 것이 더 나은 방법이라는 것을 알 수 있습니다. 가져온 텍스트에서 서식을 제거하는 데 사용해야 하는 버튼은 다음과 같습니다.
텍스트를 강조표시하고 해당 버튼을 클릭하세요. 이제 텍스트에 테마의 기본 서식이 적용됩니다. 이 버튼은 인용문 및 헤더와 같은 일부 형식 유형에서는 작동하지 않습니다. 이러한 유형을 처리하는 다른 서식 지정 버튼이 있습니다.
텍스트 유형 변경
문서에는 단락과 제목을 포함하여 여러 가지 텍스트 유형이 있습니다. 텍스트 유형을 변경하려면 수정하려는 텍스트 부분을 강조 표시하고 편집기 도구 모음의 가장 왼쪽에 있는 형식 드롭다운 메뉴를 클릭하세요. 원하는 형식을 선택하면 완료됩니다.
물론 원하는 방식으로 게시물의 형식을 지정할 수 있지만 일관성을 위한 구조가 있는지 확인하세요. 예를 들어 섹션 제목은 제목 2와 같은 동일한 제목 형식을 가져야 하지만 기본 제목은 일반적으로 제목 1입니다. 또한 표준 단락 텍스트에는 기본 형식이 있어야 하며 텍스트와 주소도 미리 형식화되어 있어야 합니다.
기억하세요: 다양한 텍스트 유형의 기본 형식은 테마에 따라 다릅니다. 모든 테마에는 형식 드롭다운 상자에 표시되는 유형에 대한 고유한 기본 스타일이 제공됩니다.
서식 제거 버튼은 제목과 인용부호에는 작동하지 않으므로 드롭다운 상자에서 단락 유형을 사용하여 헤더에서 서식을 제거하세요.
인용부호 형식을 지정하거나 제거하려면 인용부호 버튼을 사용하세요.
전체 화면 편집
방해 요소를 최소화하면서 작업하고 싶다면 전체 화면 모드가 이상적이며 이를 활성화하는 버튼이 있습니다. 화면에서 중요하지 않은 항목을 모두 닫고 콘텐츠 상자와 페이지 위에 마우스를 올리면 자동으로 숨겨지고 나타나는 압축 도구 모음만 남습니다.
추가 태그 삽입
이는 비주얼 편집기에서 흔히 간과되는 기능이지만, 블로그에 발췌한 게시물을 표시할 때 매우 유용합니다. 이미 알고 있듯이 블로그에 게시물을 게시한 경우 WordPress는 해당 게시물의 발췌문을 홈 및 아카이브 페이지에 표시합니다. 그러나 WordPress에서는 발췌문을 무작위로 자르므로 문장 중간에 이 부분이 있을 수 있습니다.
여기에서 유용한 더 삽입 태그 기능이 유용합니다. 발췌가 끝나는 위치를 정확하게 지정할 수 있습니다. 전체 게시물을 가리키는 링크는 발췌 부분을 끝까지 지정한 위치에 삽입됩니다. 이 태그의 형식을 지정하는 방법은 여러 가지가 있지만 기본적으로 페이지가 아닌 게시물에만 작동한다는 점을 기억하세요.
참고: 추가 삽입 태그의 사용은 선택한 테마의 지원 여부에 따라 달라집니다. 신중하게 개발된 대부분의 테마는 이를 지원하지만 일부는 지원하지 않습니다.
링크 추가 및 제거
이 버튼을 사용하면 링크를 삽입하고 제거하는 것도 간단합니다. 링크를 만들려는 텍스트를 강조 표시할 때까지 기본적으로 비활성화되어 있습니다. 왼쪽 버튼은 링크를 추가하고 오른쪽 버튼은 링크를 제거합니다.
특수 문자
Word에서 특수 문자 버튼을 사용해 본 적이 있다면 이 버튼도 익숙할 것입니다. 그러나 이것은 마우스를 가져가면 문자의 HTML과 NUM 코드가 표시되므로 더 직관적입니다.
일반 WordPress 사용자라면 위에서 살펴본 내용 대부분에 이미 익숙할 가능성이 있지만, 새로운 WordPress 사용자에게는 이 가이드가 WordPress의 시각적 편집기에 대한 편리한 시작 가이드가 될 것입니다. 그 능력과 한계.
또한 비주얼 편집기를 사용하는 방법에 대해서도 듣고 싶습니다. 공유하고 싶은 팁이나 요령이 있나요?