WordPress에서 페이지를 편집하는 방법 – WordPress 편집기 마스터

WordPress에서 페이지를 편집하기 위해 매우 기술적인 작업을 할 필요는 없습니다. 텍스트 편집기에 대한 경험이 있다면 충분히 간단하다는 것을 알게 될 것입니다. 게시물과 페이지 모두에 WordPress 편집기를 사용하십시오.

참조: 페이지 이름을 편집하는 방법 >

여기에서 사용한 예제는 WordPress.org 시스템에 있지만 WordPress.com은 페이지가 변경되는 방식에서 매우 유사합니다. 두 분에게 도움이 될 포스팅입니다.

업데이트. 이 게시물은 2018년부터 사용된 Glutenberg WordPress Editor라고도 하는 WordPress Blocks가 아닌 WordPress Classic Editor를 참조합니다. 그러나 이 게시물은 여전히 ​​일부 사람들에게 도움이 될 것입니다.

무엇을 배울지 살펴보겠습니다.

이 포스트를 마치면 다음을 통해 WordPress에서 페이지 형식을 지정하고 편집하는 방법을 이해해야 합니다.

• 관리 영역에서 편집 및 저장,
• 프런트 엔드에서 변경 사항 보기,
• WordPress 편집기에서 서식 도구를 사용합니다.

게시물이나 페이지를 업데이트하기 전에 WordPress 데이터베이스를 백업하세요. 저는 무료로 제공되는 백업 및 마이그레이션 플러그인인 DB Migrate를 사용합니다.

WordPress에서 페이지를 편집하는 데 필요한 것

• 웹 개발자의 WordPress 사용자 이름 및 암호.
• 관리 영역의 URL(웹 주소 또는 링크라고도 함).

이러한 정보가 있으면 브라우저에 입력하거나 링크를 클릭하여 URL로 이동합니다.

사용자 이름과 암호를 입력하고 로그인을 누르십시오. WordPress 대시보드에 도착합니다.

새 탭에서 WordPress 웹사이트 보기

가장 먼저 하는 일은 새 브라우저 탭에서 웹사이트의 공개 부분을 여는 것입니다. 그런 다음 한 탭에는 관리 영역(백엔드)이 표시되고 다른 탭에는 공용 공간(프런트 엔드)이 표시됩니다. 그렇게 하면 둘 사이를 전환할 수 있습니다.

새 탭에서 WordPress 웹사이트의 프런트 엔드를 여는 가장 쉬운 방법은 다음과 같습니다.

• 관리 영역에서 – 화면 왼쪽 상단의 집 아이콘 위로 마우스를 가져갑니다.
• 드롭다운 메뉴에서 '사이트 방문'을 마우스 오른쪽 버튼으로 클릭 합니다.
• "새 탭에서 링크 열기"를 클릭합니다. 아래에 빨간색으로 밑줄을 쳤습니다.

주의 사용하는 브라우저에 따라 단어가 다를 수 있습니다.

이제 두 개의 브라우저 탭이 열려 있어 둘 사이를 전환할 수 있습니다.

관리 영역을 사용하여 한 탭에서 WordPress 페이지를 계속 편집하십시오.

다른 한편으로 웹사이트의 프런트 엔드를 보고 각 변경 사항을 확인합니다.

편집하고 저장할 때 사이트의 프런트 엔드로 이동할 수 있습니다. F5 키를 눌러 페이지를 새로 고칩니다. 그러면 브라우저에 업데이트된 버전을 표시하라는 메시지가 표시됩니다.

WordPress에서 페이지 콘텐츠 편집

이제 작업 영역을 설정했으므로 관리 영역에서 시작하겠습니다. 여기에서 WordPress 편집기를 찾을 수 있습니다.

왼쪽 메뉴에서 PAGES를 클릭합니다. 사이트 내의 페이지가 나열됩니다.

페이지 이름 위로 마우스를 가져가면 추가 옵션이 나타납니다.

EDIT 는 전체 편집 화면으로 이동합니다.

빠른 편집 을 사용하면 이 화면에서 제목, 슬러그, 날짜, 개인 정보, 부모, 주문, 템플릿 및 상태를 변경할 수 있습니다.

BIN 은 페이지를 쓰레기통으로 보냅니다. 해당 페이지는 더 이상 웹사이트에 표시되지 않습니다.

VIEW 를 사용하면 이 특정 페이지, 즉 전면(또는 공개) 끝을 볼 수 있습니다.

페이지를 편집하려면 첫 번째 옵션인 편집을 클릭합니다. 또는 페이지 이름을 클릭합니다.

WordPress '페이지 편집' 화면이 나타납니다.

