분류 전체보기 ( 2408 ) 워드프레스 포스트(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. 완전정리-클라우드 드라이브를 호스팅서버로 활용하는 법. Cloud Drive for Hosting 웹호스팅시에 클라우드 드라이브를 이미지(혹은 기타 파일들)의 호스팅 용도로 사용하고 싶은데, 대부분의 클라우드 드라이브는 다이렉트 링크를 막아둬서 호스팅 용도로 사용하기 어렵다. 구글드라이브는 호스팅서버로 사용가능하다. 본 글은 구글 드라이브를 호스팅서버로 활용하는 방법들을 정리한다. 각 단계별 세부 정보들은 블로글 내부 글로 연결되어있다. 필요한 정보에 찾아가기 쉽게 구성한 정리글. 실전활용 필수정보만 정리 구글드라이브를 호스팅 서버로 활용하기. 주의: 본 설명에서의 "구글드라이브를 웹에서 파일이나 이미지등의 호스팅 용도"로 사용하는것 불가함. 사유 : 구글측에서 호스팅 주소로 접근 불가하게 서비스 중지하였음. 구글측의 구글드라이브 호스팅 기능 일방 중단 통보.. 2014. 10. 4. 워드프레스 소스 코드 하이라이트 플러그인 Crayon Syntax Highlighter 설치 및 활용법 개요 본 글에서는 워드프레스의 플러그인 Crayon Syntax Highlighter 설치 및 활용법을 정리한다. 관련글 : 비 설치형 코드 하이라이트 비교 및 선택. 워드프레스에서는 비설치형에서 생성된 코드 하이라이트 된 것을 붙여넣기 하면 좋은 품질의 코드표현이 이뤄지지 않는것 같다. 1. 설치 Crayon Syntax Highlighter. 설치방법 : 워드프레스 관리자 사이트의 좌측메뉴 -> 플러그인 추가 -> Syntax Highlighter 로 검색. 하면 아래 그림의 플러그인을 볼 수 있다. 지금설치하기 버튼 클릭 하여 설치하고 활성화 한다. 설치하고 나면, 워드프레스 관리자 좌측메뉴의 설정에 Craton 이라는 메뉴가 추가된다. 끝.-설치. 2. 활용법. 워드프레스 글쓰기로 가면 아래 그림.. 2014. 10. 3. 웹 사이트 글에 소스코드 하이라이트 표현 비설치형 비교 및 선택 개요 목적 : 운영중인 웹사이트의 글 내용에 소스코드를 보이게 하려는 경우, 소스코드의 문법에 맞게 색상으로 하이라이트 되어 표현되게 하고싶다. 위 목적을 달성하는 방법은 크게 3종류가 있다. - 본 글에서는 3번 웹기반 변환서비스 이용하는것을 다룬다. 1. 본인이 사용하는 블로그의 서버에 이미 설치되어있는 것.2. 자신이 직접 코드 하이라이트 기능을 위하여 설치하는 것.3. 웹기반으로 코드 문법 하이라이트 변환서비스를 이용하는 것. 이 중에서 1과 2는 사이트 운영하는 서버에 의존적이고, 2번의 경우 설치하는 과정을 거쳐야 한다. 싫다. 제외한다. 본 글은 3번 방식에 대해서만 조사된 자료이다. 웹기반 서비스도 많아서 어떤 것을 선택할지 비교해봐서 골라야 한다. 본 글에서는 웹기반 코드변환 서비스들을 .. 2014. 10. 3. 워드프레스. 플러그인(Post Snippets) 이용 구글드라이브 이미지 삽입 개요 본 글에서는 워드프레스에서 글 작성시, 내 계정의 구글 드라이브에 있는 이미지를 간단한 절차로 삽입 가능한 셋팅방법을 설명한다. Post Snippets 라는 플러그인을 활용함이 요점이다. Post Snippets 는 text, html, php shortcode 를 미리 생성해두고 글 작성시 빠르게 미리준비된 snippets을 글 내용에 포함시키는 범용적인 툴이다. 삽입시점에 인자전달이 가능함이 특징이다. 우리는 Post Snippets 을 생성할 때 이미지 삽입태그의 html snippet 을 만들면서 구글드라이브에서 "웹에공개" 한 폴더의 주소를 기록해두고, 글 작성 중에는 snippet 삽입시 입력변수로 지정해둔 이미지의 이름만 기록하는 것으로 단순화 처리되게 한다. 사전 준비물. - 본 글.. 2014. 10. 3. 티스토리에 구글드라이브 이미지 조금 쉽게 넣기. 서식이용. 개요 자신계정의 구글드라이브에 올려진 이미지를 티스토리에 넣는 방법으로는 1. 직접 html 태그편집하여 넣는 방법. 2. 글 편집기 상단에 아이콘중에 '외부컨텐츠' 삽입기능 이용하여 넣는 방법도 있다. 1과 2의 설명은 여기 -> http://igotit.tistory.com/31 위의 2가지 방식모두 구글드라이브의 호스팅 베이스경로와 파일이름을 기록하는 과정이 효율적이질 못하다. 본 글에서 티스토리 글 작성 기능 중 '서식'을 이용하여 미리 구글드라이브에 있는 이미지의 베이스 경로를 미리 기록해둔 html 이미지 표현태그를 만들어두고 글 작성시 빠르게 구글드라이브 이미지 삽입하도록 해본다. 1. 외부 이미지 삽입용 서식만들기. 티스토리 새 글 쓰기에서 서식으로 타입을 지정하고, html 편집창을 선택.. 2014. 10. 2. Flickr 활용팁 Flickr 사이트 : http://flickr.com/ 1. Flickr 툴 모음 : http://www.quickonlinetips.com/archives/2005/03/great-flickr-tools-collection/ 2. Flick Uploadr -> http://flickr-uploadr.en.softonic.com/ - PC에서 Flickr에 이미지 올릴 때마다 사이트 방문해서 업로드하는건 번잡스럽다. 전용 소프트웨어 이용함이 더 편리. 특히 수량 많은 경우. 3. Flickr 웹주소 설정하기. Flickr의 자신계정의 이미지를 볼때 주소창에 보이는 자신의 웹주소를 알기쉽게 지정하는것. 기본값은 무의미한 문자숫자임. 방법 : Flickr 사이트에서 설정 -> 계정 페이지의 개인정보에서 F.. 2014. 10. 1. NetDrive 설치 활용-구글드라이브를 PC에서 넷(로컬)드라이브로 인식 여러 개의 구글 드라이브를 PC에서 네트워크드라이브로 인식가능. NetDrive를 설치하면, 자신의 PC에서 구글드라이브를 네트웍크드라이브로 인식한다.( 로컬드라이브로 인식되게 설정할 수 도 있다). 무엇보다 더 강력한 기능은 자신의 구글계정이 2개 이상이고, 자신의 PC에서 구글 드라이브를 2개 이상 동시에 연결시켜 작업해야할 경우 NetDrive가 이를 가능하게 해준다. 활용예 - NetDrive 설치하여 PC에서 3개의계정으로 구글 드라이브 각각을 네트워크 드라이브로 인식시킨 모습. 기타 : 로컬 드라이브로 인식시키면 네트웍크 드라이브보다 파일액세스 속도가 떨어지는 것 같음. NetDrive 설치하기. 구글 드라이브 외에도, Box, OneDrive, amazon, openstack, FTP, We.. 2014. 9. 29. 워드프레스 플러그인 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. 구글 드라이브 API key (Google Drive API key) 생성. 클라이언트 아이디 받기등의 Drive API 인증처리. 개요-Google Drive API key 생성. 본 글에서 제시하는 정보 : 자신의 구글계정의 드라이브에 Drive API 활성화하고 인증처리하여 클라이언트 아이디등의 인증 key 생성하는 방법 상세. 본 설정과정을 수행한 경우 최종적으로 달성되는 것들. 1. 자신계정의 구글 드라이브에 Drive API 를 사용가능 상태로 만든다. 2. 상기1의 Drive API 의 보안관련 아래 4 개를 확보한다. (1) 확장자 .p12 인 p12 key 파일. (2) Client ID (3) Email address (4) Public key fingerprints 이 정보들은 자신이 직접 구글 드라이브 핸들링 하는 앱개발시 혹은 다른 응용프로그램에서 자신의 구글 드라이브 핸들링 할 수 있는 권한을 줘야 하는 경우.. 2014. 9. 27. 구글드라이브 간편하게 사용하는 워드프레스 플러그인 조사. 워드프레스에서 구글 드라이브 편하게 사용할 수 있는 플러그인들 조사해봄. 원하는 기능. 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 ··· 130 131 132 133 134 다음
