워드프레스의 힘 – 비주얼페이지빌더

워드프레스의 힘 – 비주얼페이지빌더

비주얼페이지빌더(Visual page Builder)

오래전 워지웍 – 드래그엔 드롭 에디터가 출시 되었을때 웹디자이너, 매니저들은 획기적인 웹저작 도구에 열광했었습니다.

포털사이트의 블로그 저작도구와 카페등에서 더욱 활발하게 발전되어 사용하게 되었고 관련 리소스가 공개되어 홈페이지 제작시에도 많이  사용하게 되었죠. 그런 환경이 1세대라면 워드프레스의 페이지빌더는 4~5세대즘 되겠네요.

컨텐츠의 레이아웃을 만들고, 이미지와 텍스트의 배치가 가장 기본적은 기능이라면 워드프레스와 함께 하는 페이지빌더는 그 이상의 기능들이 포함되어 있습니다.

블로그의 배치, 이미지슬라이더, 탭만들기, 토글, 아코디언, 로고슬라이더, 멤버리스트, 타임라인, 팬시헤더, 텍스트 애니메이션, 아이콘, 인포박스….

블로그로서의 기능과 쇼핑몰로서 필요한 상품출력과 이미지링크등 다양하고 복잡한 기능을 포함하고 있습니다.

워드프레스를 처음 시작하시는 분들이나 홈페이지나 쇼핑몰 직접 관리하시는 분들이라면 아래의 에디터와 에디터를 포함한 테마중 한가지를 완벽하게 소화할 필요가 있습니다.

물론 그것만 가지고는 부족한점은 나타나겠죠.

워드프레스(우커머스)의 속도 변화

워드프레스(우커머스)의 속도 변화

리눅스환경에서 워드프레스의 속도가 빠르게 향상되고 있습니다.

PHP는 5.2, 5.3 거쳐 5.5, 5,6 ( 6.x은 개발 실패 ) 7.0, 7.1, 7.2 ~ 곧 8.0으로 진화 하고 있습니다.
5.6 만으로도 서버의 리소스가 충분할 경우 PC버전의 워드프레스는 빠른속도를 보여줍니다.
모바일 앱으로서의 속도는 많이 부족한 퍼포먼스였습니다.

7.0 이상 7.2에서는 어떨까요? 5.6에서의 환경보다 최소 2.5배 이상은 빨라졌습니다.
조만간 출시될 8.0에서는 7.0대비 2~3배 빠를거라는군요.
진정한 하이브리드앱으로서의 저작툴이 되지 않을까 싶네요.

 

PHP 란 무엇입니까?

PHP는 Hypertext Preprocessor의 약자입니다. 오늘날 웹에서 가장 인기있는 스크립팅 언어 중 하나입니다. W3Techs에 따르면 PHP는 서버 측 프로그래밍 언어를 사용하는 모든 웹 사이트 중 83 % 이상에서 사용됩니다.

PHP 버전별  워드프레스 벤치마킹

Benchmark Results

  • WordPress 4.9.4 PHP 5.6 benchmark results: 49.18 req/sec
  • WordPress 4.9.4 PHP 7.0 benchmark results: 133.55 req/sec
  • WordPress 4.9.4 PHP 7.1 benchmark results: 134.24 req/sec
  • WordPress 4.9.4 PHP 7.2 benchmark results148.80 req/sec 🏆
  • WordPress 4.9.4 HHVM benchmark results: 144.76 req/sec

PHP 버전별 우커머스 벤치마킹

Benchmark Results

  • WordPress 4.9.4 + WooCommerce 3.3.1 PHP 5.6 benchmark results: 34.47 req/sec
  • WordPress 4.9.4 + WooCommerce 3.3.1 PHP 7.0 benchmark results: 84.89 req/sec
  • WordPress 4.9.4 + WooCommerce 3.3.1 PHP 7.1 benchmark results: 86.04 req/sec
  • WordPress 4.9.4 + WooCommerce 3.3.1 PHP 7.2 benchmark results: 92.60 req/sec 🏆
  • WordPress 4.9.4 + WooCommerce 3.3.1 HHVM benchmark results: 69.58 req/sec

WooCommerce struggled with HHVM, and PHP 7.2 beat out PHP 7.1 by a small margin.

수출 및 해외고객을 위한 쇼핑몰

수출 및 해외고객을 위한 쇼핑몰

커머스 솔루션

쇼핑몰개발을 위한 다양한 솔루션을 소개합니다. 해외판매전용 쇼핑몰중 전문 쇼핑몰 솔루션만의 특징들을 잘 볼 수 있습니다.

