PYXIUS,,,

아바다 테마(Avada Theme)를 사용하면서 언제부터인가 레볼루션 슬라이더에 푹 빠져 있다.
아바다 테마는 버전이 5.1.1 까지 업데이트 되었다.
대표 에디터인 Fusion Builder 도 계속 패치가 된다. 솔직히 이 에디터에서의 Templates 기능은 아직도 잘 모르겠다.

어쨌든, 레볼루션 슬라이더 역시 유료로 전환 하면서 질 좋은 템플릿을 제공 받아서
이것 저것 사용해 보면서 적용해 보고는 있지만, 재미 있으면서도 좀 무겁다는 느낌은 아직은 남아 있다.

프로처럼 사용하기에는 아직은 어렵고, 짬짬히 시간을 내서 하려니 가볍게 만드는 기술은 좀 더 찾아 봐야 하는데 쉽지 않다.

템플릿 스토어에 있는 Slider Template 를 설치 후 편집하는 화면이다.
특히 각 레이어를 타임라인으로 쪼개어 편집하는 것은 정말 고도의 집중력이 필요한 듯,,,



무척 흥븐 되지만 정말 어렵다. 하지만 활용 할 수 있는 것은 정말 무궁 무진한 것 같다. 역시 돈질? 하하

템플릿을 페이지에서 설정하는 기능은 다음 기회에,,,

레볼루션 슬라이더를 유료로 전환 후,
템플릿 스토어에서 패키지로도 다운 받을 수 있다. 정말 다양하고 파워풀한 템플릿이 많고 계속 업데이트 된다.

또한 다운 받는 템플릿의 기능에 따라 먼저 설체 되어야 할 플러그인의 버전과 Add-On 요구사항이 있다.

그 외에도 많은 종료의 Add-On 기능이 있지만 써보지는 않았다.
처음에 욕심으로 모든 기능을 Activate 했다가 사이트가 에러가 나서 복구하는데 혼났던 기억이 있다.

개인적으로는, 레볼루션 슬라이더 자체만으로도 테마의 기능들을 넘어서,

웹 사이트를 다이나믹하게 구축 할 수 있는 기능들이 충분 하다고 생각한다.

물론 이러다 보니 개인적으로 가지고 있는 워드프레서 설치형 홈페이지는 정작 자리를 잡을 수가 없다.

매번 이것 저것 해 보다, 사이트가 맨날 연습장 같다.

http://www.clubschool.com

오랜만에 정말 오랜만에 지극히 간략한 포스팅을 해 봅니다. 제가 워낙 게으른 지라! ^^;
그나저나 몇년 전, 설치형 워드프레스를 위해서 웹 호스팅과 도메인을 질렀고,
더불어(?) 아바다 테마(Avada Theme)를 구매한 후 쭈~욱 썩히고 있었는데,
얼마전에 잠시 살펴 보니 아주 재미있는 장난감으로 둔갑되어 있더군요!

 

버전이 업그레이드 되면서 흥미로운 테마로 변신이 되어 있어 간만에 이것 저것 또 만져 보고 있습니다.

 

위에 보이는 화면은 지금 장난중인 저의 사이트 입니다. 아마도 여기 티스토리에도 올렸었군요!
퓨전 슬라이더(Fusion Slider)로 작업을 한 것이고 동영상은 역시 트래픽 때문에 정적인 이미지 두장으로 넣었습니다.
참고로, 이번의 장난질의 본질은 '그냥 따라하기' 입니다.
개발자도 아니고 워드프레스 프로페셔널도 아니기에 그냥 따라하면서 업데이트 하려구요! 정
적인 사진과 개인 Resume 위주로,,,

 

물론 중요한 것은! 질리면 관둘 껍니다. ㅋㅋㅋ 
 

 

제가 게을러서 그런지 몰라도 제일 재미있는 것이 바로 '데모' 입니다.
다양한 데모들이 있어서 설치를 하고 페이지를 살펴보고 구조를 보고 있는 중인데,
문제는, 속도가 너무 느리다는 것입니다.
결국 하나의 데모를 설치 후 볼 것 다 봤으면 Reset 플러그인으로 초기화 하고
다시 다른 데모를 설치하는 식으로 보고 있어요!

 


 테마 판넬이 새로 생겼고, 그 곳에 통합 된 메뉴들을 보고 있으면 소위 내가 지금 것 말하던
