페이지 텍스트 편집기

페이지 Pixpa의 손쉬운 드래그 앤 드롭 페이지 빌더로 100개 이상의 콘텐츠 블록을 사용하여 모든 종류의 정보 기반 페이지를 만들 수 있습니다.

여러분의 시간과 재능으로 조직, 이러한 콘텐츠 블록을 편집 및 사용자 지정하여 콘텐츠를 표시할 고유한 페이지를 만듭니다.
또한 확인 : 섹션 및 스니펫 이해.

페이지 빌더에서 쉽게 할 수 있습니다. 더하다 섹션 드래그 앤 드롭 미리보기 왼쪽 사이드바에서 페이지 캔버스 영역으로.

페이지에 섹션을 배치한 후 섹션에서 개별 스니펫 항목(텍스트, 이미지, 버튼)을 편집할 수 있습니다.

페이지 캔버스 영역에서 커서를 이동하기만 하면 모든 개별 스니펫이 마우스를 가리키면 강조 표시됩니다. 그런 다음 스니펫을 클릭하여 동일하게 편집합니다.

실제 콘텐츠를 편집하는 방법을 확인하십시오. 

페이지 캔버스 영역에서 수행할 수 있는 작업은 다음과 같습니다. 

1. 스니펫 시퀀싱.
2. 스니펫을 복제합니다.
3. 특정 스니펫을 삭제합니다.
4. 최근 변경 사항을 실행 취소합니다.
5. 텍스트에 굵게/기울임꼴/밑줄 및 기타 서식을 적용합니다.
6. 텍스트 색상과 스니펫 배경색을 변경합니다.
7. 텍스트 서식을 적용하거나 글꼴 스타일을 변경합니다.
8. 변경 본문 조정.
9. 정렬된 목록과 정렬되지 않은 목록을 만듭니다.
10. 텍스트에 하이퍼링크를 적용합니다.
11. 기호를 추가합니다.
12. 사전 텍스트 서식을 제거합니다.
13. 전체 페이지의 HTML을 편집합니다.

스니펫 도구 상자 및 편집 도구 모음

스니펫을 클릭하면 스니펫 도구 상자 오른쪽에 있는 개별 스니펫과 편집 도구 모음 상단에.

스니펫 도구 모음에는 4가지 옵션이 있습니다. 

• 친애하는 ( ✥ ) – 드래그 앤 드롭으로 스니펫을 시퀀싱하는 데 사용됩니다.
• 복제 – 스니펫을 복제하는 데 사용됩니다.
• 요소 도구 – 개별 스니펫의 새 스니펫 추가, 스니펫 복제, 스니펫 위/아래 이동, 삭제 옵션을 보기 위해 사용됩니다.
• . – 스니펫을 삭제할 때 사용합니다.

1. 스니펫 시퀀싱

• 드래그 앤 드롭으로 스니펫을 시퀀싱할 수 있습니다. 그냥 잡아 드래그 아이콘을 클릭하고 페이지의 모든 블록에 스니펫을 드래그하여 원하는 위치에 놓습니다.

작동 중인 시퀀싱 스니펫을 참조하십시오.

2. 스니펫 복제

• 복제 아이콘을 클릭하여 기존 스니펫을 복제할 수 있습니다.

작동 중인 스니펫 복제를 참조하십시오.

3. 스니펫 삭제

• 삭제 아이콘을 클릭하여 페이지에서 스니펫을 삭제할 수 있습니다.

실행 중인 스니펫 삭제를 참조하십시오.

4. 최근 변경 사항 실행 취소

• 를 눌러 최근 텍스트 기반 변경 사항을 실행 취소할 수 있습니다. Ctrl 키 (창문) 또는 ⌘ (맥) + 지. 

5. 굵게 / 기울임꼴 / 밑줄 / 취소선 등

• 스니펫 텍스트를 클릭하여 쉽게 편집할 수 있습니다. 텍스트를 선택하고 편집 도구 모음 아이콘을 클릭하여 각각 굵게, 기울임꼴, 밑줄로 설정하십시오.

실제 보기:

6. 텍스트 색상 / 텍스트 배경 및 섹션 배경 색상

다음 두 가지 방법으로 텍스트 및 텍스트 배경의 색상을 선택할 수 있습니다.

1. 팔레트
2. 사용자 지정 색

팔레트

이 탭 내에서 사용 가능한 색상 옵션은 선택한 색상 팔레트의 색상 옵션을 반영합니다. 디자인 섹션.

웹사이트의 색상 팔레트를 변경할 때마다 자동으로 가져와 업데이트됩니다. 자세히 알아보기 색상 팔레트에 대해.

사용자 지정 색

여기에는 색상을 선택하고 사용 가능한 다양한 색조 중에서 선택할 수 있는 색상 선택기가 있습니다.

또한 Hex 색상 코드를 입력하고 색상의 불투명도를 미세 조정할 수도 있습니다.

텍스트 및 텍스트 배경의 색상을 선택하려면 아래에 설명된 단계를 따르세요.

• 특정 스니펫을 클릭하고 텍스트를 선택한 다음 색상 (1) 아이콘. 색상을 선택할 수 있는 팝업 창이 표시됩니다. 팔레트 색상 옵션 또는 사용자 지정 색 (2).
• 를 선택 텍스트 색상 과 색상 채우기 (3) 즉, 텍스트 배경색입니다.
• 조정 불투명 (4) 슬라이더를 사용하여 색상을 지정합니다.
• 5진수 색상 코드(XNUMX)를 입력하고 이를 텍스트/텍스트 배경에 적용할 수도 있습니다.
• 마지막으로, 찜하기 (6) 변경 사항.