WordPress 튜토리얼에서 페이지 편집하기

먼저 WordPress의 테마와 플러그인에 주의를 기울여야 합니다. 때때로 '페이지 편집' 화면을 사용자 지정합니다.

예를 들어, DIVI는 DIVI Builder라는 인터페이스를 사용합니다. Avada는 Fusion Builder라고 합니다.

어떤 버전을 사용하고 있습니까?

최신 WordPress 편집기는 Gutenberg 블록 편집기입니다. 페이지가 아래 이미지와 비슷하면 블록을 사용하고 있는 것입니다. 블록 편집기에서 내 게시물을 방문하세요.

워드프레스 편집기가 아래 이미지와 비슷하면 클래식 워드프레스 편집기를 사용하고 있는 것입니다.

사용자 정의 빌더를 사용하지 않는 경우 시작할 수 있습니다.

WordPress 편집기 버튼 아이콘 설명

클래식 편집기에서 첫 번째 버튼 아이콘은 한때 '주방 싱크'라고 불렸던 TOOLBAR TOGGLE 아이콘입니다. 위 이미지에서 반전되어 활성화되어 있는 것을 볼 수 있습니다.

도구 모음 토글 아이콘은 다음과 같습니다.

이 버튼 아이콘은 추가 서식 옵션을 표시하거나 숨깁니다. 활성화된 상태로 유지하십시오.

WordPress에서 텍스트 서식 지정

대부분의 WordPress 편집기와 마찬가지로 텍스트를 강조 표시하고 서식을 지정할 수 있습니다.

기본 편집 표시줄의 왼쪽에서 오른쪽으로:

B – 텍스트를 굵게 또는 강하게 만듭니다.
I – 강조 표시된 텍스트를 기울임꼴로 표시합니다.
알파벳 – 이것은 마치 그것을 지우는 것처럼 텍스트에 취소선을 추가합니다. 판매 품목에 편리합니다.

웹토크에서 정렬되지 않은 목록의 버튼 아이콘이지만 WordPress에서는 이를 글머리 기호 목록이라고 합니다. 이것을 사용하여 목록을 만듭니다. 예를 들어:

• 이것이 첫 번째 요점입니다.
• 이것이 두 번째 주문 포인트입니다.

새 글머리 기호를 원할 때마다 각 줄 끝에서 Return(또는 Enter)을 클릭합니다.

빠른 팁: SHIFT-ENTER를 클릭하면 줄 바꿈이 생성되어 글머리 기호 목록에 도움이 됩니다. 새 글머리 기호를 만들지 않고도 한 줄을 드롭다운할 수 있기 때문입니다.

• 이것이 내 첫 번째 요점의 제목입니다.
  나는 SHIFT-ENTER를 눌러 아래에서 이것에 대해 조금 말할 것입니다.
• 이제 두 번째 요점이 있습니다.
  이것에 대해 조금.

목록을 중단하려면 마지막 줄 다음에 return 키를 두 번 누르십시오. 또는 아이콘을 두 번째로 누르십시오. WordPress는 일반 단락으로 돌아갑니다.

웹사이트 디자이너 또는 테마가 CSS를 사용하여 목록의 스타일을 지정했을 수 있습니다. WordPress 편집 화면에서 항상 스타일을 변경할 수 있는 것은 아닙니다.

이 아이콘은 인터넷 언어로 정렬된 목록이라고 하는 번호 목록입니다. 목록에 번호가 매겨지는 것을 제외하고는 위의 글머리 기호 목록과 같은 방법으로 사용하십시오.

큰따옴표는 텍스트 줄을 들여씁니다. 다시 말하지만 테마나 웹 개발자가 스타일을 지정했을 수 있으므로 스타일을 지정하지 못할 수 있습니다.

다음은 수평선입니다. 수평선을 사용하여 텍스트 청크에 나누기를 만듭니다. 테마는 스타일을 제어합니다. 위의 것은 기본 스타일로 1픽셀의 회색 선입니다.

WordPress에서 단락 정렬

단락 및 제목의 레이아웃은 종종 스타일 시트 내에서 설정되어 이러한 정렬 버튼이 약간 이상하게 작동합니다.

나는 스타일시트가 내 단락을 지배하도록 하는 경향이 있지만 이미지를 추가하면 WordPress 편집기 내에서 정렬합니다.

텍스트 줄을 클릭한 다음 정렬 도구를 클릭하십시오. 정렬은 전체 단락에 적용됩니다.

꽤 자주, 다음 단락은 위의 정렬을 따릅니다. 일반적으로 '단락' 태그 대신 줄 바꿈이 사용되었을 때 발생합니다. 간단한 수정 사항이 있습니다.

