본문 바로가기

분류 전체보기165

워드프레스 특성 이미지 (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.
웹 디자인 Do! or Don't! 웹 디자인은 까다로운 주제입니다. 웹 사이트를 만들 때 고려해야 할 사항이 너무 많기 때문입니다. 이 작업을 단순화하기 위해서 모든 웹 디자이너들은 해야 할 것과 하지 말아야 할 것의 원칙에 대한 목록을 준비해 놓기도 합니다. 하지만 알고 보면 원칙은 단순합니다. 웹 디자인에서 단순한 원칙이 무엇인지 알아보기로 합니다! 1. 모든 디바이스에서 비슷한 경험을 누릴 수 있도록 제공유저는 다양한 유형의 기기를 사용하여 사이트를 방문합니다. 데스크톱이나 노트북, 태블릿, 핸드폰, 뮤직 플레이어 또는 워치로 사이트를 방문할 수 있습니다. 웹 디자인에서 중요한 부분은 방문자가 사이트를 보는 방법이나 사용하는 장치에 관계없이 비슷한 경험을 가져야 한다는 것입니다. 유저가 핸드폰으로 사이트를 보고 있는 경우 집에서 데.. 2017. 10. 1.