'분류 전체보기'에 해당되는 글 98건

워드프레스로 홈페이지를 만들 때 제일 먼저 할 일이 테마 선정인데, 보통은 클라이언트에게 원하는 홈페이지의 디자인(스타일) 및 기능 등에 대한 이야기를 듣고 몇개의 테마를 추천한 후 그 중에서 선택하게 하거나, 원하는 테마를 직접 테마포레스트에서 선택하게 합니다. 물론 테마 포레스트에 대한 사용 설명이 좀 필요하고...

INTV - interviewkorea.com 제작에서는 이미 워드프레스에 대한 설명을 들었던 상태로 직접 테마를 선택한 경우로 특히 대표가 소규모 간이 스튜디오를 직접 꾸밀 정도로 사진촬영에 관심이 많았기 때문에 직접 선택을 하게 하는 것이 서로간에 만족도가 높으리라고 생각 했습니다.

Lens 테마는 '좌측 네비게이션' 방식의 "포트폴리오형 테마"로 어두운 회색톤을 기본으로 하나의 메인컬러를 지정하여 포인트를 주는 형태의 디자인을 취하고 있으며, 이 메인컬러는 마우스 롤오버 색, 타이틀 배경색 등에 사용됩니다.
기본 디자인은 전면에 사진을 2~4열로 연속적으로 나열하고 있기 때문에 무엇보다 사진의 퀄리티에 의해 디자인 퀄리티가 좌우됩니다(1280*1024에서 3열).

메인페이지에서 마우스 롤오버를 하게 되면, 해당 포스트의 타이틀, 요약글, 카테고리 등이 나타나서 내용을 살짝 옅볼 수 있게 해 놓았으며, 컨텐츠는 상단 이미지 슬라이어(동영상 지원)와 하단 2단 레이아웃 구성의 내용으로 출력됩니다.

제작시 큰 문제가 없었지만, 단지 테마포레스트에서 받은 버전을 설치하니 업데이트 버전으로 설치하라는 메시지가 떠서 업데이트 했더니 메인페이지 사진 배열에 문제가 발생하고 클릭시 링크된 컨텐츠을 찾지 못하는 경우가 있었습니다. 알고 보니 고유주소 문제였고... 그냥 워드프레스 기본값으로 설정하니 문제가 해결되었습니다. 그래도 사진 배열 문제는 없어지지 않아 다시 원래 버전으로 돌아올 수 밖에 없었습니다.

장점
- 차분하고 정돈된 디자인 & 레이아웃.
- 동영상 지원 이미지 슬라이더 포함.
- 커스텀 포스트 타입으로 Project와 Gallery 2개 제공.
- 이미지 노출방식 수정으로 디자인 스타일 변경 가능.
- 테마 옵션에서 다양한 설정 가능 - 요약글(excerpt) 기능, 구글맵
- 샘플 데이터 제공.

단점
- 신버전 업데이트시 이미지 배열상 약간의 문제 발생.
- 이미지 슬라이더가 좀 무거움.
- 페이지기능 (pagination) 미지원(?).

제작홈페이지
http://www.interviewkorea.com/

Lens 테마
http://themeforest.net/item/lens-an-enjoyable-photography-wordpress-theme/5713452?WT.ac=search_thumb&WT.seg_1=search_thumb&WT.z_author=pixelgrade

Egofolio 테마로 친분이 있는 작가분 홈페이지를 제작. 4월 7일 오픈.

처음에는 기본틀에서 큰 변화없이 컨텐츠만 채우는 것으로 생각했는데, 작가분 마음이 살짝 바뀌어서 회원기능을 넣기와 중간 메뉴를 넣어 년도별 포트폴리오를 설명할 브릿지 페이지를 원함. 둘 다 테마 자체에서는 지원하지 않는 기능.

회원기능 넣기의 경우 Members 플러그인을 사용해서 구현은 했지만 Portfolio 부분의 이미지슬라이드 부분은 멤버기능에서 벗어난 상태로 무조건 노출됨. 이것을 바꾸려면 테마 코어 파일을 뜯어 고쳐야 함.
작가분께 말을 하고 회원기능 포기 또는 슬라이드 기능을 포기하고 게시물 내용에 그냥 이미지 삽입으로 대체 중 택1을 종용. 결국 회원기능을 포기하고 슬라이더 사용 & 컨텐츠 100% 오픈으로 결정.

브릿지 페이지의 경우도 테마 자체가 ajax를 사용해서 원페이지 로딩으로 페이지를 불러오고, 서브메뉴 기능이 없기 때문에 일이 커진다는 것을 다시 한번 강조. 처음 컨셉 "심플 & 오픈(공개)"를 다시 한 번 상기.

결국 맨 처음 기획대로 진행하기로 함...

Egofolio 테마에 관한 평가.

장점
- 심플하고 멋진 디자인 & 깔끔한 원페이지 애니메이션.
- 간단한 사용방법.
- 포트폴리오용 이미지 슬라이더 기본제공.
- 부트스트랩 기반 레이아웃 및 몇개의 쇼트코드 제공.

단점
- 서브메뉴 미지원.
- 샘플 데이터 미제공.
- 포트폴리오 페이지네이션(pagenation) 미지원 = 내용이 늘어날 수록 스크롤이 계속 길어짐;;;
- 메인페이지 부분의 이미지 슬라이더 부분에서의 이미지 정렬 문제 미해결.
   제작사에 문의하여 CSS 수정으로 맞추긴 했지만 브라우저 가로크기가 좁아졌을 때 이미지 중앙 정렬이 자동으로 안 됨.
   아이폰 오페라브라우저에서도 슬라이더 이미지의 중앙정렬이 자동으로 안됨.
- IE9 이하에서 메인페이지 슬라이더의 이미지가 왜곡됨. HTML5 호환성문제로 보임.
- Content 부분에서 이미지 원본보기 링크 시 문제 있음. 원페이지 로딩을 위한 ajax 애니메이션 기능과 충돌발생.
   Blog 부분에서는 정상 작동.
- 초기셋팅이 고유주소를 postname으로 하는데 IE에서 404에러 발생함. slug를 '영문'으로 적용하여 해결.
- 초기셋팅이 .htaccess를 건드려서 500 내부서버오류 발생함.
   테마의 function.php에서 .htaccess 변경 부분을 주석처리해서 해결.

후기
- 슬라이더 이미지 중앙정렬 부분의 해결이 필요하다. 그런데 테마포레스트의 샘플페이지는 잘 나오는 것은 함정.
- 역시 삽질은 필요하다.
- 재구매는 안 할 것 같다.

제작 홈페이지
http://www.kimnaehye.com/

Egofolio 테마
http://themeforest.net/item/egofolio-history-ajaxed-reponsive-wordpress-theme/2772200?WT.ac=solid_search_item&WT.seg_1=solid_search_item&WT.z_author=undsgn