지속가능티끌/웹,워드프레스 ( 122 ) 워드프레스 사용자 정의 필드(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. 워드프레스 사용자 정의 필드(Custom Field) 기본 활용법. 개요 본 글은 워드프레스에서 포스트나 페이지 작성시 사용자 정의 필드(Custom Filed) 입력이 가능한데, 이것이 무엇이며, 어떤 경우 사용하는 것이며, 사용자 정의 필드를 포스트에 표현하는 법을 보인다. 1. What? 사용자 정의 필드 (Custom Fields) 1개의 포스트와 연결시킬 수 있는 다른 데이터 요소로 카테고리, 태그, 사용자 정의필드가 있다. 카테고리, 태그는 포스트에서만 연결가능하고, 페이지에서는 연결불가하나, 사용자 정의 필드는 포스트뿐만 아니라 페이지에서도 정의 가능하다. 정확하게는 사용자정의 필드는 카테고리와 태그와는 달리 해당포스트에 추가된(종속된, 혹은 포스트를 더 세밀하게 정의하는) 정보 요소이다. 카테고리와 태그는 포스트에 추가된 데이터 요소가 아닌 포스트를 그룹핑.. 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. 워드프레스에서 구글 드라이브 이미지 넣기-미디어추가의 URL삽입하기 이용. 개요 구글 드라이브에 올려둔 이미지를 워드프레스에서 보이게 하기. 워드프레스 새글 편집창에서 '미디어추가"에서 'URL에서 삽입하기' 로 구글드라이브의 이미지 주소를 기록하여 삽입한다. 본 글에서 이 과정을 상세히 보인다. 본 글의 설명내용은 아래 사전준비사항이 완료되어있는 상태에서 이뤄진다. 사전 준비사항. 구글드라이브에 '웹에공개"로 설정된 폴더가 준비되어있어야 한다. 안되어있다면 아래 상세설명 보고 설정하기. 1. 구글 드라이브에 폴더를 추가하고 -> 방법 보기 2. 1에서 만들어진 폴더를 "웹에 공개" 로 설정해둬야 한다. -> 방법 보기. 3. 공개된 폴더에 있는 파일의 주소를 확보한다. -> 방법보기 (2가지 방법 중 2번째것) 상세-워드프레스 미디어추가의 'URL에서 삽입하기' 이용방법 1... 2014. 9. 27. 이전 1 ··· 4 5 6 7 다음
