분류 전체보기 ( 2546 ) 워드프레스 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. 매일 정해진 시간에 컴퓨터 자동 종료 혹은 재부팅 시키기 - 윈도우 기본 프로그램(shutdown + 스케쥴러)만 이용. 윈도우 운영체제에서 기본 제공되는 프로그램인 shutdown.exe 와 작업스케줄러 2개의 프로그램을 이용하여, 매일 지정한 시간이 되면 컴퓨터가 자동으로 종료되게 할 수 있다. 자동 종료뿐만 아니라 재부팅 시킬 수도 있다. 추가 팁 : 윈도우에서 기본 제공되는 "작업스케쥴러" 는 지정된 시간(매일, 매주, 매월), 혹은 지정된 이벤트(예: 컴퓨터 로그인등)에 임의프로그램을 실행 시킬 수 있는 유용한 범용의 툴이다. 본 예에서 보이는 단순히 컴퓨터를 종료시키는 것외에도 지정된 시간에 다른 프로그램을 실행시킬 수 있다. 작업스케줄러 설정에서 실행시킬 프로그램을 무엇이든 선택해주면 된다. 방법요약 작업스케줄러 실행하여 새로운 작업을 등록하면서, 작업의 실행할 프로그램에 shutdown.exe /s 가 실행되.. 2014. 10. 14. 워드프레스 멀티사이트 만들기. 여러 사이트를 1개의 워드프레스로 구축하는 방법 개요- 워드프레스 멀티사이트 본 글에서는 워드프레스 멀티사이트 구축하는 방법을 정리한다. 멀티사이트의 홈으로 접속하는 주소는 서브디렉토리 방식을 예로 든다. 멀티사이트 구축하는 과정은 아래와 같이 총6 단계로 이뤄지며, 각각의 단계에서 설정방법을 완전하게 설명하고 있다. 단계1. wp-config.php 파일 수정하기. 단계2. 결정하기 멀티사이트 접근주소 결정하기. 단계3. 서브디렉토리 설정하기.(앞의 단계2에서 서브디렉토리를 사이트 접속주소로 결정했기 때문에 서브디렉토리 설정함.) 단계4. 새로운 사이트 만들고 서브디렉토리 주소로 접근하면 웹에서 보이게 하기. 단계5. 새로운 사이트의 테마 변경해보기. 단계6. 멀티사이트 설정 과정에서 기본사이트의 자동 부착된 보기싫은 /blog 제거하기. 이해하기 .. 2014. 10. 14. htaccess,인코딩, ANSI,UTF-8,유니코드, Internal Server Error 문제 상황 카페24에서 아파치,php 환경 호스팅 상황에서, .htaccess 파일을 윈도우 메모장에서 저장할 때 유니코드나 UTF-8 인코딩 형식으로 저장한 것을 웹서버에 업로드 하면, 브라우저로 접속시 아래 처럼 Internal Server Error 를 보임. 해결책. .htsccess 파일을 저장할 때 ANSI 로 저장해서 웹서버로 파일업로드하면 위 에러 없이 정상적인 웹사이트 보이게됨. 필수 참고 : 1. php 파일은 UTF-8 로 문자인코딩 선택하여 저장해서 업로드 해야 정상 작동함. 2. 메모장에서 문자인코딩 선택하여 저장하는법 -> http://igotit.tistory.com/84 2014년 11월 6일 추가 : 카페24측에서 설정 정상화 했다. UTF-8 (BOM없는) 로 인코딩된것을.. 2014. 10. 14. 워드프레스 플러그인 만들기 시작점. 개요 본 글에서 워드프레스의 플러그인을 직접 만드는 시작점을 다룬다. 직접 플러그인을 만드는 과정의 기초 중의 기초. 자신이 만든 플러그인을 워드프레스에 설치하기 위해서는 php 코드 파일1개만 있으면 되며, 앞부분의 주석내에 양식에 맞게 내용기록하기만 하면된다. 플러그인 의 옵션파일로 Readme.txt 가 있는데, 플러그인 설치했을때 플러그인의 설명문에 보이는 내용이 기록된다. 본 글에서는 필수 php 파일1개와 readme.txt 파일1개 단 2개의 파일만 이용하여 플러그인을 직접 만들고 워드프레스에 설치하는 과정까지 보인다. php 파일의 내용에는 php 코드도 없다. 코드 작성은 별도의 글에서 다룬다. 본 글의 모든 내용은 codex 에서 제공하는 정보 기반 한다. -> http://codex... 2014. 10. 13. 워드프레스 테마 만들기 시작점. style.css, index.php 개요 본 글은 워드프레스 테마를 단 2개의 파일(style.css, index.php) 로 직접 만드는 과정을 정리한다. 테마만들기 가장 기초 중의 기초에 해당한다. 테마를 직접 만들어 보는 목적은 워드프레스 체계의 골격을 명확히 이해하기 위함이다. 워드프레스 설치 후 기본제공 되는 테마 폴더를 열어보면 간단한 테마 임에도 파일들이 많아서 코드 분석 목적에서는 도움이 안된다. 테마를 직접 만드는 과정을 진행하면서 처음 부터 수십 개의 파일로 시작하지 않는다. 테마로 인식되기 위한 최소한의 상태에서 시작하여, 워드프레스의 동작을 살펴보고, 이후 점진적으로 코드들을 추가하면서 복잡한 요소까지 살펴볼 목적이다. 그 첫번 째 작업으로, 파일2개 만으로 우리의 테마를 만들어서 압축파일로 만들어서, 워드프레스에서 .. 2014. 10. 13. 메모장에서 저장시 인코딩 방식 선택. ANSI, 유니코드, UTF-8 메모장에서 저장시 인코딩 방식 선택가능하다. ANSI, 유니코드, UTF-8 (BOM이 붙어있는 UTF-8임) 이 지원된다. 아래 그림처럼 메모장에서 다른 이름으로 저장하기 에서 붉은 박스 부분에서 인코딩 타입을 선택하여 저장 가능하다. 주의사항 UTF-8 BOM 관련 : UTF-8 은 BOM이 붙은 것과 BOM이 붙지 않은 형식이 있다. BOM이란 Byte Order Mark 이며 3바이트를 차지하는 인코딩 식별용으로 사용하는 마커바이트다. 메모장의 UTF-8 은 BOM 이 앞부분에 부착되는 형식으로 저장된다. 그런데, BOM이 문제가 되는 경우가 있다. BOM 부착된 UTF-8 형식의 파일을 유닉스에서 사용하려는 경우다. 유닉스같은 경우 BOM을 사용하지 않기 때문에 메모장에서 UTF-8 로 저장된 .. 2014. 10. 13. 워드프레스기반 구조화된 정보 정의(포스트들 사이의 관계 만들기) 개요- 워드프레스 기반, 구조화된 정보정의. 본 글은 관계형 데이터베이스에서 테이블을 생성하고, 테이블사이의 관계를 형성하는 것과 유사하게 워드프레스 기반으로 구조화된 정보정의를 구축하기 위한 실전적 방법을 정리한다. 구조화된 정보 - Structured Information. - 본 글에서 구조화된 정보란, 취급해야할 대상의 정보요소들이 2개 이상이면서 이들 정보요소들이 서로 연관되어 있어서 정보들의 연관을 시스템적으로 정의될 수 있어야 함을 의미한다. 즉 사람의 머리 속에만 이 요소와 저 요소가 연관되어있다 라는 식으로 관리하지 않고 데이터요소의 정의 단계에서부터 연관이 설정될 수 있게 함을 의미한다. 앞에서 언급한 "시스템적으로 정의 된다"에서 시스템이란 본 글에서는 워드프레스를 의미한다. 관계형 .. 2014. 10. 12. 워드프레스 사용자 정의 포스트(Custom Post),템플릿,카테고리,태그 직접 만들기. 개요 - 사용자 정의 포스트 & 템플릿 & 택소노미 본 글에서는 워드프레스에 사용자 정의 포스트와 사용자 정의 포스트 전용 템플릿, 사용자 정의 포스트의 전용 택소노미(카테고리와 태그)를 플러그인 사용하지 않고 직접 만드는 방법을 설명한다. 본 글에서 다루는 내용은 워드프레스 설치하면 기본 내장된 포스트와 페이지의 개념은 이해된 상태를 전제로 한다. 워드프레스 기본 내장 포스트와 페이지 이해 -> http://igotit.tistory.com/62 사용자 정의 포스트를 만들게 되면 포스트를 표현하는 템플릿도 같이 만들 일이 생긴다. 본 글에서는 사용자 정의 포스트와 이를 웹페이지에 표현하는 사용자 정의 템플릿 만드는 방법도 다룬다. 마지막으로 카테고리와 태그 만드는 방법을 설명한다. 용어. 사용자 정의 .. 2014. 10. 11. 워드프레스 사용자 정의 필드(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. 이전 1 ··· 137 138 139 140 141 142 다음