• 첫 번째 단락의 끝에 커서를 놓습니다.
• 이제 DELETE(백스페이스)를 눌러 두 번째 단락을 위로 당깁니다.
• 한 단락을 끝내고 새 단락을 시작하려면 Enter 키를 누르십시오.
• 두 개는 별도로 정렬할 수 있습니다.

WordPress에서 링크 생성 및 편집

링크 아이콘 – 텍스트와 이미지 모두 페이지, 게시물 또는 외부 웹사이트에 연결할 수 있습니다.

WordPress에서 텍스트를 연결하려면 먼저 텍스트를 강조 표시해야 합니다.

빠른 팁: 전체 단어를 강조 표시하려면 한 단어를 두 번 클릭합니다. Shift 키를 누른 상태에서 두 번째 단어를 클릭하여 강조 표시합니다.

이제 링크 아이콘을 클릭하십시오.

사이트의 페이지/게시물에 링크하는 경우 제목을 입력하기 시작합니다.
주의 슬러그가 아닌 페이지의 TITLE을 입력하십시오.

WordPress 페이지 제목 편집

목록에서 페이지를 찾으면 필드 끝에 있는 파란색 '돌아가기' 화살표를 눌러 적용하십시오.

링크를 더 사용자 정의하려면 적용을 클릭하기 전에 필드 끝에 있는 톱니바퀴 아이콘을 클릭하십시오.

톱니바퀴 아이콘은 링크 옵션이 포함된 상자를 엽니다. 링크할 페이지를 선택합니다.

권장하지 않지만 링크는 새 창(또는 탭)을 열 수 있습니다. 링크 옵션 화면에서 "새 탭에서 링크 열기"를 선택하십시오. Google은 다른 창을 여는 링크에 불이익을 줍니다. 사용자가 결정을 내릴 수 있어야 합니다.

간단한 팁: 최신 버전의 WordPress에서는 텍스트를 연결할 때 링크 아이콘을 누를 필요조차 없습니다. 링크를 클립보드에 복사하고 텍스트를 강조 표시한 다음 control-v를 눌러 링크를 붙여넣습니다.

WordPress에서 이미지를 연결하는 것도 비슷한 과정입니다.

이미지를 선택한 다음 링크 아이콘을 클릭합니다. 위의 단계를 따르세요.

WordPress에서 링크를 편집하는 방법

링크를 편집하려면 유사한 단계를 따르십시오.

텍스트를 강조 표시하거나 이미지를 선택합니다. 동일한 아이콘을 사용하고 링크를 새 아이콘으로 변경하십시오. 또는 표시되는 연필 아이콘을 클릭합니다.

WordPress에서 링크를 제거하는 방법

이 아이콘이 완료되면 링크가 제거됩니다. 텍스트 링크의 아무 곳이나 클릭하거나 이미지를 선택한 다음 이 버튼을 누르십시오.

더 읽기 아이콘은 내가 사용하지 않는 아이콘입니다. WordPress를 사용하면 READ MORE 태그 안에 텍스트를 넣어 사용자가 더 읽기를 클릭할 때까지 페이지에서 숨길 수 있습니다. 텍스트는 검색 엔진에서 계속 크롤링할 수 있지만 Google은 숨겨진 콘텐츠를 높이 평가하지 않습니다.

WordPress의 단락 및 제목

도구 모음 내에서 드롭다운 메뉴를 볼 수 있습니다.

줄의 서식을 지정하려면 줄이나 단락의 텍스트를 클릭하고 드롭다운 메뉴를 사용하여 단락, 제목 1 또는 제목 2를 선택합니다.

테마는 제목과 단락의 스타일을 설정하여 웹사이트 디자인을 일관되게 유지합니다.

제목에 올바른 태그를 사용하면 디자인이 웹사이트를 통해 계속됩니다.

SEO 작성이란 무엇입니까?

WordPress의 더 많은 서식 도구

이 아이콘을 사용하여 WordPress 콘텐츠의 텍스트에 밑줄을 긋고 눈에 띄게 만들거나 문장을 만들 수 있습니다.

텍스트를 강조 표시하고 밑줄 아이콘을 클릭하기만 하면 됩니다.

텍스트 정렬 도구는 정렬된 단락을 만듭니다. 텍스트가 오른쪽 여백 및 왼쪽 여백과 같은 높이가 되도록 문자와 단어 사이의 간격이 조정됩니다. 완전 맞춤 또는 완전 맞춤이라고도 하며 열 내의 텍스트에 적합합니다.