다국어와 다국통화는 기본적으로 지원되고, 여러가지 해외 결제 시스템을 지원합니다.

국내판매는 한국PG를 지원하지 않기 때문에 한국PG는 개발형태로 작업되어야 합니다.

#3DCART

공식사이트: https://www.3dcart.com/

#Bigcommerce

공식사이트: https://www.bigcommerce.com

#OSCOMMERCE

공식사이트: https://www.oscommerce.com/

#Shopify

공식사이트: https://www.shopify.com/

#Magento

공식사이트: https://magento.com

#Prestashop

공식사이트: https://www.oscommerce.com/

#drupal Commerce

공식사이트: https://www.drupal.org/project/commerce

#CS-CART

공식사이트: https://www.cs-cart.com/

서브디렉토리 멀티사이트 구성을 통한 UI 구성

서브디렉토리 멀티사이트 구성을 통한 UI 구성

워드프레스 멀티사이트란?

멀티(Multi) 사이트는 플러그인, 테마를 공유하는 여러개의 웹사이트를 말합니다.
구성에따라 미디어역시 함께 공유해서 사용할 수 있습니다.

멀티사이트는 싱글사이인온(Single-Sign-On)이 기본으로 회원이 공유됩니다.

멀티 사이트의 구성방식
  1. 서브 디렉토리 방식 ( 홈페이지주소/site1, site2 )
  2. 멀티 도메인 방식 ( site1.홈페이지주소, site2.홈페이지 )
  3. 멀티 도메인 방식의 도메인 맵핑 – 위 2번구성의 각 사이트는 각 개별적인 도메인으로 접속 구성 )

** 도메인 맵핑 (Domain Mapping)은 서버 단위 호스팅서버나 그것을 지원하는 단독 웹호스팅 서버에서만 가능합니다.

 

어떤 상황에서 멀티사이트가 필요한가?

  1. 서로 다른 컨텐츠의 UI를 분리하고 싶을때
  2. 홈페이지와 쇼핑몰을 분리하고 싶을때 (메뉴등등의 구성의 복잡도에 따라…)
  3. 여러개의 사이트를 호스팅하고 싶을때
  4. 멀티 블로깅사이트를 구성해서 유저에게 블로그사이트를 분양하고 싶을때

 

멀티사이트의 속도?

워드프레스 사이트의 속도는 플러그인과 테마에 따라 기본 속도가 현저하게 차이가 나게 됩니다.
캐시를 적용해서도 문제가 되는 구성이 있습니다.

경험적인 구성에서 살펴보면 WPML과 Woocommerce (Woocommerce의 다른 플러그인포함)를
하나의 사이트에서 모두 구성하지 않은 상태면 테마(Theme)를 적절히 선택하면 속도가 나쁘지 않습니다.

 

주의) 캐시 플러그인 또는 플러그인중 멀티사이트를 지원하지 않는 플러그인이 있습니다.

워드프레스 비주얼 페이지빌더

워드프레스 비주얼 페이지빌더

페이지 레이아웃을 멋지고 쉽게 반응형으로 제작하기 위해서 필수적인 요소가 된 페이지 빌더를 소개합니다.

페이지빌더를 사용하는 이유는 초보자부터 중고급 디자이너까지 반응형으로 워드프레스의 요소를 활용해서 페이지를 드래그&드롭으로 구성할 수 있게 하는 플러그인 입니다.

컨텐츠 영역의 구성을 담당하고, 설치된 플러그인요소와 통합구성 할 수 있습니다.
워드프레스뿐만 아니라 Wix, Weebly등에서도 각각의 비주얼 페이지빌더를 가지고 있습니다.

비버빌더

가격: $99

엘리멘터

가격: $49

DIVI

가격: $69 (년간 지불 갱신)

그밖에

Themify

가격:$39

무료버전 – Site Orign

결과 및 선택기준

SPEED(속도) 사이트 및 페이지빌더의 속도

활용요소(엘리먼트) 및 확장성 (커머스와 통합가능등..)

템플릿 (기본제공 템플릿)

UI 및 타이포그라피(빌더이후 결과물의 UI의 미려함과 타이포그라피)

 

워드프레스 컴파일하기

워드프레스 컴파일하기

워드프레스로 만들어진 동적웹사이트의 접근 속도를 높이기 위한 방법론입니다.

워드프레스 웹사이트는 여러가지 이유로 응답속도가 떨어지게 됩니다.

첫째. 많은 플러그인의 설치
둘째. 최적화 되지 않은 페이지 및 이미지
셋째. 느린 호스팅

캐시의 일종이지만 운영 방법은 조금 달라집니다.