• XNUMXD덴탈의 S섹션 배경색 (7)은 다음에서 변경될 수 있습니다. 컬러 스타일 옵션을 선택합니다.

• 적용된 색상/스타일링을 변경하거나 제거할 수도 있습니다. 텍스트를 선택하고 다음을 클릭하십시오. 깨끗한 아이콘 (8) 기존 색 구성표를 제거합니다.
• 찜하기 (9) 변경 사항.

실제 보기:

7. 텍스트 글꼴 스타일

• 당신이 사용할 수 네 가지 다른 유형 페이지의 글꼴 스타일(한 번에)은 디자인 섹션. 이것은 모든 페이지에서 사용되는 일반적인 디자인 스타일입니다.
  • 헤더 1 스타일 → 제목 글꼴 그리고 스타일 → 꼬리표
  • 헤더 2 스타일 → 제목 글꼴 그리고 스타일 → 꼬리표
  • 헤더 3 스타일 → 자막 글꼴 그리고 스타일 → 꼬리표
  • 헤더 4 스타일 → 부제 / Bylines 글꼴 그리고 스타일 → 꼬리표
  • 단락 텍스트 스타일 → 단락 글꼴 그리고 스타일 → 꼬리표

• 에서 글꼴 스타일을 지정하면 디자인 섹션에서 페이지 전체에서 효율적으로 사용할 수 있습니다. 텍스트를 선택하고 페이지 편집기에서 서식을 적용하기만 하면 됩니다.
  또한 확인 : 웹사이트 텍스트 스타일.
• 시스템은 특정 글꼴 스타일의 글꼴, 색상, 크기 및 두께를 선택한 텍스트에 자동으로 적용합니다. 라이브 사이트와 에디터에서도 같은 내용을 리뷰할 ​​수 있습니다.

실제 보기:

8. 텍스트 정렬

• 스니펫 텍스트 정렬(왼쪽/가운데/오른쪽)을 관리하고 편집 도구 모음에서 정렬 아이콘을 클릭하여 양쪽 맞춤을 할 수 있습니다.

실제 보기:

9. 목록 – 정렬 및 비정렬 / 들여쓰기 / 내어쓰기

• 들여쓰기를 사용하여 텍스트를 목록으로 쉽게 변환하고 구성할 수 있습니다.
  • 들여 쓰기 – 강조 표시된 텍스트 영역이 들여쓰기됩니다.
  • 내어 쓰기 – 강조 표시된 텍스트 영역은 들여쓰기가 해제됩니다. 내어쓰려면 이전에 적용한 비정렬/정렬 목록 아이콘을 클릭합니다.
  • 정렬되지 않은 목록 – 강조 표시된 텍스트는 글머리 기호 목록처럼 서식이 지정됩니다. HTML에서 이것은 일련의 그리고 태그.
  • 주문 된 목록 – 강조 표시된 텍스트는 번호가 매겨진 목록처럼 서식이 지정됩니다. HTML에서 이것은 일련의 그리고 태그.

실제 보기:

10. 링크 추가

• 텍스트에 대한 링크(하이퍼링크/앵커 태그)를 쉽게 추가할 수 있습니다.
• 텍스트를 강조 표시하고 링크 편집 툴바의 버튼. 기존 웹사이트 페이지 또는 다른 웹사이트/블로그/PDF 등을 연결할 수 있습니다.
• 클릭 시 URL 또는 슬러그 입력(1), 새 창 열기 여부 선택(2), 링크/버튼 텍스트(3), 제목 – 이미지만(4).

또한 확인 : 텍스트/버튼 연결.

11. 기호 추가

• 페이지 편집기에서 기호(사회, 예술, 숫자 등)를 쉽게 추가하거나 교체할 수 있습니다.
• 스니펫으로 이동하여 새 심볼을 추가하려는 위치를 클릭하거나 기존 심볼을 클릭하여 동일하게 대체합니다.
• 그런 다음 이모티콘 기호를 선택하고 오른쪽 서랍에서 기호를 추가합니다.

페이지에 다양한 유형의 기호를 추가하는 방법을 참조하십시오.

12. 붙여넣은 텍스트에서 사전 서식 제거

• Word, Powerpoint 또는 인터넷 페이지에서 미리 서식이 지정된 텍스트를 직접 복사하면 페이지 편집기가 텍스트를 엉망으로 만드는 경향이 있습니다.
• 따라서 먼저 텍스트에서 사전 서식을 제거해야 Pixpa 글꼴 스타일을 적용할 수 있습니다. 디자인 안내
• 스니펫의 전체 텍스트를 선택하고 황어 무리 버튼을 클릭합니다.
• 사전 서식을 제거하고 대부분의 경우 모든 텍스트에 단락 텍스트 스타일을 적용합니다.
  더 많이 알아라..

13. 모든 스니펫의 HTML 코드

• 페이지의 모든 스니펫에 대한 HTML 코드를 한 번에 복사하거나 편집할 수 있습니다.
• 페이지에서 기존 블록을 복제하는 데 도움이 됩니다.

또한 확인 : 페이지 HTML 편집.

페이지의 HTML 코드를 보는 방법을 참조하십시오.

관련 기사:

• 설정 섹션.
• 섹션 – 콘텐츠 스타일.
• 섹션 유형.