1페이지짜리 간단한 홈페이지를 완성했습니다!
이번 영상은 좀 길어졌습니다. 사실 길게 만든건 아니고 작업하면서 조금씩 촬영한 것을 합쳐서 올린 것입니다. 메인화면에서 퓨전슬라이더와 퓨전빌더, 콘텐츠 박스, 텍스트 등 다양한 컨테이너들을 사용해서 재미있게 홈페이지를 만들어봅니다.
로고를 만들어서 로고 넣어봅니다. 순서대로 따라하시면서 워드프레스로 나만의 홈페이지를 만들어보세요!
워드프레스로 홈페이지 만들기 #7 로고 넣기 워드프레스로 홈페이지 꾸미기 일곱번째 시간으로 로고를 만들어서 로고를 넣어봅니다. 로고는 웹사이트 또는 홈페이지를 한 눈에 나타내는 아이콘이며 매우 중요한 자리를 차지하고 있습니다. 간단하게 로고를 만들어서 넣어봅니다. 로고 제작은 어떤 프로그램을 사용해도 문제없으며 사이즈가 맞고 PNG 이미지로 배경을 투명하게만 만들 수 있다면 어떤 앱이어도 관계없습니다. 여기에서는 MAC의 어피니티포토를 사용합니다. 로고를 만들려면 먼저 기본 테마에 있는 로고의 사이즈를 알아야합니다. 왜나하면 기존에 있는 로고와 크기와 디자인을 통일시키기 위해서입니다. 사이즈를 확인하려면 워드프레스 관리자 화면에서 미디어 라이브러리로 이동합니다. 기존에 있는 로고의 사이즈를 확인합니다. ..
워드프레스로 홈페이지 만들기 #6 기본 설정과 사이트 이름 변경하기 워드프레스 설치를 완료하고 설정을 해봅니다. 기본 설정은 다양하게 할 수 있으며 워드프레스의 설정은 아주 방대한 메뉴를 제공하는데 이 포스트에서는 기본 설정, 그리고 기본 설정 중에서도 사이트 이름을 변경하는 것만 진행하며 나머지 설정은 홈페이지를 꾸며나가면서 필요할 때마다 설정을 하도록 하겠습니다. 사이트 이름이 어디냐면 홈페이지나 웹사이트를 접속했을 때 사이트란에 나오는 공간입니다. 두 가지 항목으로 넣을 수 있는데 제일 중요한건 앞부분, 그러니까 홈페이지 이름이 되겠고 뒤에 태그라인은 보조적인 역할을 합니다. 모바일에서는 브라우저에 따라 보이지 않는 경우도 있습니다만, 홈페이지를 즐겨찾기 한더거나 홈페이지를 카톡 등으로 공유한다던지..
워드프레스로 홈페이지 만들기 #5 워드프레스 아바다(Avada) 테마 적용하기 워드프레스에 아바다 테마를 설치했으면 이제 적용할 시간입니다. 설치만 한다고 바로 적용이 되는것은 아니고 따로 데모 사이트를 보면서 원하는 스타일의 테마를 찾은 다음 적용을 해주어야합니다. 이 적용을 할 때 관련 객체들을 임포트하게되며 full로 임포트할 경우 데모사이트에서 봤던 것과 똑같은 스타일의 홈페이지를 빠르게 만들 수 있습니다. 워드프레스 관리자 화면에서 아바다로 간 다음 Demo로 이동합니다. 아바다 테마의 멋진 테마들을 감상할 수 있습니다. 데모사이트들의 미리 제작된 형태를 보고 내가 어떤식으로 홈페이지를 만들지 구상하면서 살펴보면 좋습니다. 첫화면 뿐만 아니라 세부페이지까지 검토하는게 좋은데 나중에 세부페이지의 ..
워드프레스로 홈페이지 만들기 #4 Avada 테마 설치하기 워드프레스에 유명한 유료 테마인 Avada 테마를 설치해봅니다. Avada 테마 안에는 다양한 테마들이 또 존재하며 그 중에서 하나를 골라 적용하여 사용하는 형태입니다. 아바다 테마안에 퓨전 빌더, 퓨전 슬라이더 등 다양한 플러그인이 있고 콘텍트폼7등 많이 사용되는 플러그인들이 있어서 더욱 유용합니다. 하지만 반드시 아바다 테마를 써야하는것은 아니며 가격이나 디자인을 비교해보고 원하는 테마를 사용하는게 더 좋겠습니다.아바다 테마를 사용하기 위해서는 제일 먼저 아바다 테마를 구매해야합니다. 구매는 테마포레스트 사이트에서 진행합니다.테마포레스트 : https://themeforest.net해외사이트 이므로 해외결제가 가능한 신용카드 또는 마스터카드 ..
워드프레스로 홈페이지 만들기 #3 테마 설치하기 워드프레스 설치가 끝났으면 이제 기본 테마를 설정해봐야합니다. 워드프레스 테마는 무료 테마가 있고 유료 테마가 있는데 보통은 다들 유료 테마를 많이 쓰는 것 같습니다. 저도 유료 테마를 사용하고 있습니다. 무료 테마들 중에서도 잘 꾸미기만 한다면 좋은 퍼포먼스의 홈페이지를 만들 수 있겠습니다만, 아무래도 무료테마보다는 유료 테마쪽이 기능이 강력하고 깔끔하게 나옵니다.이번 포스트에서는 먼저 기본으로 제공되는 무료 테마를 적용해보겠습니다. 워드프레스 관리자 화면에서 테마 디자인 - 테마로 들어갑니다. 테마 선택창에서 기본 테마들을 볼 수 있습니다. 상단에 새로 추가 버튼을 클릭하면 더 많은 테마들을 살펴볼 수 있습니다. 테마 추가에서 특성, 인기, 특성 필터 ..