플러그인

Simply Static

완벽하게 동작하기 위해서는

컨텐츠를 만들고 관리할 URL이 필요하고, 컴파일될 디렉토리 (ex www) 와 그 디렉토리를 서비스 URL과 연결하는 방식으로 워드프레스 웹사이트를 만들수 있습니다.

아직 쇼핑몰 사이트까지 테스트 해보지는 않았지만, 일반적인 홈페이지나 기능이 많지만 무거워진 디렉토리 사이트, 뉴스 및 매거진 사이트에서 특별한 속도를 만날 수 있을것입니다.

 

 

워드프레스 테이블양식 플러그인

워드프레스 테이블양식 플러그인

워드프레스 게시물 테이블

기본 글은 블로그, 매거진등의 여러가지 쓰임새로 사용됩니다. 한국형 게시판과는 성격이 약간 다르게 사용됩니다.

커스텀포스트 타입의 성격으로 동작해야 여러가지 플러그인과 공생관계를 유지할 수 있는데

한국형 게시판은 완벽하게 동작하지는 않습니다.

워드프레스 글을 테이블 형태로 출력하는 플러그인을 사용해서 타협점을 찾아 볼 수 있을겁니다.

CSS로 구성은 가능하지만 분류의 필터나 여러가지 기능을 한번에 사용하려면 여간 귀찮은게 아닙니다만

쇼핑몰, 매거진등에서 유용한 활용 방법입니다.

 

우커머스 제품 테이블 리스트

 

 

쇼핑몰은 가끔 한꺼번에 상품을 많이 노출하고 한번에 구매할 수 있는 기능이 필요합니다.

유통업이나 도매쇼핑몰의 경우 상세페이지 보다는 제품단가가 더 중요한 쇼핑몰인 경우 활용할 수 있습니다.

 

기능목록


제품 테이블보기 또는 목록

WooCommerce 테이블 플러그인을 사용하여 테이블 뷰 또는 목록에 WooCommerce 제품을 표시하십시오. 모든 제품에 대한 표를 만들거나 각 범주에 대해 표를 분리하십시오.

 

필터 위젯

WooCommerce에서 사용되는 필터 위젯의 전체 세트를 포함합니다. 고객은 특성, 가격 또는 등급별로 테이블을 필터링 할 수 있습니다.

 

제품 속성 및 변형

속성을 열 또는 필터로 표시하거나 변형을 표시하는 3 가지 방법 중 하나를 선택하십시오. 사용자는 대안을 선택하고 장바구니에 추가 할 수 있습니다.

 

사용자 정의 필드 지원 및 ACF

사용자 정의 필드를 제품 테이블의 열로 표시하십시오. 고급 사용자 정의 필드와 완벽하게 통합됩니다. 추가 데이터, 링크 등을 추가하십시오.

 

맞춤 분류(택사노미) 지원

맞춤 분류를 표시하고 맞춤 용어로 필터링하며 특정 분류 용어가있는 제품을 나열하는 표를 만듭니다.

 

장바구니에 추가 버튼

고객은 수량을 선택하여 카트에 직접 제품을 추가하거나 클릭하여 제품 페이지를 볼 수 있습니다. 궁극적 인 1 페이지 WooCommerce 주문 양식입니다!

 

여러 제품 선택

각 제품 옆에 확인란을 표시하여 고객이 신속하게 여러 제품을 장바구니에 신속하게 추가 할 수 있습니다.

 

제품 이미지

WooCommerce 제품 디스플레이 플러그인으로 모든 크기와 열의 WooCommerce 제품 이미지를 표시하십시오.

 

세밀한 제어

범주, 태그, ID, 상태, 날짜 또는 작성자를 기반으로 제품을 나열하는 테이블을 만듭니다. 카테고리 또는 개별 제품을 제외하십시오.

 

레이지로드

대형 제품 테이블의 경우 AJAX가 한 번에 한 페이지 씩 제품을로드하여 서버로드를 줄이고 성능을 향상시킬 수 있습니다.

 

반응형 테이블

휴대 전화에서는 열이 자동으로 ‘접히고’확장되어 데이터를 표시 할 수 있습니다. WooCommerce 제품 목록 플러그인을 사용하여 어떤 열 우선 순위를 선택할 수 있습니다.

 

빠른 검색, 정렬 및 필터

키워드를 입력하고 즉석 검색을 수행하십시오. 제품 표를 필터링하거나 열 표제를 클릭하여 정렬 할 수 있습니다.

 

AJAX 장바구니에 담기

