디자인 이야기46 워드프레스 행동 유도 버튼 (Call To Action) 추가하기 Call to Action은 행동을 유도하는 버튼을 의미합니다. 흔히들 광고에서 클릭을 유도하는 Click! 버튼이나 이벤트 참여하기, 혹은 가입하기 같은 버튼들을 말합니다. 행동 유도 버튼(Call to Action) 주의 사항은 방문자가 어떤 이익을 얻을 수 있는지 명확하게 설명해야 합니다. 만약에 이메일 주소를 필요로 한다면 할인코드 또는 무료 소책자를 제공하면 개인 정보를 남길 것입니다. 꼭 할인코드 또는 무료 소책자가 아니라도 방문자가 행동을 할 만한 무언가를 제공해야 됩니다. 그래야 콜 투 액션 버튼을 클릭하고 어떤 행동을 남길 것입니다. 홈페이지에 행동 유도 버튼을 추가하는 것은 웹 사이트 방문자를 이메일 목록 가입자로 전환하는 이상적인 방법입니다. Home 페이지에 행동 유도 버튼 (Cal.. 2017. 10. 5. 워드프레스 특성 이미지 (Featured Image) 설정 워드프레스에서는 포스트마다 특성 이미지(Featured Image)를 설정할 수 있습니다. 글을 대표할만한 이미지를 특성 이미지로 설정합니다. 특성 이미지는 테마나 플러그인에서 여러 가지 방식으로 활용합니다. 글 목록에서 썸네일로 사용하기도 하고, 글 제목의 배경으로 사용하기도 합니다. 특성 이미지가 없을 때 이미지를 출력하지 않는 것도 있고, 포스트의 첫 번째 이미지를 출력하는 것도 있습니다. 특별한 경우가 아니라면, 모든 포스트에 대표할만한 적절한 이미지를 특성 이미지로 등록해두는 것이 좋습니다. 저는 워드프레스에서 제공하는 Accelerate 테마를 가지고 기능적인 사용법 위주로 설명하겠습니다. 특성 이미지 (Featured Image) 설정 Home 페이지에 대표 페이지들의 썸네일 이미지와 요약을.. 2017. 10. 5. 워드프레스 - 홈 페이지에 슬라이더 만들기 워드프레스에서 제공하는 Accelerate 테마를 가지고 만든 Home 페이지에 슬라이더를 만들어 보겠습니다. 그러기 위해서는 슬라이더에 필요한 이미지가 준비되어 있어야 합니다. 이 전 시간에 필수 무료 이미지 및 온라인 편집 사이트에 대해서 소개했으니 필요하신 분은 참고하기 바랍니다. 워드프레스 관리자 메뉴에서 '외모 > 사용자 정의하기'로 들어갑니다. '사용자 정의하기' 메뉴에서 좌측에 보면 슬라이더 항목이 있는데 이것을 선택해 줍니다. 슬라이더를 활성화시키기 위해서 'Activate slider'를 눌러서 체크표시를 해 주고 다시 뒤로 갑니다. 슬라이더 리스트 중에서 'Slider #1'을 선택해서 속성으로 들어갑니다. '이미지를 선택하세요' 버튼을 누르면 이미지를 선택할 수 있는 팝업창이 열립니다.. 2017. 10. 4. 필수 무료 이미지 및 온라인 편집 사이트 웹 사이트를 만들다 보면 이미지가 필요합니다. 이미지는 웹 사이트를 방문하는 사용자의 관심과 흥미를 끌어들이기 때문에 메시지를 전달하거나 강조하는데 상당히 매력이 있습니다. 외국 이미지 사이트에서는 공유가 자유롭기 때문에 잘만 활용하면 퀄리티 높은 무료 이미지를 저작권 걱정 없이 사용할 수 있습니다. 특히 홈페이지에 주로 사용되는 슬라이드는 가로로 상당히 큰 이미지입니다. 이렇게 큰 이미지를 저작권 없이 Hi-Resolution 무료 이미지를 구할 수 있는 사이트를 알아보고, 이미지를 온라인상에서 간단하게 편집할 수 있는 사이트를 알아보겠습니다. 무료 이미지 사이트Free Web Headers슬라이드와 헤더 이미지와 같이 가로로 긴 이미지들을 찾아서 무료로 다운로드 받을 수 있습니다.이미지의 크기는 가로.. 2017. 10. 4. 워드프레스로 웹 페이지 만들기 - 메뉴 만들기 지금부터 워드프레스에서 제공하는 Accelerate 테마를 가지고 메뉴(내비게이션)를 만들어 보겠습니다. 메뉴 만들기에서는 페이지나 카테고리 같은 메뉴들의 전체를 다 관리하는 상위메뉴가 필요합니다. 이것을 내비게이션이라고 하는데 웹사이트의 ‘기준’이 되는 중요한 요소 중 하나입니다. 사용자가 웹사이트의 정보를 쉽게 찾고 접근할 수 있도록 도와주는 가장 중요한 역할을 하게 됩니다. 그 상위 관리 메뉴(내비게이션)도 메뉴라고 이름을 붙이기 때문에 조금 이해하기 복잡할 수 있지만 전체적으로 한번 해보면 쉽게 이해할 수 있습니다. '외모 < 메뉴'로 들어갑니다. 메뉴 이름을 'Main'이라고 지정하고 '메뉴 생성' 버튼을 누릅니다. 이것은 전체를 다 관리하는 상위 메뉴입니다. 좌측에서 'Home, Contact.. 2017. 10. 3. 워드프레스로 웹 페이지 만들기 - Home 페이지 저는 워드프레스에서 제공하는 Accelerate 테마를 가지고 블로그용으로 웹 사이트를 만드는 것이기 때문에 앞서 설명한 이론적인 내용은 생략하고 워드프레스의 기능적인 사용법 위주로 설명하겠습니다.홈(Home) 페이지 만들기 및 워드프레스 추가 설정워드프레스 테마에서 비즈니스 템플릿을 사용한 'Home 페이지 만들기'를 요약해 보면, 새 페이지 추가 후 제목을 'Home'으로 입력우측 템플릿 드랍다운 메뉴에서 'Business Template' 선택'공개하기' 버튼 클릭 자, 이제 Home 페이지를 만들어 보겠습니다! Home 페이지를 만들기 위해서 워드프레스 관리자 페에지에서 '페이지 > 새 페이지 추가'로 들어갑니다.제목은 'Home'이라고 하겠습니다. 그리고 우측에 보면 템플릿이 있는데 'Busin.. 2017. 10. 3. 이전 1 2 3 4 5 6 7 8 다음
