1. 북마크(Bookmark), 프린트(Print) 버튼


북마크

http://stackoverflow.com/questions/10033215/how-do-i-add-an-add-to-favorites-button-or-link-on-my-website


프린트

http://www.w3schools.com/jsref/met_win_print.asp


실장님이 디자인할 때 이전 사이트처럼 우리도 북마크, 프린트 버튼을 달아주자 라고 이야기되어서 찾아보게 된 것입니다.


결론적으로 말하면 그리 어렵지는 않습니다. 특히 프린트는 정말 쉬움...


다만 워드프레스에 이 기능을 달아야 했으니, 북마크의 경우 그냥 쓰는 게 아니라


조금 변형해서 javascript 이용해서 달아야 워드프레스에서 제대로 동작합니다.




2. Mail Insert Pages in All Page


워드프레스의 모든 페이지에 Mail 기능을 하단에 추가하라는 요구사항 때문에 찾아본 것입니다.


결론적으로 말하면, php include 기능을 사용하지 않는 이상, 플러그인을 써야 합니다.


Insert Pages(플러그인)

https://wordpress.org/plugins/insert-pages/screenshots/


Add Posts to Pages(플러그인)

https://wordpress.org/plugins/add-posts-to-pages/screenshots/


do_shortcode()

https://developer.wordpress.org/reference/functions/do_shortcode/


이 중에서 범용적으로 가장 유용한 건 첫번째, Insert Pages 플러그인입니다.


물론 3번째 방법도 쓸 일이 생기긴 하지만, 일반적으로 워드프레스의 유료 고급 테마들은 템플릿이 일반화 되어 있기 때문에 굳이 3번째 방법을 쓸 필요가 없는 경우가 많습니다.




3. Bimilbottari - 네이버 광고


네이버 광고시스템이 바뀌었다길래, 바뀐 광고시스템에 관한 정보는 어디서 얻을까? 라는 생각에 찾아본 것입니다.


edWith

http://www.edwith.org/


결론적으로 말하면 이에 대비한 네이버 공식 온라인 교육이 있습니다.


사실 온라인광고는 네이버 돈벌어먹게 해주는 핵심 아이템인데 네이버가 이걸 놓칠 리가 없죠...




4. 우커머스 기능구현


http://www.pootlepress.com/2014/04/100-woocommerce-tips-tricks/


is_product_category() 함수의 실제 사례를 찾아보기 위한 것인데,


이 함수의 사례 말고도 프로그래밍적으로 좋은 팁이 많은 페이지입니다.




5. 워드프레스 다운로드 매니저


업체에서 다운로드 관리 기능이 포함되기를 원해서 찾아본 것입니다.


https://codex.wordpress.org/ko:Links_Manager


위 링크에서는 원래 이 기능이 워드프레스 기본 기능이었다가, 이제는 없어지면서 플러그인 기능으로 빠졌다는 이야기를 합니다.


결론적으로 방법은 Download Manager라는 무료 플러그인을 쓰는 것입니다.


아래 링크들은 그 방법을 수록한 부분입니다.


https://www.cmsfactory.net/node/10200


https://www.cmsfactory.net/node/10753


http://hwangc.com/eg-attachments/




6. 워드프레스 Contact us Map


업체에서 워드프레스 Contact Us 메뉴에 들어가는 Map으로 세계지도가 들어가서


특정 지역에 맞는 링크를 걸기를 원해서 찾아본 것입니다.


결론적으로 말해서 이 기능 구현하려면 무료 플러그인으로는 안됩니다.


유료 플러그인 사야 합니다.


그래서 유료 플러그인을 링크 시켜 놓고, 검토 후 정말로 구매해서 쓰게 되었습니다.


Interactive World Maps(플러그인)

https://codecanyon.net/item/interactive-world-maps/2874264


MapSVG(플러그인)

https://codecanyon.net/item/mapsvg-responsive-vector-maps-floorplans-interactive-svg-images-plugin/2547255




7. 워드프레스 - 구글 지도 한글 출력 문제


구글 지도에서 계속 한글이 출력되는 문제가 있어서(글로벌 사이트를 서비스하는 거라 영어가 나와야 했습니다)


찾아본 것입니다.


저도 이 자료 보고 구글에서 자동으로 변환해주는 걸로 알았는데


차후에 다른 소스코드 수정하면서 Map 부분의 소스코드를 보게 되었는데


구글에서 자동으로 변환해주는게 아니라 워드프레스의 설정 때문이더군요... ㅡㅡ;


결론적으로 아래 링크들의 이야기는 쓸모없게 되었습니다.


https://support.google.com/maps/answer/63471?hl=ko


https://support.google.com/websearch/answer/3333234




8. Custom Font


구글 폰트에 존재하지 않는 특정 폰트를 적용시킬 때 어떻게 해야 하는지 찾아본 것입니다.


개략적인 방법에 대한 이야기는 이미 이 블로그에서 한 적이 있습니다.


http://blog.koyeseul.net/986


다만 이를 위해서는 폰트 변환이 필요한데, 폰트 변환을 어떻게 하는지 잘 나와있는 링크가 있어서 걸어 둡니다.


http://www.wacomkoreablog.com/642




9. 다중 슬라이더


워드프레스 슬라이더로 한번에 상품 여러개가 보이는 다중 슬라이더를 구현해야 되었고,


문제는 상품 뿐만이 아니라 내가 원하는 모양으로 지정해서 나올 수 있는 다중 슬라이더를 원했습니다.