'콘텐츠 관리 시스템', '홈페이지 마법사(?)' 의 사상이 놀랍도록 '솔루션' 화 되어 있다는 느낌을 받습니다.
속도나 서비스에 대한 질 향상은 뭐 관리자의 몫이니깐 워드프레스나 테마에게 책임전가를 시키지는 않을꺼구요,,,,

어짜피 잘 모르니깐,,,,^^
 

 

개인적으로 저는 아래 통합된 판넬 메뉴 중 '통합 된 글씨체(폰트) 관리' 가 너무나 마음에 듭니다.
4.0 이전 버전 까지는 정말 매번 구글링이나 블로그에 발품을 팔아서 따라하고 시행착오를 겪었었는데,
여기서는 그냥 합쳐 놨네요! 역시 솔루션 입니다.

 



페이지나 포스트(글) 편집하는 화면은 크게 변하지는 않은 것 같습니다.

 


여기까지가 아주 간략한 그리고 게을러 보이는 소소한 포스팅 이였습니다. 하하하

암튼 저는 질릴 때 까지 따라해 보려구요! That's IT!



워드프레스를 처음으로 설치형으로 세팅 한 후, 아마다 테마 안에 있는 Fusion Slider 에 동영상 슬라이더를 테스트 한 적이 있습니다. 가비아 호스팅을 받는데 FTP에 동영상을 덩그라니 올려 놓고 그것을 활용해서 동영상 슬라이더를 만든 후 노출을 시킨 것 입니다. Self-Host Video 방식, 그리곤 계속 테스트 한답시고 제가 트래픽을 잡아 먹었는데, 아니나 다를까 가비아 호스팅 업체에서 1일 데이터 트래픽 한도를 1GB초과 했다는 연락이 계속 오고, 다음날 갱신 될 때까지 사이트가 닫힌 다는 경고였습니다. 동영상 트래픽은 전혀 신경 안쓰고 그저 보여지는 재미에만 신경 쓰다가 생겼던 해프닝! 유튜브나 비메오에 올려 놓은 동영상을 최대한 활용 하는 쪽으로 생각을 해 볼수도 있었는데요, 최적화 된 짧은 동영상을 활용하지 않는 이상,,,


레볼루션 슬라이더 플러그인의 제로데이 취약점으로 악성코드에 노출 되어 많은 경고성 아티클들이 떴었죠. 무료 스캔툴을 제공하는 SUCURI 에서 확인을 해 봤지만 나의 워드프레스 사이트에는 아직 문제는 없는 것 같습니다. (아래 결과 화면)

 

 

 

레볼루션 슬라이더 링크에 들어가 보면 HTML5 기반으로 Video 를 활용하여 깔끔하고 다이나믹 한 효과를 주는 광고 동영상이 있습니다.

볼 때 마다, 완전 따라 해 보고 싶죠!

 

   

 

그래서, 여기서부터 슬라이더 레볼루션 플러그인을 활용,

Self-Host Video, 유튜브, Vimeo 에 올려 놓은 동영상을 통해서 HTML5 Video Slider 만들어 보는 것을 한번 포스팅 해 보려고 합니다.

아주 간략하게요~^^

 

Self-Host Video 를 선택 했구요!

워드프레스 자체 FPT가 아닌, 가비아의 동영상호스팅-스마트HD 베이직을 이용하여 스트리밍 서비스를 이용하는 것으로 채택 했습니다.

 

얼마 전 생일 맞이 기념으로 여행 갔을 때 스마트 폰으로 짧게 찎어 둔 동영상을 Vegas Pro 로 약간 다듬은 후 저의 워드프레스 로컬 폴더에 올려 놓고 Full Screen 옵션으로 만들어 봤습니다.

 

참고로, 모바일(스마트폰, 테블릿)에서는 재생이 안 되도록 설정 해 놨구요! 더불어, 해당 Slider Main Image / Background 에서도 Image BG로 동일한 정적인 이미지로 설정 해 놨습니다. (테마펀치에서도 모바일에서는 동일하게 정적인 이미지로 대체 했습니다.)
 

 

HTML5 기반의 동영상을 만들기 위해서는 우선 슬라이더를 만들어야 합니다.

그냥 Slider 를 만들어도 되고, Slider Templates 를 만들어도 되는 것 같습니다.

 

