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

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

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

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

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

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

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

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

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

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

서브디렉토리 멀티사이트 구성을 통한 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)를 적절히 선택하면 속도가 나쁘지 않습니다.

 

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

워드프레스 컴파일하기

워드프레스 컴파일하기

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

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

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

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

플러그인

Simply Static

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

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

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

 

 

뭔가 새로운 서비스 워드프레스로 개발할때

뭔가 새로운 서비스 워드프레스로 개발할때

새롭다는 것에 대한 정리

우선 새롭다는 것에 대한 정리(의)를 해볼 필요가 있습니다. 전혀 생소한 서비스인지 최근 쟁점이 되고 있는 서비스도 새로운 분야라고 할수도 있을 겁니다.  서비스를 개발하는 주체적인 입장에서는 서비스모델의 완성도나 성공 가능성뿐만 아니라 마케팅을 어떻게 할지도 준비를 하셔야 새로운 서비스를 시작할 수 있습니다.

워드프레스는 새로운(신선한) 서비스를 개발하기 좋은 도구!

워드프레스의 테마와 플러그인들의 조합과 결재시스템의 결합으로 개발 가능한 예산을 잡을수 있고 그리고 스타트업이 가능한 규모로 제작할 수 있습니다. 초기에 스타트업할때 부담없이 웹사이트를 제작할 수 있고 그리고 충분히 지속할 수 있는 서비스로 관리해 갈 수 있습니다.

(워드프레스) 웹사이트를 구분해 봅니다.

  1. 평범한 홍보형 홈페이지
  2. 홍보형과 커뮤니케이션 가능한 기능의 홈페이지
  3. 예약기능, 결재기능의 서비스형 홈페이지
  4. 워드프레스기반의 쇼핑몰
  5. 컨텐츠기반의 비즈니스(결재기능) 서비스 웹사이트
  6. 교육(E러닝) 및 교육기관
  7. 오픈마켓 (입점몰)

 

 

워드프레스 쇼핑몰의 웹호스팅 관리 & 스피드

워드프레스 쇼핑몰의 웹호스팅 관리 & 스피드

워드프레스 쇼핑몰과 쇼핑몰+다국어의 호스팅 환경

워드프레스의 일반적인 홈페이지라면 홈페이지 속도를 크게 문제가 되지 않습니다. 터무니 없는 이미지크기와 문제있는 플러그인이 아니라면 속도가 문제가 된 적은 웹쉘에 의한 해킹도 의심 가능하죠.

 

최고 스피드의 워드프레스 프리미엄테마를 이용해서 개발해도 쇼핑몰 (또는 WPML 다국어의 결합) 설치는 웹사이트에서는 거대한 기능의 장비를 창착하는 결과이죠.

 

그리고 쇼핑몰에 준하는 거대한 기능 ( WPML, WP Courseware )는 웹사이트를 느림보 거북이로 만들어 줍니다.

 

어떤 호스팅환경이 필요한가?

환경1. 일반적인 웹호스팅

– 웹호스팅 회사 ( 가비아/ 카페24/ 후이즈/ PHP스쿨 ) 의 선택

비슷하거나 호스팅 사양이 같아도 실제 속도는 다릅니다. 홈페이지를 올려 봐야 하죠. 그리고 전반적인 서버의 관리에 따라서도 문제가 생길수도 있습니다. 너무 보안이 까다롭고 지원되는것이 없어도 사용하기 힘들어집니다.

 

– WP Super Cache

– W3 total Cache

– Gzip Ninja Speed

 

환경2. 서버 호스팅

PHP 멤캐시 (Memcahed) 사용 – 일반적인 웹호스팅에서 멤캐시를 지원하지 않습니다.

물리적메모리의 공간을 이용한 캐시설정입니다.

스피드업의 핵심적인 역할을 합니다.

 

– 아파치 서버 튜닝

-Mysql 서버 튜닝

 

환경3. 단독 서버호스팅 또는 직접 서버호스팅

앞서 설정 환경1+2 를 이외 메모리용량에 따른 멤캐시의 적극적 활용과

서버 하드디스크 SSD 의 2~4개 Raid 0 구성으로 4k영역 스피드업으로 일반적인 환경에서 50%~300% 이상의 속도 향상을 가져올 수 있습니다.

 

그밖에

1. WP-OPTIMIZE : 상품이 많을 경우나 접속빈도가 많을 수록 정기적 DB와 워드프레스의 최적화가 필요합니다.

2. WP-CONFIG.PHP 설정:

:define(‘WP_DEBUG’,TRUE);

: define(‘SAVEQUERIES’, true );

– 로그영역에 쿼리를 저장합니다.

 

:define( ‘WP_ALLOW_REPAIR’, true );

– DB 연결오류 자동 복구

 

:define( ‘WP_MEMORY_LIMIT’, ‘256M’ );

– 워드프레스 코어와 플러그인이 사용하는 메모리 할당

:define( ‘WP_MAX_MEMORY_LIMIT’ , ‘256M’ );

– 최대 메모리 제한 설정