그러면서 관리자 기능까지 되어야 했으므로, 그냥 코딩으로 슬라이더를 만드는 것도 곤란했고


가장 결정적으로는 Insert Page 플러그인 안에서도 동작해야 되었으므로


그런 조건을 모두 만족하는 다중 슬라이더 중에 무료 플러그인으로 할 수 있는 건 없었습니다. ㅡㅡ;


그래서 유료 플러그인을 찾아본 것입니다.


Carousel + Slider for Visual Composer(플러그인)

https://codecanyon.net/item/post-layout-carousel-slider-for-visual-composer/8586588?s_rank=2


WP Logo Showcase(플러그인)

https://codecanyon.net/item/wp-logo-showcase-responsive-wp-plugin/16396329?s_rank=1


결론적으로는 2번으로 쓰기로 결정했습니다.




10. nivolightbox


이건 제가 깔고싶어서가 아니라 우리가 사용하는 워드프레스 기본 테마에 깔려있는 라이트박스였습니다.


그래서 이걸 활용해서 라이트박스를 어떻게 적용시키나,


어떻게 보여지게 하고 다중 슬라이더랑 연동시킬까? 를 고민했기 때문에 찾아본 것입니다.


http://docs.dev7studios.com/article/20-setting-up-lightbox-galleries




11. Google inline Map


API Key 문제로 구글 맵을 계속 가져올 수 없게 되어서 찾아본 것입니다.


http://stackoverflow.com/questions/4064275/how-to-deal-with-google-map-inside-of-a-hidden-div-updated-picture


https://developers.google.com/maps/documentation/javascript/get-api-key


https://developers.google.com/maps/documentation/javascript/tutorial?#api_key




12. 우커머스 - conditional if


위에도 언급한 is_product_category() 의 사용법을 좀 더 정확히 익히기 위해


우커머스 공식 사이트 스펙을 알아본 것입니다.


https://docs.woocommerce.com/document/conditional-tags/




13. Circle Animation Map


실장님이 그림 위에 둥그런 마우스에 반응하는 CSS3 애니메이션이 기본으로 보이기를 원해서 찾아본 거였는데


결론적으로 말하면 그게 가능이야 하지만 그걸 위해서는 상당히 많은 시간을 들여서 소스코드를 변형해야 했기 때문에


시간적인 문제로 인해 적용하지 못한 방법이 되겠습니다.


https://sarasoueidan.com/blog/animating-css-shapes/




14. CSS3 깜빡이는 효과


역시 워드프레스에 적용하기 위해 찾아본 것인데 간단하고 잘 동작합니다.


http://tb.chan.je/160




15. 워드프레스 속도향상


이 것 때문에 외국 문헌에 외국 전자책들까지 다 뒤져서 찾아봤는데


그래도 쉽지 않더군요... ㅡㅡ;


원래 속도 관련된 부분은 요구사항에 없었는데


추가적인 계약을 하지도 않고 무조건 해줘야한다 이렇게 이야기하는 사장님을 보면 한숨밖에 안나오지만... ㅡㅡ;




그래도 개략적인 방법이 나와 있는 링크는 남깁니다.


http://blog.kalkin7.com/2014/05/02/wordpress-performance-optimization/


http://ssamture.net/archives/2390


http://www.thewordcracker.com/basic/considerations-for-improving-performance-and-speed-in-wordpress/


http://shuman.tistory.com/67


http://iamaman.tistory.com/1413




이건 속도 측정 도구들.


https://www.webpagetest.org/


https://developers.google.com/speed/pagespeed/




16. Wordpress PHP Version


PHP 버전 문제로 워드프레스가 동작하지 않는 상황이 벌어져서 찾아본 것입니다.


https://wordpress.org/support/topic/php-version-1




17. 특정 페이지를 만들 때마다 ERR_CONNECTION_RESET이 떠서 찾아본 것입니다.


https://wordpress.org/support/topic/err_connection_reset-6/


결론적으로는 아직도 이 것의 원인을 정확히 모릅니다.


서버를 옮기고 나서 해결된 것으로 봐서는 서버 문제일 것으로 추정되는데,


그 서버 문제가 원인이 정확히 뭐냐가 문제... ㅡㅡ;




18. 워드프레스 이미지 링크 변경


워드프레스 이미지 링크 경로를 변경시키기 위해 찾아본 것입니다.


http://www.coolwarp.net/1396


결론적으로 위 포스팅에 나온 방법은 별로 효과없습니다.


오히려 sql 파일 추출해서 텍스트 에디터로 열어서 바꿔주는게 가장 빠른 방법입니다.


다만 이렇게 되면 DB를 다시 적용해야 한다는 귀찮은 일이 생기긴 하지만요.




19. SSH DB


최종 적용할 업체의 DB가 내부적으로 PHPMySql을 쓰는 게 아니라 SSH를 쓰게 되어 있어서


찾아본 것입니다.


https://my.bluehost.com/cgi/help/162


http://pat.im/624


https://www.lesstif.com/pages/viewpage.action?pageId=17105804






이제는 이 그지같은 회사 안다니지만


나중에 또 이 자료들이 도움될 수 있어서 정리했습니다.


이 회사야, 주인의식 가지는 것도 좋지만 4대보험이나 야근 추가수당 같은 기본적인 건 해줘야 하는거 아니냐...? ㅡㅡ;





댓글을 달아 주세요

티스토리 툴바