Slider Title 과 Slider Alias 는 동일 하도록 설정 하고, 당연히 Full Screen 을 선택 한 뒤, Full Screen Width 도 강제로 잡도록 했고,

 

그 다음 만들어진 Slider Templates 의 조금 전 만든 Rev_slider 의 Edit Slides 를 선택 한 후,

 

 

New Transparent Slide 를 클릭 후 생성 된 Slides List 의 Edit Slide 를 클릭 합니다.

 

 

그 다음 나오는 설정 화면에서 아래쪽에 있는 Add Layer : Video 를 선택 후 새창에서 HTML5 선택! 형식에 맞는 동영상 포맷과 URL을 넣어주고, Video SIze 선택 후 Add This Video 해줍니다.

 

여기서 중요한 것!

아래 보면 Next Slide On End 체크 박스가 있습니다. 동영상 단독으로 설정 하면 상관 없지만 다른 슬라이더(이미지든 동영상이든)와 같이 돌아갈 경우 꼭 체크를 해 줘야 부드럽게 로테이션 된다는 사실을 몇시간 동안 삽질을 해서 알게 되었군요 -_-;

 

 

그 다음부터는 어렵지 않습니다.

동영상에 텍스트나 이미지를 더해서 효과를 주는 것인데 이는 Add Layer 나 Add Layer: Image 를 클릭해서 삽입을 하고 아래 보이는 Layers Timing & Sorting 을 활용하여 효과를 더 할 수 있습니다. 물론 Layer Animation 을 통해서 더욱 극적인 효과를 줄 수도 있구요!

 

 

저는 이 외에도 여러가지 동영상을 가지고 테스트를 해 봤는데, 반응형 Full Screen 설정을 하려니 부드럽게 맞춰지질 않더군요! 왜인지는 잘 모르겠습니다. 할 때 마다 새롭고,,, 아래의 화면들이 그런 '삽질' 하던 영상인데 아무리 이 옵션 저 옵션을 설정해도 되지 않아서 아예 모니터 이미지 레이어 사이즈를 맞춰서 작게 넣기도 해 봤습니다. 그런데 억지로 맞추려다 보니 어찌나 터프 해 보이던지,,,^^;

 

  

 

지금 까지 이놈의 슬라이더 레볼루션 프러그인을 겪어본 경험상 동영상을 단독으로 활용 하기 보다는 다른 이미지 슬라이더와 같이 활용하는 것이 더 원할하게 돌아가지 않는가?! 라는 생각이 드네요! 레볼루션 테마펀치 사이트에 들어가 보면 분명 다른 슬라이더와 같이 썼다는 것이라는 것이 보면 볼수록 맞다는 느낌이 듭니다. 두개의 슬라이더가 같이,,,물론 틀린 것일 수도 있구요!

 

