워드프레스 사이트 제작 시 체크리스트!

Killer WordPress Checklist [Infographic] by the team at Capsicum Mediaworks, LLP 워드프레스 사이트는 CMS 어드민을 내장하고 있습니다. 프론트 앤드에서 보여지는 페이지 레이아웃 작업 외에도 구축 단계별로 기본적으로 꼭 필요한 작업들이 다수 존재합니다.  운영 시 유용하고 안전한 사이트가 될 수 있도록 꼭 체크해 보세요.

어드민 유저 리스트에 가입일, 이름(first_name) 컬럼 추가. 이름도 검색에 포함시키기

우커머스로 쇼핑몰을 운영 시 유저 리스트에 운영에 필요한 컬럼들을 추가하고, 일부는 검색이 되도록 해 달라는 요청이 몇차례 있어서 최대한 간단한 방법으로 조치가 가능하도록 정리를 해 보았습니다. 필요하신 경우 한 번 응용을 해 보세요. 플러그인 없이 functions,.php에 코드 추가로 모든 요청 내용이 처리가 가능하였지만, 그보다 서로 다른 상황에 따라 일일이 수정을 하기 보다는 전 admin column […]

css flex 속성을 이용하여 화면에 표시된 요소 순서 바꾸기

css의 flex라는 속성을 이용하면 화면에 표시된 요소들의 순서를 마음대로 뒤집을 수 있습니다! (이미 테마나 빌더에서 흔히 사용하는 속성인데 나름 뭔가 발견한 느낌이 ㅎ) 예를 들어, 얼마전 WC 부킹스의 폼의 순서가 좀 헷갈리니 날짜를 먼저 선택 후 기간을 설정하게 해 달라는 요청이 있었는데, 이걸 개발로 풀려니 할 게 많아져서 일단 두고 있었는데 말이죠.. 전에 본인인증 폼을 개발적인 […]

Storefront Theme + woocommerce 3.x 조합으로 쇼핑몰 만들기

storefront 로 테스트 데모 사이트를 만든 후 오랜만에 업데이트 테스트를 해 보니, 테마를 2.2.4 최신 버전으로 업데이트 하거나 woocommerce 버전을 2.6.14 버전 업데이트 시도하자 사이트가 다 깨지는 현상 발생. 비슷한 경우 업데이트보다는 사이트를 재구성하여 데이터를 가져오는 것이 더 나은 선택일 수 있을 것 같다는 생각입니다. (기존 구성 : Storefront 1.5.3 + woocommerce 2.5.5 ) Storefront […]

Woocommerce + product support(Ext) & 문의하기, 답변확인하기 추가

우커머스를 이용한 온라인 숍 구성 시, 상품 관련 문의 시스템을 구성하는 한가지 방법으로 ‘product support’라는 익스텐션을 이용하는 방법이 있어 소개해 드립니다. Product Support ext. Key Features Automatically create new groups/forums? Associate products with any existing groups/forums Automatically add users to correct groups on completed purchase (BuddyPress only) Automatically create first post in each new forum Doesn’t […]

카테고리별 리스트 목록 디자인을 다르게 꾸미기

워드프레스 탬플릿 구조의 우선 순위 관계를 잘 활용하면, 각 카테고리 목록 뷰 디자인을 목록에 맞게 다르게 하여 표시할 수도 있습니다. 가령, 공지사항은 제목이 나열이 되는 게시판 형태로, 사진이 강조될 필요가 있는 주요 뉴스들은 대표 이미지가 강조된 리스트로, pdf 첨부 링크를 포함한 메거진 글은 링크를 수정하여 바로 문서로 연결되는 리스트형태로. ex) 테마의 category.php 파일을 복사하여 카테고리명이 […]

Korea SNS 플러그인을 통해 공유되는 카운트 기록 및 확인

SNS 공유 회수에 대한 트래킹을 확인할 수 있도록 어드민에 적용을 해 본 내용입니다. 이 중 어드민에 컬럼을 추가하는 부분, 그리고 Ajax(화면 전환 없이 이벤트 처리)는 상당히 유용한 부분인데 방법도 꽤 간단한 거 같아서 필요하실 경우 한 번 응용을 해 보시라 공유합니다.   크게 두가지 방법을 참고했습니다. 1. 어드민에 포스트 메타 정보 컬럼 추가하기 (sort 가능하도록) […]

슬라이더 레볼루션 에니메이션 만들기

슬라이더 레볼루션 업데이트(5.3 이후)로 그룹을 지정할 수 있는 기능이 추가되어, 그룹 내에서 요소간 포지션을 정하여 등장시킬 수 있게 됐습니다. 이 말은 위치를 정확히 지정을 할 수 있게 되었다는 것으로, 이 특징을 이용해서 바리스타룰스 홈페이지의 커피의 제작 과정을 만들어 적용했었습니다. 요소들은 에니메이션 기능을 활용하면, 등장 시 이동하면서 나타나게 할 수 있고, 원하는 시간에 마지막 동작을 발생시킬 […]

우커머스 탭 컨텐츠 모두 노출 + 탭메뉴를 스크롤 시 상단 고정 + 탭내용 바로가기 버튼으로 이용하기

우커머스를 이용한 쇼핑몰 제작 시 상품 상세 페이지에서 보여지는 각종 탭 정보들이 국내형 쇼핑몰처럼 보이길 원하는 경우가 있습니다. 뭐냐하면, 1. 정보탭이 스크롤 시 고정이 되고, 2. 탭의 내용이 화면에 한번에 모두 표시되고, 3. 탭을 클릭 시 탭과 연결된 정보가 화면 상단으로 고정이 되었으면 좋겠다! 구현할 수 있었던 내용을 토대로 정리된 내용은 아래와 같습니다. ● 우커머스의 […]

어드민 화면에 나의 자바스크립트, 스타일 적용하기

어드민 화면 정리를 위해 Adminimize, Admin Menu Editor로 메뉴들을 권한에 따라 노출하는 것을 컨트롤한 다음에도 화면에는 상당부분 불필요 요소들이 존재합니다. 이를 해결하기 위해 플러그인으로 어드민 화면에 CSS를 적용(Add Admin CSS 이용)해서 처리를 했었는데, IE에서는 CSS로 제어 불가한 요소가 일부 있어서 아쉬움이 있었습니다. 이번에 이 부분도 해결하고자 찾아보니… 자바스크립트를 살짝 사용을 해 주면 이 부분도 컨트롤이 […]