노란 연필로 WordPress 테마 디자인 조정

WordPress 테마 디자인을 사용자 정의하는 방법

WordPress 테마 디자인을 쉽게 사용자 정의하려는 경우 노란 연필 워드 프레스 플러그인 사이트에 필요한 애드온 일 수 있습니다. 이 비주얼 스타일 편집기를 사용하면 코드 줄을 건드릴 필요없이 사이트 모양을 변경할 수 있습니다..


Yellow Pencil을 사용하면 웹 디자인의 즐거움을 가르치고 방문자를 놀라게 할 아름다운 사이트를 만들 수 있습니다. 웹 사이트의 모든 요소를 ​​프론트 엔드에서 실시간으로 편집하십시오. 사이트 디자인의 유일한 한계는 자신의 상상력입니다..

프리미엄 버전의 Yellow Pencil 사용에 대한 심층적 인 안내서는 포인트 앤 클릭 라이브 CSS 편집 기능 및 모든 WordPress 테마와의 호환성을 포함한 주요 기능을 다룹니다. 그런 다음 제공되는 사용자 환경을 살펴보고 즉시 설정 및 디자인 할 수 있습니다..

노란 연필은 누구인가?

노란 연필 누가

귀하의 사이트를보다 빠르게 사용자 정의 할 수있는 방법을 찾고 있거나 CSS에 익숙하지 않은 경우에는“Yellow Pencil”이 도움이됩니다. 이 플러그인에는 고급 도구 및 사용자 지정 옵션이 포함되어있어 클라이언트를위한 새 사이트를 만들려는 전문가에게 적합합니다..

그러나 코딩 필요, 사용 편의성, 직관적 인 인터페이스 및 자세한 지원 문서가 없기 때문에 제한된 설계 경험이있는 사용자도이 플러그인에 액세스 할 수 있습니다. 요컨대, WordPress 웹 사이트의 모양을 사용자 정의하려면 Yellow Pencil이 시각적 스타일 편집기입니다..

요컨대, WordPress 웹 사이트의 모양을 사용자 정의하려면 Yellow Pencil이 시각적 스타일 편집기입니다..

노란 연필의 주요 특징

노란 연필 특징

옐로우 펜슬은 정말 인상적인 디자인 도구입니다. 사용 가능한 기능과 도구를 사용하면 사이트 모양을 완벽하게 제어 할 수 있습니다. 모든 WordPress 테마 또는 플러그인에서 사용할 수 있으며 세련되고 반응이 빠른 웹 페이지를 만들 수 있습니다..

Element Inspector를 사용하면 WordPress 웹 사이트의 모든 시각적 요소를 선택하고 사용자 지정할 수 있습니다. 색상, 배경, 테두리 등을 편집하십시오. 이 모든 것은 사이트의 프런트 엔드에서 실시간으로 수행되므로 변경 사항을 확인할 수 있습니다. Yellow Pencil은 백그라운드에서 코드를 생성하므로 원치 않는 한 직접 코드를 볼 필요가 없습니다. 다른 기능은 다음과 같습니다.

  • 드래그 앤 드롭으로 요소 위치 변경
  • 마우스 터치로 요소 크기 조정
  • 600 개 이상의 글꼴, 300 개 이상의 배경 패턴, 50 개 이상의 애니메이션 중에서 선택
  • 무제한 색상 사용 가능 또는 Yellow Pencil의 최신 색상 팔레트에서 선택
  • 라이브 CSS 편집기 사용

이 WordPress 비주얼 스타일 편집기를 최대한 활용하는 데 도움이되는 광범위한 문서 및 지원도 제공됩니다..

이제 우리는 Yellow Pencil이 무엇을 제공해야하는지 알고 있습니다. 그러나 우리는 어떻게 시작하고 사용자가 제공하는 기능만큼 인상적입니다?

노란 연필을 설치하는 방법

Yellow Pencil은 설치가 매우 쉽고 빠릅니다. CodeCanyon에서 플러그인을 구입했거나 무료로 플러그인을 포함하는 뉴욕과 같은 프리미엄 테마를 구입 한 후에는 Envato 다운로드 페이지에서“설치 가능한 WordPress 파일 만”을 다운로드하십시오. WordPress.org).

그런 다음 워드 프레스 대시 보드를 엽니 다. ‘플러그인’> ‘새로 추가’를 선택하십시오..

옐로우 펜슬 New 추가

플러그인 추가 페이지에서 ‘플러그인 업로드’> ‘파일 선택’을 클릭하십시오..

노란 연필 업로드

다운로드 한 위치에서‘waspthemes-yellow-pencil.zip’을 선택하십시오. ‘지금 설치’를 클릭하십시오.

노란 연필 설치