WordPress 웹 디자이너로서 이 아이콘을 주의해서 사용하는 것이 좋습니다. 버튼은 텍스트의 색상을 변경합니다. 나는 고객들이 주의를 끌기 위해 밝고 다채로운 문장을 만드는 것을 보았습니다. 좋지 않아 보인다. 텍스트를 균일하게 유지합니다.

WordPress에 '텍스트로 붙여넣기' 아이콘이 있는 이유는 무엇입니까? 웹 사이트 또는 Word 문서에서 복사한 텍스트도 형식을 따릅니다. WordPress 페이지에 붙여넣고 서식을 붙여넣습니다. 코드가 도움이 되지 않는 위치에 있기 때문에 페이지가 끔찍하게 보입니다.

따라서 다음에 복사하여 붙여넣을 때 복사하십시오. 그런 다음 커서를 제자리에 놓고 '텍스트로 붙여넣기' 도구를 클릭하여 서식 없는 텍스트를 추가합니다. 그런 다음 WordPress 내에서 포맷하십시오.

페이지의 모든 곳에서 텍스트를 찾으면 서식이 지정되는 경우가 많습니다. 수행 중인 작업을 알고 백업이 있는 경우 '형식 지우기' 도구를 사용하여 모든 형식을 제거하고 텍스트를 다시 제거하여 이제 직접 형식을 지정할 수 있습니다.

다음 아이콘인 그리스 오메가는 아래의 문자 맵을 열어 예리한, 무덤 및 곡절과 같은 특수 문자를 추가할 수 있습니다. 다국어 페이지를 만드는 경우에 유용합니다.

들여쓰기 아이콘입니다. 그것들을 사용하여 단락이나 제목의 들여쓰기를 늘리거나 줄일 수 있습니다.

마지막으로 실행 취소/다시 실행 아이콘입니다. 왼쪽에 있는 것은 실행 취소용이며 정말 유용합니다. 내가 만들 수 있는 실행 취소 이동이 있기 때문에 이 이미지에서는 더 어두운 회색입니다. 다시 실행 버튼이 비활성화되어 있습니다. 현재 '다시 실행'할 수 있는 작업이 없습니다. 다시 실행하려면 먼저 실행을 취소해야 합니다.

WordPress 페이지 저장

WordPress 페이지 또는 게시물을 크게 변경한 경우 업데이트 버튼을 클릭하여 페이지를 저장합니다. 이렇게 하면 공개 페이지가 업데이트됩니다. 작업을 확인하기 위해 프런트 엔드에서 변경 사항을 볼 때 항상 페이지를 새로고침하십시오.

WordPress의 자동 저장 및 수정

WordPress는 페이지의 초안을 자주 자동 저장합니다.

개정 링크를 사용하여 페이지 개정을 불러올 수 있습니다. POST 설정에서 찾을 수 있습니다. 게시물 설정이 닫혀 있으면 오른쪽 상단의 톱니바퀴를 눌러 엽니다. 그런 다음 상단의 페이지 탭(또는 편집 중인 항목에 따라 게시 탭)을 누르십시오.

• 문서의 수명 동안 저장된 초안 및 개정을 보려면 '개정' 링크를 클릭하십시오.
• '개정판 비교' 화면이 나타납니다.
• 페이지의 수명을 나타내는 타임라인 막대가 이 화면 상단에 있습니다. 슬라이더를 왼쪽으로 더 멀리 이동할수록 페이지의 수정 버전이 더 오래된 것입니다.
• WordPress는 최신 게시물을 타임라인에서 선택한 게시물과 비교하여 변경된 사항을 강조 표시합니다.
• 가장 최근 버전을 검색하려면 슬라이더를 오른쪽 끝까지 이동합니다.

워드프레스에서 퍼머링크 편집하기

슬러그라고도 하는 영구 링크는 WordPress에서 웹 페이지의 URL을 생성합니다. 퍼머링크 수정 시 페이지 링크가 깨질 수 있으니 신중하게 수정하시기 바랍니다 .

영구 링크를 변경하고 편집하려는 경우 Redirection과 같은 리디렉션 플러그인을 사용하는 것이 좋습니다.

빠른 팁: 오류를 범하여 영구 링크를 변경했지만 원래 URL이 기억나지 않는 경우 Google 검색을 사용하여 페이지를 검색하십시오. 검색에 회사 이름을 추가하면 목록에 있는 원래 URL을 찾을 수 있습니다. 퍼머링크를 원래 이름으로 다시 변경하십시오.

마지막 단어

나는 당신이 게시물을 즐겼기를 바랍니다. 워드프레스는 작업 중인 내용을 이해하지 못한다면 답답할 수 있습니다. 이 지침이 내 블로그의 나머지 WordPress 자습서와 함께 도움이 될 것이라고 확신합니다.