플러그인 ( 36 ) 워드프레스 jetpack 중 photon 활용. 무료 이미지 CDN 개요 - photon , 무료 이미지 CDN 본 글은 워드프레스 플러그인인 jetpack 설치하면 포함되어있는 photon 기초 활용법 정리한다. Photon 이 뭐야? Photon 은 워드프레스에서로 구축된 사이트의 이미지들을 wordpress.com clod 를 이용한 CDN 기능을 제공한다. CDN 개념 조금 더 이해 할려면 이 글 보기 -> http://igotit.tistory.com/93 1. Photon 사용 가능 상태 셋팅하기. 1. Photon 설치. Phptpn은 따로 설치하는 플러그인이 아니라, jetpack 이라는 플러그인 속에 포함되어있다. 따라서, jetpack 을 설치하면된다. jetpack 플러그인 설치법 -> http://igotit.tistory.com/92 을 따라 설치.. 2014. 10. 15. 워드프레스 Jetpack 설치. 기본 사용법. 개요. 본 글에서는 Jetpack 플러그인 설치, 기본설정법을 간략히 정리한다. Jetpack 은 wordpress.com 에서 만들어 배포하는 30여가지의 기능이 있는 플러그인이다. 젯팩에서 제공하는 각각의 기능 설명은 지원 사이트에서 확인한다.-> http://jetpack.me/ 1. 설치 - jetpack 플러그인. 워드프레스 관리자 좌측메뉴 -> 플러그인 추가 -> Jetpack 으로 검색된 결과에서 아래 보이는 것이 설치할 대상이다. 지금설치하기 버튼 클릭하고 활성화한다. 설치하고 활성화 하면 아래화면처럼 wordpress.com 으로 연결시키라는 문구가 보인다. 연결하기 버튼 클릭한다. 아래 화면이 보인다. 아이디 비번 기록하여 Jetpack인증되어야 젯팩을 사용가능하다. 끝. jetpack.. 2014. 10. 15. 워드프레스에서 무료 CDN 활용(Jetpack 의 Photon, 구글드라이브를 CDN으로 이용하는 플러그인) 워드프레스에서 CDN 활용한다 함은 무슨 의미? CDN(Contents Delivery Network)은 이지미, 동영상 등의 파일을 임시 저장 서버에 올렸다가, 필요시 (웹에서 이미지 보이기등) 해당 내용을 제공해주는 네트워크를 말한다. 워드프레스에서 CDN을 이용하게되면, 워드프레스로 구축된 사이트에서 보이는 이미지들이 워드프레스가 설치된 서버에 저장되지 않고 CDN 저장소로 저장되고 사이트에서 이미지가 보일 때도 워드프레스 웹서버에서 제공하는 것이 아닌 CDN을 통하여 보이게된다. 결론적으로 이미지를 저장하는 공간 및 트래픽을 모두 외부서버를 이용하는 것이다. 외부서버에 이미지 저장하고 웹에서 서비스 하는것은 클라우드 드라이브로도 가능하나, 워드프레스에서 제작된 사이트에서 사용되는 이미지들을 웹서버.. 2014. 10. 15. 워드프레스 멀티사이트 만들기. 여러 사이트를 1개의 워드프레스로 구축하는 방법 개요- 워드프레스 멀티사이트 본 글에서는 워드프레스 멀티사이트 구축하는 방법을 정리한다. 멀티사이트의 홈으로 접속하는 주소는 서브디렉토리 방식을 예로 든다. 멀티사이트 구축하는 과정은 아래와 같이 총6 단계로 이뤄지며, 각각의 단계에서 설정방법을 완전하게 설명하고 있다. 단계1. wp-config.php 파일 수정하기. 단계2. 결정하기 멀티사이트 접근주소 결정하기. 단계3. 서브디렉토리 설정하기.(앞의 단계2에서 서브디렉토리를 사이트 접속주소로 결정했기 때문에 서브디렉토리 설정함.) 단계4. 새로운 사이트 만들고 서브디렉토리 주소로 접근하면 웹에서 보이게 하기. 단계5. 새로운 사이트의 테마 변경해보기. 단계6. 멀티사이트 설정 과정에서 기본사이트의 자동 부착된 보기싫은 /blog 제거하기. 이해하기 .. 2014. 10. 14. 워드프레스 플러그인 만들기 시작점. 개요 본 글에서 워드프레스의 플러그인을 직접 만드는 시작점을 다룬다. 직접 플러그인을 만드는 과정의 기초 중의 기초. 자신이 만든 플러그인을 워드프레스에 설치하기 위해서는 php 코드 파일1개만 있으면 되며, 앞부분의 주석내에 양식에 맞게 내용기록하기만 하면된다. 플러그인 의 옵션파일로 Readme.txt 가 있는데, 플러그인 설치했을때 플러그인의 설명문에 보이는 내용이 기록된다. 본 글에서는 필수 php 파일1개와 readme.txt 파일1개 단 2개의 파일만 이용하여 플러그인을 직접 만들고 워드프레스에 설치하는 과정까지 보인다. php 파일의 내용에는 php 코드도 없다. 코드 작성은 별도의 글에서 다룬다. 본 글의 모든 내용은 codex 에서 제공하는 정보 기반 한다. -> http://codex... 2014. 10. 13. 워드프레스기반 구조화된 정보 정의(포스트들 사이의 관계 만들기) 개요- 워드프레스 기반, 구조화된 정보정의. 본 글은 관계형 데이터베이스에서 테이블을 생성하고, 테이블사이의 관계를 형성하는 것과 유사하게 워드프레스 기반으로 구조화된 정보정의를 구축하기 위한 실전적 방법을 정리한다. 구조화된 정보 - Structured Information. - 본 글에서 구조화된 정보란, 취급해야할 대상의 정보요소들이 2개 이상이면서 이들 정보요소들이 서로 연관되어 있어서 정보들의 연관을 시스템적으로 정의될 수 있어야 함을 의미한다. 즉 사람의 머리 속에만 이 요소와 저 요소가 연관되어있다 라는 식으로 관리하지 않고 데이터요소의 정의 단계에서부터 연관이 설정될 수 있게 함을 의미한다. 앞에서 언급한 "시스템적으로 정의 된다"에서 시스템이란 본 글에서는 워드프레스를 의미한다. 관계형 .. 2014. 10. 12. 워드프레스 사용자 정의 필드(Custom Field) 플러그인 조사. 개요 워드프레스에서 기본제공되는 사용자 정의 필드에 기록가능한 값은 단순히 text만 지원된다. 본 글에서는 사용자 정의 필드에 text외에도 날짜, 이미지 등 거의 모든 데이터 형식으로 사용자 정의 필드에 사용 가능한 플러그인을 조사한다. 사용자 정의 필드 기초개념및 기본 활용법 -> http://igotit.tistory.com/70 Custom Fields 관련 플러그인들 도입가능 후보들 다운로드수가 높고, 사용자 반응이 좋은것들 중에서만 추려보면, 5종 정도가 보인다. 이 중에는 사용자 정의 필드 기능에 추가적으로 사용자 정의 포스트 생성기능도 있다. 사용자 정의 포스트 기초개념 -> http://igotit.tistory.com/62 1. Advanced Custom Fields UR: http.. 2014. 10. 9. 워드프레스 포스트(post) 와 페이지(page) 차이점,활용기준,한계. 개요 - 워드프레스 포스트와 페이지. 활용기준. 본 글에서는 워드프레스 설치하면 기본 제공되는 포스트와 페이지의 차이를 보이고, 활용기준을 보인다. 그리고 최종적으로 기본 제공 포스트와 페이지의 제한사항들을 해결할 수 있는 플러그인 보인다. 워드프레스 초기 설치하고, 웹사이트 구성하려고 할 때 포스트와 페이지의 성질부터 분별 할 수 있어야 한다. 워드프레스 관리자 화면에 보면, 포스트는 '글' 로 표시되고 있지만, 이 글에서는 포스트라는 용어로 사용한다. 포스트와 페이지는 워드프레스가 골격 설계될 때부터 운용하는 방식이 다르게 분리해둔 것이다. 워드프레스에서 기본 포스트와 페이지 차이점. 포스트와 페이지의 용도에 의한 차이점. 워드프레스는 아래와 같은 용도별 분리기준으로 포스트와 페이지를 다르게 생각하고.. 2014. 10. 9. 우커머스 상품에 사용자 정의 탭 추가 플러그인 조사 우커머스 기본 제공되는 탭은 상품기본소개 하나 뿐이다. 상품페이지에서 보이는 탭이 기본 제공되는 1개 외에 추가로 꼭 필요한 경우가 있다. 이를 사용자가 임의로 탭을 추가할 수 있는 플러그인 조사 해보고 쓸만한것 골라본다. 1. WooCommerce Custom Product Tabs Lite https://wordpress.org/plugins/woocommerce-custom-product-tabs-lite/ 탭의 contents 편집기 : 탭의 Contents 에 위지윅 편집기 제공안됨. 추가 가능한 탭의 수량 : 1개 만 가능. 2. WooCommerce Custom Tabs https://wordpress.org/plugins/woocommerce-custom-tabs/ 탭페이지의 content.. 2014. 10. 8. CM Tooltip Glossary 설치,사용법-워드프레스 툴팁 표현 플러그인. 개요 본 글에서는 워드프레스 플러그인 CM Tooltip Glossary 설치와 기본활용법을 보인다. 플러그인의 기능 : 웹 페이지 글 내용 중에 미리 지정된 용어에 마우스를 가져가면 자동으로 툴팁을 보이고 그 속에 해당용어 설명 표현 한다. 플러그인 URL : https://wordpress.org/plugins/enhanced-tooltipglossary/ 기타 정보 : CM Tooltip Glossary 외의 여러 종류의 툴팁 플러그인 조사 자료 보기 -> http://igotit.tistory.com/59 1.설치 - CM Tooltip Glossary 워드프레스 관리 사이트 좌측 메뉴 -> 플러그인 -> 플러그인 추가하기 -> 우화면 검색창에 CM Tooltip 으로 검색된 결과에서 보이는 아래.. 2014. 10. 5. 워드프레스 툴팁(tool tip) 플러그인 조사. 조사목적 : 웹 페이지 글 내용 중에서, 특정 단어나 정해진 지점에 마우스 가져가면 풍선도움말 처럼 보이게 하는 플러그인 들 조사. 툴팁 예 : 무료 플러그인. 1. WordPress Tooltips Wordpress tooltip appear custom hover box when the user hovers the pointer over an item, You can add tooltips for post title/content/excerpt/tags/arch Version: 3.4.7 Updated: 2014-9-7 Downloads: 31,221 Average Rating: 3 stars(24) 검토. 툳팁에서 보이는 컨텐츠 관리방식 : 본 플러그인 설치하고 활성화면 워드프레스 관리자 메뉴에 '.. 2014. 10. 5. 웹페이지 목차, 스크롤 따라다니게 하기, sticky, floating 개요 - 스크롤 따라다니는 목차 구현대상 본 글에서는 워드프레스의 글의 목차가 앞부분에 고정되지 않고 사용자가 브라우저 스크롤 해도 차례가 따라 다니도록 구현한다. 필요성 웹사이트에 게시된 1페이지 문서의 길이가 길고, 헤딩 부가된 제목이 여러 개 있는 문서는 차례를 보여주면 매우 유용하다. 통상 문서의 첫 부분에 고정된 차례가 제시 되는 경우가 많으나(아래 그림), 사용자가 웹브라우저를 아래로 스크롤 하면 차례는 보이지 않게된다. 문서 내에서 다른 부분으로 찾아가려면 다시 문서의 상단으로 와서 차례를 보고 찾아가야 한다. 안 좋다. 위 문제를 해결하기 위하여 본 글에서는 차례를 사이드바의 위젯에 배치하고 스크롤을 따라다니게 구현한다. 사용자가 스크롤 해도 차례는 계속 보이므로 문서내의 다른 곳으로 찾아.. 2014. 10. 5. 워드프레스 Table of Contents Plus 플러그인 설치,기본사용법-차례 자동 표시. 개요-Table of Contents Plus (TOC+) 플러그인 Table of Cpntents Plus 설치, 기본활용법 정리. Table of Cpntents Plus 플러그인 기능 : 워드프레스로 작성한 글의 헤딩(h1, h2, h3,...,h6) 을 자동 검출하여 차례를 만들어 준다. 차례를 표현하는 영역은 문서 내용중에도 가능하고, 위젯에도 표현가능하다. 플러그인 URL : https://wordpress.org/plugins/table-of-contents-plus/ 1.설치-Table of Contents Plus (TOC+) 워드프레스 관리 사이트 좌측 메뉴 -> 플러그인 -> 플러그인 추가하기 -> 우화면 검색창에 Table of Contents Plus 로 검색된 결과에서 아래 프러.. 2014. 10. 5. 워드프레스 Q2W3 Fixed Widget 플러그인 설치,기본사용법-사이드바 위젯이 스크롤 따라다니게 하는 것. 개요- 플러그인 Q2W3 Fixed Widget 본 글에서는 플러그인 Q2W3 Fixed Widget 설치 와 기본 사용법을 보인다. 플러그인의 기능 : 브라우저 화면을 스크롤 해도 위젯이 따라 다니게 한다. 모든 위젯에 적용가능하다. 플러그인 URL : https://wordpress.org/plugins/q2w3-fixed-widget/ 1. 설치하기 - Q2W3 Fixed Widget 워드프레스 관리 사이트 좌측메뉴 -> 플러그인 -> 플러그인 추가하기 -> 우 화면 검색창에 Q2W3 Fixed Widget 기록하고 검색하여 보이는 아래 플러그인을 지금 설치하기 버튼 클릭하여 설치하고 활성화 한다. 플러그인을 설치하고 나면 관리자 사이트의 메뉴에 아래 처럼 Fixed Widget Options 추가.. 2014. 10. 4. 워드프레스 소스 코드 하이라이트 플러그인 Crayon Syntax Highlighter 설치 및 활용법 개요 본 글에서는 워드프레스의 플러그인 Crayon Syntax Highlighter 설치 및 활용법을 정리한다. 관련글 : 비 설치형 코드 하이라이트 비교 및 선택. 워드프레스에서는 비설치형에서 생성된 코드 하이라이트 된 것을 붙여넣기 하면 좋은 품질의 코드표현이 이뤄지지 않는것 같다. 1. 설치 Crayon Syntax Highlighter. 설치방법 : 워드프레스 관리자 사이트의 좌측메뉴 -> 플러그인 추가 -> Syntax Highlighter 로 검색. 하면 아래 그림의 플러그인을 볼 수 있다. 지금설치하기 버튼 클릭 하여 설치하고 활성화 한다. 설치하고 나면, 워드프레스 관리자 좌측메뉴의 설정에 Craton 이라는 메뉴가 추가된다. 끝.-설치. 2. 활용법. 워드프레스 글쓰기로 가면 아래 그림.. 2014. 10. 3. 워드프레스. 플러그인(Post Snippets) 이용 구글드라이브 이미지 삽입 개요 본 글에서는 워드프레스에서 글 작성시, 내 계정의 구글 드라이브에 있는 이미지를 간단한 절차로 삽입 가능한 셋팅방법을 설명한다. Post Snippets 라는 플러그인을 활용함이 요점이다. Post Snippets 는 text, html, php shortcode 를 미리 생성해두고 글 작성시 빠르게 미리준비된 snippets을 글 내용에 포함시키는 범용적인 툴이다. 삽입시점에 인자전달이 가능함이 특징이다. 우리는 Post Snippets 을 생성할 때 이미지 삽입태그의 html snippet 을 만들면서 구글드라이브에서 "웹에공개" 한 폴더의 주소를 기록해두고, 글 작성 중에는 snippet 삽입시 입력변수로 지정해둔 이미지의 이름만 기록하는 것으로 단순화 처리되게 한다. 사전 준비물. - 본 글.. 2014. 10. 3. 워드프레스 플러그인 Post Snippets 설치,기본활용법 개요 - Post Snippets 본 글의 정보2개. 1. Post Snippets 설치. 2. Post Snippets 기본활용법. (html, php숏코드 snippet 만들기 예.) Post Snippets ? 기능특징 : 문서작성시 text, html, php 숏코드들을 미리 준비해두고 문서내에 쉽게 삽입가능한 플러그인이다. 변수지정이 가능하여 삽입시 지정한 변수값에 따른 처리가 이뤄져셔 표현된다. 플러그인 URL : https://wordpress.org/plugins/post-snippets/ 사용법 설명 : http://wpstorm.net/wordpress-plugins/post-snippets/ 설치 - Post Snippets 워드프레스 관리사이트 좌측메뉴 -> 플러그인 -> 플러그인 .. 2014. 9. 29. 구글드라이브 간편하게 사용하는 워드프레스 플러그인 조사. 워드프레스에서 구글 드라이브 편하게 사용할 수 있는 플러그인들 조사해봄. 원하는 기능. 1. 워드프레스에서 구글드라이브의 이미지를 문서삽입하거나, pdf파일등의 문서첨부를 편하게 달성가능한것. 2. 해당업무 담당자가 헷갈리지 않을 것. 3. 해당 플러그인을 도입함에 따른 관리체계가 산만하지 않고 명확하여 지속운영가능할것. 무료 1. Google Drive Embedder 다운로드수: 13,167 https://wordpress.org/plugins/google-drive-embedder/ 특징. - 추가 플러그인 Google Apps Login 도 설치해야함. - 워드프레스내에서 구글드라이브 파일리스트를 볼 수 있고 선택하여 문서내에 포함하는 기능. - 이미지뿐만 아니라 구들 드라이브에 있는 파일링크도 .. 2014. 9. 27. 이전 1 2 다음