플러그인이 설치되면 ‘활성화’를 클릭하십시오. 플러그인을 구입할 때 제공 한 활성화 코드를 입력하십시오. 이렇게하면 플러그인 업데이트가 릴리스 될 때 액세스 할 수 있습니다.

활성화되면 옐로우 페이지 시작 페이지가 대시 보드에 나타납니다. ‘리소스’에는 플러그인의 설명서, 튜토리얼 및 시작하는 데 필요한 기타 도움말 및 지원이 있습니다..

노란 연필 환영

준비가되면‘시작하자’를 클릭하십시오. 편집 모드로 바로 이동합니다.

노란색 연필 인터페이스 이해

Yellow Pencil 인터페이스는 사용하기 매우 명확하고 직관적입니다. 페이지 왼쪽에있는 막대에는 사용 가능한 도구가 표시됩니다.

노란 연필 왼쪽 바

페이지 오른쪽에있는 패널은 편집기 패널입니다. 페이지에서 요소를 선택하지 않으면 편집 할 수있는 세 가지 사용자 정의 유형이 표시됩니다.

노란 연필 편집기 패널

페이지에서 요소를 클릭하면 편집기 패널에 스타일 속성이 포함되도록 변경됩니다.

노란 연필 요소 선택

선택한 요소 주위에 파란색 상자가 나타나고 추가 사용자 정의 옵션이 표시됩니다.

노란 연필 요소 선택

필요한 중요한 도구

왼쪽의 도구 모음에는 수많은 도구가 표시되지만 시작하는 데 도움이되는 도구가 즉시 중요합니다.

노란 연필 툴바 도구

  • 요소 검사기 – 페이지에서 원하는 요소를 선택하여 사용자 지정할 수 있습니다..
  • 실행 취소 및 다시 실행 – 수정 사항을 실행 취소 또는 다시 실행할 수 있다는 지식으로 페이지에서 다른 디자인을 안전하게 사용해보세요..
  • 전체 화면 – 전체 화면으로 작업하여 사용자 정의를 명확하게 볼 수 있습니다..

에디터 패널에는 세 가지 중요한 버튼이 있습니다.

노란 연필 편집기 패널 버튼

  • 라이브 미리보기 – 디스플레이에 노란색 연필 인터페이스없이 변경 사항을 미리보기.
  • 변경 사항 재설정 – 수정 사항이 마음에 들지 않습니까? 변경 사항을 재설정하기 만하면됩니다..
  • 저장 – 작업을 미리보고 결과에 만족하면 저장 버튼을 누르십시오..

사용자 정의 유형 선택

노란 연필 사용자 정의 유형

페이지에서 요소를 선택하고 편집을 시작하기 전에 먼저 사용자 정의 유형을 선택해야합니다. 요소를 선택하지 않으면 편집기 패널에 표시됩니다. 세 가지 유형 중에서 선택할 수 있습니다. 글로벌 사용자 정의, 한 페이지 사용자 정의 및 템플리트 사용자 정의.

각 유형은 상대적으로 설명이 필요합니다. ‘전 세계 맞춤 설정’을 선택하면 변경 사항이 사이트의 모든 페이지에 적용됩니다. ‘한 페이지 맞춤 설정’을 선택하면 모든 수정 사항이 작업중인 페이지에만 영향을 미칩니다. ‘템플릿 사용자 정의’는 현재 게시물 유형에 적용되며 모든 제품 또는 블로그 페이지를 구성하려는 경우 좋은 옵션입니다.

선택한 사용자 정의 유형이 편집기 패널 상단에 표시됩니다. 작업을 저장하기 전에 올바른 유형으로 편집하고 있는지 확인하십시오.

노란 연필로 할 수있는 것?

인터페이스에 익숙해지면 시작할 차례입니다. 다음은이 플러그인이 제공하는 수많은 사용자 정의 도구 및 기능의 샘플입니다. 이들은 아름답고 전문적인 웹 사이트를 제작하는 데 도움이 될 것입니다.

타이포그래피 변경

노란 연필 타이포그래피

웹 사이트에 적합한 글꼴을 선택하는 것은 중요한 작업입니다. Yellow Pencil은 웹 사이트 디자인에 맞는 방식으로 텍스트 스타일을 지정하고 독자의 관심을 끌 수있는 다양한 옵션을 제공합니다..

수정하려는 텍스트 섹션을 클릭 한 다음 편집기 패널에서 ‘텍스트’를 선택하십시오. 타이포그래피에 대한 사용자 정의 옵션이 나타납니다. 600 개 이상의 글꼴 유형 중에서 선택하고, 글꼴 크기를 변경하고, 줄 높이를 변경하고, 글자와 단어의 간격을 제어 할 수 있습니다. 노란색 연필의 현대 색상 팔레트 중 하나를 선택하여 텍스트 색상을 변경하거나 원하는 색상을 선택할 수도 있습니다.