아래의 화면이 현재 레볼루션 슬라이더 3개로 메인 화면에 노출한 클럽스쿨(http://www.clubschool.com) WP 블로그 입니다. 아주 천천히~ 가는 또 다른 블로그 이긴 한데, 암튼 세번째의 슬라이더가 다시 적용을 해 본 것 입니다.

 

그나저나 관련 된 한국어로 된 White paper 사이트나 블로그가 아직은 없는 것 같은데, 내가 못 찾는 것인지 잘은 모르겠네요!

암튼 이 녀석은 계속 써보지 않는 이상 방법이 없는 것 같군요! ^ 


결국 소유욕을 견디지 못한 이 놈의 지름신(?)이 강령하여 워드프레스 유료 테마 중, 여전히 Top Selling WordPress Themes & Templates 1위인 Avada theme 를 theme forest 에서 거금 $58을 들여서 구매를 했고, 한달 여 전부터 지금 것, 틈틈히 이렇게도 저렇게도 다 해 보면서 정말 장난감 처럼 가지고만 놀고 있습니다.

 

생각해 보니 워드프레스(WordPress) 관련 글이 이번에 세번째가 되는 군요, 물론 대단한 글을 올린 것도 아니지만, 이번에도 아주 간단한 소감 정도?! ^^;



 

2015:02:06 00:02:53

 

아래 2개의 스크린 샷이 레볼루션 레이어로 아주 유치한 배경과 문구를 넣어보고 간간히 조금씩 컨텐츠를 채워 넣는 중인 메인의 분위기 입니다.

그런데 이 사이트가 블로그인지 아님 그냥 테스트 사이트인지, 심지어는 우커머스 셈플도 떡하니 올려 놔서 정체를 모르겠군요. 하하,,,

 

2015:02:06 00:45:05

 

2015:02:06 00:34:13

 

정말 구글링으로 검색 해 보면 온갖 포탈과 블로그에 워드프레스는 물론이고, 아바다 테마 구매 방법부터 설치, 그리고 수도 없는 Tip 과 노하우가 인터넷에 돌고 돌아서 정신이 하나도 없을 지경 이더군요. 심지어는 아바다 테마의 White paper 같은 사이트도 있고,,,

 

어쨌든, 이렇게 많은 정보를 찾아서 따라 하기만 하다가는 남는 것도 크게 없이 시간간 무한정 갈 것이고, 그렇다고 이 티스토리에 남들처럼(그런 능력도 안되지만,,,) 워드프레스나 또는 아바다 테마에 대한 카테고리를 따로 만들고 연재하는 흉내를 낼 수도 없고,

 

더불어, 블로그를 티스토리에서 WP로 옮길 것도 아니며, 개인 사업을 하기 위해서 회사 소개 사이트나 쇼핑몰도 만들 것이 당장은 아니라면, LayerSlider WP 정도는 전문 적으로 다룰 수 있도록 집중해서 계속 공부 해 보는 것도 괜찮을 것 같다는 개인적인 생각이 드네요! 다른 테마에서도 사용할 수 있으니!

 

그럼 WP 슬라이더 디자이너가 되는 건가요? ^^

 

2015:02:06 00:25:54

 

솔직히 우커머스 설정은 만약 내가 쇼핑몰을 하게 결정 되는 그 순간, 발등에 불이 떨어진 순간, 어떻게든 되지 않을까 싶기도 하구요! 어쨌든 설정을 조금 여기 저기 손댔을 뿐인데 쇼핑몰 처럼 UI가 턱 하니 만들어지니 신기하고 재밌기는 했습니다. 우커머스를 지원하는 다른 테마도 마찬가지 겠구요!

2015:02:06 00:28:24

 

아직도 워드프레스 퍼포먼스 관련 해서는 궁금한 것이 정말 많습니다. 완전 초보이기 때문이기도 하겠고, 당연히 호스팅도 직접 관리 하니 이런 디테일까지 신경 쓸 수 밖에는 없겠지만, 그럼에도 지금 퍼블리싱 한 사이트에는 콘텐츠도 거의 없고 한데, 왜 이리 무거운 느낌이 드는지 모르겠네요! 왠지 글 또는 페이지를 Fusion Page Builder 를 써서 그런 것 같기도 하고, 미디어파일 관리를 잘 못해서 그런 것 같기도 하고, 아무쪼록, 이런 것을 알아 나가면서 해결하고 터득하는 묘미로 계속 가지고 놀아 봐야 겠습니다.



요즘 참, 한번 눈여겨 보고 한번 만져보고 싶었던 것들이 이렇게 많이 있는데, 왜? 그렇게 하지 않았을까?! 하는 생각이 참 많이 듭니다! 그 중에 하나가 이 워드프레스(Wordpress)라는 녀석이죠! 가뜩이나 전 직장의 주력 판매 소프트웨어가 웹 기반의 콘텐츠관리시스템 이였으니, 더더욱 사용을 해 봤어야 할 것 같은데, 이제서야 본격적으로 호기심 천국에 빠져 버렸습니다!

 

전 세계의 20%의 웹사이트들이 사용 한다는, 이 워드프레스, 소위 콘텐츠관리시스템 또는 CMS(Content Management System or Service)고 개발하고 관리하고 있는 이유가 조금(?) 느껴 지기도 하는 것 같고,

 

<이미지 출처 : https://wordpress.org/about/logos/>

 

요 몇일 사이에 예전에 있던 워드프레스 계정으로 들어가 블로그를 만들어 보고 콘텐츠도 올려 보고 했었는데,

 

쉽지 않았습니다. 아니 더 솔직한 표현으로는 좀 어려웠습니다.

 

왜 인지는 모르겠지만, 더 웃기는 것은 나중에 조금 알게 되었지만 이건 국산과 외산의 개념의 차이에서 느낀 어려움이 아니였나 하고 생각이 듭니다.

 

참고로, 티스토리에서 워드프레스로 갈아타려는 마음은 없습니다. 물론 새로운 블로그나 다른 홈페이지를 시작해 보는 것은 괜찮지만,

 

[Web 화면]

2014:11:28 10:21:48

 

2014:11:28 12:16:10

 

UX 측면에서 생각해 보면, 콘텐츠를 담을 그릇은 아주 쉽게 만들 수 있고, 그 다음 콘텐츠만 등록하면 바로 확인할 수 있고, 뭐 이런 저런 전문 용어, 트랜디한 문구 다 중간 생략하고, 바로 웹으로 그럿도 반응형 웹으로 바로 확인도 되니 이렇게 편하고 쉬운 기능들이 왜 어렵게 느껴지지? 하면서 스스로 고민에 빠지게 되더군요! 어쩌면 쉬웠을 수도 있는 것을 처음부터 너무 어렵게 접근하지 않았나 싶기도 하고, 결국 제 틀에 갇혀서 그랬지 않나 싶습니다.

 

[iPad 화면]

 

 

당연히 포탈이나 수많은 블로그에 워드프레스에 대한 논고가 기재 되어 있고, 마음먹고 부지런 떨며 벤치마킹 하고, 따라 하면 어설프게 나마 왠간한 포털처럼 생긴 블로그 사이트를 금방 만들 수는 있을 것 같습니다. 물론 여기에는 보기 좋은 테마는 유료로 구매를 할 것이고, 웹호스팅도 질러야 할 것이고, 워드프레스 관리자 매뉴얼의 여러가지 설정과 개념적인 기능들을 부지런 떨어서 공부 해야 하는 단계는 분명히 있어야 할 것 같군요! 

 

외모, 테마, 그라바타, 포스트와 페이지, 특성 콘텐츠, 특성 이미지, 포트폴리오와 프로젝트, 등등

 

이상하게 또는 묘하게 어렵게 느껴지는 용어들과 개념이 저를 좀 혼란스럽게 하고 있는데, 점점 빠져들게 됩니다! 차라리 English 버전의 워드프레스를 처음 접했어도 이랬을지?!

 

물론 관심 있는 것이 오픈소스 기반 프레임웍이고, 그 다음이 E-Commerce 라서 이렇게 어설픈 호기심에 쉽게 빠져 가는 것일 수도 있겠지만, 어쨌든, 그렇게 까지 공부를 해야 할 꺼면 뭐 웹호스팅도 받고 설치형 워드플레스를 이용해서 거의 CSS 코딩 수준까지 진행을 다 해봐야 직성이 풀리지 않을까 싶습니다. ^^;

 

몇개월 전 예전 직장의 오래되고 신뢰있는 클라이언트 한분이 제게 이런 충고를 하신 것이 기억 납니다.

 

'지금 콘텐츠관리시스템 영업 하시죠?'

' 서울시청 홈페이지가 지금 워드프레스라는 외산 제품을 사용 하고 있는데,'

'그걸 다시 귀사의 국산 토종 콘텐츠관리시스템 소프트웨어로 바꿀 수 있도록 영업 하시면,'

'정말 좋지 않을까요? 서울 시청 담당자께 영업 해 보시죠!'

!!!

 

물론, 저에게는 당연하고, 멋진 충고와 지침이였습니다! 지금도 감사를 드리며, ^^

 

하지만, 그 때에도 느꼈고, 지금도 제가 몇일 쳐다 보며 다시 느낀 점은,

프레임웍과 소프트웨어의 차이가 확연하기 때문에 결코 쉽진 않을 것이란 생각은 아직 변함 없습니다.

 

구구절절은 여기까지,, (워드프레스의 짧은 지식)

 

좀 더 이 장난감(?)을 만지작 만지작 해봐야 할 것 같습니다.

그러면 제가 얻으려고 하는 것도 과연 무엇인지 윤곽이 나오지 않을까 싶군요!

<이미지 출처 : http://wprealm.com/blog/wordpress-plugin-names-word-cloud/>

 

 

1 
BLOG main image
클럽 스쿨
by Cornwolf

공지사항

카테고리

콘울프 (380)
우리가 바라보는 것 (88)
행복 육아 지도 (29)
여행 지도 (84)
맛나는 지도 (42)
문화생활 지도 (17)
한달에 한번 즉흥적 글쓰기 (2)
독서는 마음의 알콜 (17)
일상다반사 (19)
장난감 이야기 (79)

달력

«   2018/09   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
tistory!get rss Tistory Tistory 가입하기!

티스토리 툴바