브랜드에 맞게 WordPress 테마를 개인화하는 방법
게시 됨: 2017-07-14WordPress 테마는 다양한 형태와 크기로 제공되지만 테마 사용자 지정 기술은 유사하게 유지됩니다. 하나의 테마를 사용자 정의하는 방법을 알고 있다면 다른 테마를 다루는 것이 훨씬 더 쉬울 것입니다.
이 기사에서는 의료 웹사이트를 위한 Cloe Brooks WordPress 테마를 다루고 디자인, 레이아웃을 사용자 정의하고 기본적으로 자신의 것으로 만드는 방법을 보여주고자 합니다.
빈 테마 대 데모 콘텐츠
테마를 설치하면 페이지와 레이아웃을 처음부터 구축하거나 페이지를 채우고 처음부터 사이트를 아름답게 만드는 사전 구축된 더미 데이터를 설치하는 두 가지 옵션이 있습니다.
각 방법에는 장단점이 있습니다. 예를 들어 데모 데이터를 가져오기로 선택한 경우 나중에 사이트를 정리하고 불필요한 페이지, 게시물, 카테고리 등을 제거해야 할 수 있습니다. 그러나 새로 설치하면 시간이 너무 오래 걸릴 수 있습니다. 원본 페이지 레이아웃 및 설정을 다시 만드는 데 소모됩니다.
데모 콘텐츠 옵션을 사용하고 전체 사이트의 데모 데이터를 설치하는 것이 좋습니다. 처음부터 모든 것을 구축하는 것보다 텍스트와 이미지를 자신의 것으로 바꾸고 나머지 데이터를 삭제하는 것이 훨씬 쉬울 것입니다. 결국 콘텐츠를 만드는 것보다 삭제하는 것이 더 쉽습니다.
사이트 로고 및 파비콘
데모 콘텐츠 설치 후 사이트 개인화를 시작할 수 있습니다. 가장 간단한 방법은 로고와 파비콘을 업로드하는 것입니다.
이 두 가지 구성 요소는 귀하의 사이트를 다른 사이트와 구분하고 독특하게 만듭니다.
파비콘은 여기에서 설정할 수 있는 또 다른 브랜드 아이덴티티 요소입니다. 브라우저의 탭 시작 부분에 표시됩니다. 파비콘을 업로드하려면 512픽셀 너비의 .png 이미지를 사용하세요.
로고를 업로드하려면 모양 > 테마 옵션 > 사용자 지정 으로 이동하고 '메인 로고' 섹션에서 로고 이미지를 선택합니다. 로고가 너무 크거나 작게 보이면 '로고 높이' 값을 조정하여 변경할 수 있습니다.
색 구성표
색 구성표는 모든 디자인의 필수적인 부분이며 변경 기능을 통해 사이트를 자유롭게 개인화할 수 있습니다.
기본적으로 Cloe Brooks 테마는 따뜻한 파란색 파스텔 색상의 조합을 특징으로 합니다. 이 색상 색조는 의료 웹사이트에 잘 맞습니다. 그러나 브랜드 색상과 일치하지 않거나 단순히 색상 구성표를 약간 다르게 하고 싶다면 테마 옵션 패널에서 조정할 수 있습니다.
모양 > 글꼴 및 색상으로 이동하고 색상 구성표 를 선택 합니다. Cloe Brooks에는 밝은 색과 어두운 색의 두 가지 기본 색 구성표가 있습니다. 사이트의 모양을 빠르게 변경하고 디자이너의 원래 색상 선택을 유지하려는 경우에 유용합니다.
그러나 원래 색상을 변경하고 색상 구성표를 완전히 다시 디자인할 수도 있습니다. 아마도 가장 시간이 많이 소요되는 솔루션은 테마의 액센트 색상을 변경하는 것입니다. 이러한 방식으로 사이트의 색상 팔레트에 대한 상당한 변경 사항을 즉시 확인할 수 있습니다. 보다 근본적인 변경을 위해 입력 필드, 기본 및 대체 배경 색상, 테두리 강조 색상 등과 같은 다른 사이트 요소의 색상을 조정할 수도 있습니다. 이는 미묘한 변경이지만 디자인을 완전히 변경할 계획이라면 필요합니다. .
또 다른 좋은 점은 색상 변경 사항을 미리 보고 색상 설정 패널에서 다른 웹사이트 요소와 조합하여 볼 수 있다는 것입니다.
경우에 따라 테마 데모의 일부 요소에 새로 할당된 색상이 없는 것 같습니다. 이는 해당 요소의 색상이 Visual Composer를 통해 할당된다는 것을 의미합니다. 해당 요소가 있는 해당 페이지를 열고 수정하거나 콘텐츠 업로드를 시작할 때까지 무시할 수 있습니다.
편리한 옵션은 현재 색 구성표 설정을 새 색 구성표로 저장하거나 테마의 원래 색으로 전환하려는 경우 기존 색 구성표를 복제하여 저장할 수 있다는 것입니다.
색 구성표 사용자 지정을 완료했으면 모양 > 테마 옵션 > 사용자 지정 의 바디 스타일 탭에서 지정합니다.
타이포그래피
타이포그래피가 사이트의 색 구성표나 이미지만큼 중요하지 않은 것처럼 보일 수 있지만 실제로는 글꼴이 시청자에게 훨씬 더 큰 영향을 미칩니다. 콘텐츠의 스타일이 부적절하지 않으면 독자가 메시지를 이해하는 데 어려움을 겪을 것입니다.
Cloe Brooks는 우아한 맞춤형 산세리프 서체를 제공하지만 필요한 경우 원하는 다른 글꼴로 변경할 수 있습니다. Google 글꼴 컬렉션에서 사용 가능한 글꼴을 선택하거나 자신의 글꼴을 업로드할 수 있습니다.
모양 > 글꼴 및 색상 > 글꼴에서 테마 글꼴 설정을 찾을 수 있습니다. 설정은 다양하며 사이트의 텍스트 스타일을 완벽하게 제어할 수 있습니다. 제목, 본문, 링크, 입력 필드, 버튼, 메뉴 항목 등과 같은 요소의 글꼴을 조정합니다. 글꼴 스타일, 두께, 줄 높이, 장식을 선택하고 요소의 상단 및 하단 여백을 지정할 수도 있습니다.
타이포그래피는 미묘한 분야이며 초보자라면 쉽게 엉망이 될 수 있습니다. 이전에 타이포그래피를 다룬 적이 없지만 여전히 테마를 다른 모양으로 만들고 싶다면 원래 테마 글꼴 선택에 주의를 기울이고 동일한 스타일의 글꼴로 교체하는 것이 좋습니다. 예를 들어 원래 테마가 sans-serif 글꼴을 사용하는 경우 다른 sans-serif 글꼴로 바꾸는 것이 좋습니다.
또 다른 팁은 서로 다른 글꼴 그룹(예: 머리글 및 본문 글꼴) 간의 대비를 유지하는 것입니다. 크기, 색상, 글꼴 두께 및 글꼴 스타일의 도움으로 대비를 얻을 수 있습니다.
소셜 계정 및 연락처 정보
다음 단계는 연락처 정보를 입력하고 웹사이트에 소셜 미디어 계정을 추가하는 것입니다.
외모 > 테마 옵션 > 소셜로 이동하여 소셜 미디어 설정을 찾을 수 있습니다 .
소셜 네트워크의 주소 링크와 아이콘을 지정하여 필요한 만큼 계정을 추가할 수 있습니다.
Twitter 피드를 사이트에 통합하려면 여기에서 소비자 키, 소비자 비밀 등과 같은 Twitter API 세부 정보를 입력해야 합니다.
연락처 정보는 외모 > 테마 옵션 > 연락처 정보 에서 입력할 수 있습니다 . 여기에서 이메일 주소, 회사 주소, 영업 시간, 전화 번호 등을 지정할 수 있습니다. 이 정보는 웹사이트의 머리글 및 바닥글 섹션에 사용됩니다.
마무리
Cloe Brooks 테마에서 사용자 정의할 수 있는 항목이 더 많지만 여기에서는 가장 중요한 항목을 다뤘습니다.
데모 데이터를 설치해야 하는지 여부, 로고 및 파비콘을 업로드하는 방법과 같은 단계를 다뤘습니다. 또한 사이트의 색 구성표와 타이포그래피를 조정하는 방법도 배웠습니다. 마지막으로, 우리는 우리의 테마에서 우리의 연락처 정보와 소셜 미디어 계정에 대한 링크를 정확히 지정할 수 있다는 것을 배웠습니다.
보시다시피 테마 사용자 정의는 언뜻보기에 그리 어렵지 않습니다. 약간의 시간과 인내가 필요하지만 테마가 제대로 구축되면 프로세스가 쉽고 직관적입니다. WordPress 테마를 사용자 정의하는 데 어떤 경험이 있습니까? 의견에 귀하의 생각을 공유하십시오.