테두리 추가

노란 연필 테두리

페이지의 특정 항목에 테두리를 추가하면 중요한 정보를 강조 표시하고 효과적인 시각적 효과를 얻을 수 있습니다. 테두리를 추가 할 이미지 나 텍스트를 선택한 후 편집기 패널에서 ‘테두리’를 선택하십시오. 네 가지 스타일이 있습니다

테두리를 추가 할 이미지 나 텍스트를 선택한 후 편집기 패널에서 ‘테두리’를 선택하십시오. 선택할 수있는 네 가지 테두리 스타일이 있습니다. 단색, 점선, 점선 또는 숨겨 짐. 테두리 너비를 변경하여 더 정의하고 색상을 변경할 수도 있습니다.

인상적인 기능은 테두리의 각면을 개별적으로 사용자 정의 할 수 있다는 것입니다. 즉, 4면 각각에 다른 색상, 스타일 및 두께를 부여하여 독특하고 시선을 사로 잡는 외관을 만들 수 있습니다..

배경 변경

노란 연필 배경

눈에 띄는 배경은 요소를 팝업하는 데 도움이 될 수 있습니다. 노란색 연필을 사용하면 사이트의 모든 요소의 배경을 변경할 수 있습니다.

이렇게하려면 선택한 항목을 클릭하고 편집기 패널에서 ‘배경’을 선택하십시오..

여기에서 배경색을 변경하거나 Yellow Pencils 300+ 패턴 중 하나를 선택하거나 CSS 그라디언트를 선택할 수 있습니다. 또한 사용자 정의 이미지를 업로드 할 수도 있습니다. 배경을 결정한 후에는 배경 크기, 위치를 조정할 수 있으며 이미지를 추가 한 경우 이미지가 정적인지 또는 나머지 페이지와 함께 스크롤되는지를 선택할 수 있습니다.

애니메이션 사용

노란 연필 애니메이션

애니메이션을 사용하면 콘텐츠에 영향을주는 또 다른 좋은 방법입니다. 에디터 패널의 ‘애니메이션’에서 선택한 요소에 애니메이션 효과를 추가 할 수 있습니다.

라이브 애니메이션 관리자에서 확대 또는 페이딩, 바운싱, 스피닝 등 다양한 50 가지 애니메이션 중 하나를 선택할 수 있습니다. 원하는 경우 지속 시간 및 지연을 제어하고 동시에 여러 애니메이션을 실행할 수 있습니다. 이를 통해 사이트의 독창성을 확보하고 페이지의 중요한 측면에주의를 집중시킬 수 있습니다. 툴바에서 애니메이션 생성기를 선택하여 나만의 커스텀 애니메이션을 만들 수도 있습니다..

요소 크기 조정 및 재배치

Yellow Pencil을 사용하면 모든 요소의 크기를 조정하고 위치를 변경할 수 있습니다..

크기를 조정하려면 항목을 직접 클릭하여 파란색 강조 표시된 상자가 그 주위에 표시되도록하십시오. 그런 다음 파란색 상자의 가로 및 세로 선을 드래그하여 크기를 변경하십시오..

노란 연필 크기 조정

요소를 재배치하려면 해당 요소를 클릭 한 다음 마우스 버튼을 누르십시오. 페이지에서 적절한 위치로 끌어다 놓습니다..

노란 연필 드래곤 드롭

이 끌어서 놓기 기능의 단점은 휴대폰에서 볼 때 문제가 발생할 수 있다는 것입니다. 툴바에있는 반응 형 도구를 사용하여 웹 페이지가 모든 화면 크기에서 어떻게 보이는지 확인하십시오. 그에 따라 디자인을 변경해야 할 수도 있습니다.

가격

노란 연필 가격

Yellow Pencil WordPress 플러그인은 CodeCanyon에서 $ 26에 구입할 수 있습니다. 여기에는 6 개월 지원이 포함되지만 최대 12 개월까지 지원을 연장하기 위해 $ 7.88를 추가로 지불 할 수 있습니다.

마지막 생각들

Yellow Pencil은 WordPress 사이트의 모양을 사용자 정의하려는 경우 사용할 수있는 훌륭한 도구입니다. 기능과 사용 편의성은 사용자 정의 WordPress 웹 사이트를 만드는 데 필요한 모든 것을 제공합니다. 최상의 결과를 얻으려면 사이트 모양에 대한 명확한 비전이 있어야합니다..

Yellow Pencil에는 WordPress 웹 사이트를 개인 설정하는 데 필요한 기능이 있습니까? 아래에 의견을 공유하십시오…

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map