제품은 AJAX를 사용하여 장바구니에 추가되며 페이지는 새로 고침되지 않습니다. 이를 통해 고객은 신속하게 구매할 수있어 이탈률을 줄입니다.

 

엄청나게 유연한

수십 개의 제품 표 옵션을 사용하여 표 요소를 표시하거나 숨기고, 열 머리글을 변경하고, 페이지 길이를 설정하는 등 다양한 작업을 수행 할 수 있습니다.

 

 

워드프레스 쇼핑몰 POS & 바코드

워드프레스 쇼핑몰 POS & 바코드

우커머스 포스 ( Point of sale )

  1. 레스토랑, 식당
  2. 온/오프라인 매장 통합 관리

 

우커머스 바코드, 스캐너, 바코드 프린트

  1. 우커머스 바코드 생성 플러그인 : 상품별 바코드 생성
  2. Dymo 우커머스 바코드 프린터
  3. 바코드 스캐너
  4. 우커머스 포스

 

  • 매장 및 유통회사에서 재고관리 또는 온/오프라인 쇼핑몰을 간단히 통합할 수 있다.

 

ERP가 필요하지 않는가?

  1. 우커머스는 ERP와 통합할 수 있다.
  2. SAP등 인지도가 있는 ERP와 재고등을 연동할 수 있다.

 

  • 불과 몇년전만 해도 쇼핑몰도 간신히 구동하는 워드프레스 쇼핑몰이 이제는 모바일까지도 충분한 속도가 나오면서 다양한 활용을 시도 하고 있다.
  • 우커머스를 이용한 재고 관리등 시스템은 기존 시스템에 비해 훨씬 저렴하게 도입할 수 있다.
  • 아이패드 및 아이폰과 연동해서 POS를 연동하면 훌륭한 시스템이 될 수 있다.

 

 

카카오톡 플러스친구를 통해 홍보채널 만들기

카카오톡 플러스친구를 통해 홍보채널 만들기

 

 

 

카카톡 플러스친구

첫 서비스는 카카오톡 옐로페이지였습니다. 카카오톡의 친구들을 통해 기업등 홍보채널을 만들수 있는 카카오톡의 기업용 버전입니다.

모바일 홈페이지를 통해 카카오톡의 플러스친구등록, 1:1채팅, 소식받기등 마케팅채널로 좋은 도구입니다.

요즘은 인스타그램이 비즈니스도구로 좋은 소셜 마케팅도구이지만, 그것으로 부족할때 카카오톡 플러스친구도 함께 이용할 수 있겠네요.

기능

메세지/ 1:1채팅/ 스마트채팅/ 친구관리/ 홍보용 도구 사용하기

 

 

 

워드프레스 4.8의 IE8,9,10 지원종료

워드프레스 4.8의 IE8,9,10 지원종료

워드프레스 4.8의 IE8,9,10 지원종료

IE8 즉, 윈도우xp를 사용하는 PC의 접속은 거의 없습니다.

그렇지만 IE10을 사용하는 PC는 한국에서는 제법 많은것으로 보입니다.

Windows 7에서 보안 업데이트를 하지 않고 유지하면 IE10을 사용하게 됩니다.

 

어떤 의미가 될까?

보안에 취약한 브라우저는 배제 하겠다는? 의미 일까요?

자연스럽게 세계적인 접속통계를 보게 되면 Windows 7 서비스팩2이상 Windows 10으로 환경이 바뀌었다 라고 볼 수 있을것 같습니다.

 

한국에서는…

아직까지 기관들(관공서, 유치원, 어린이집, 은행, 중소기업)은 Windows 7에서 IE10을 사용한다면

워드프레스 4.8로 업그레이드를 미뤄야 할것 같네요.

 

예정되는 업그레이드

Php 5.6의 권장 환경도 Php 7.0 이상으로 변경될거란 예고가 있습니다.

Mysql도 5.x 이상과 최소 MariaDB가 사용되어야 할것 같네요.

 

 

추천 DIVI 영문 쇼핑몰

추천 DIVI 영문 쇼핑몰

DIVI Theme

Divi. The Ultimate WordPress Theme and Visual Page Builder

강력하고 최적화된 페이지빌더가 포함된 디비테마로 쇼핑몰 및 홈페이지를 제작하세요.
사이트의 유지관리가 쉬워집니다.

 

 

1. East of Africa

East of Africa

2. Chicken Art

Chicken Art

3. Sweet Cecilys

Sweet Cecilys

4. Claret Wines

Claret Wines

5. Dugan and Dame

Dugan and Dame

6. Victoria Alexis

Victoria Alexis

7. Startup Stickers

Startup Stickers

8. Doodad and Fandango

Doodad and Fandango