지속가능티끌/웹,워드프레스 ( 122 ) 워드프레스. 사용자 권한 (Role) 종류. 워드프레스에서 사용자 추가할때 아래 그림처럼 권한을 설정할 수 있다. Subscriber : 글 작성 불가. 본인 프로필만 관리가능. Contributor : 프스트 작성 가능. 퍼블리시 불가능. Author : 포스트 작성,퍼블리시 가능. Editor : 포스트,페이지 작성 퍼블리시 가능. Administrator : 모든 관리권한. ///1215. 2017. 2. 19. 워드프레스 수동 업데이트. 1. 서버측 모든 워드프레스 폴더와 파일 로컬PC로 받아둔다. 2. 새버전의 워드프레스 압축파일을 로컬PC로 받아 압축해제. 3. 서버측 폴더 2개 wp-admin, wp-includes 삭제. 4. 상기2의 wp-admin, wp-includes 를 서버로 업로드. 5. 상기2의 wp-content 를 서버에 업로드한다. 서버측의 동일 폴더명 wp-content 에 덮어쓰기 하는것임. 수동업데이트 진행하다가 실패한 경우 원상복구방법 - 서버의 3개 폴더 wp-admin, wp-inlcudes, wp-content 폴더 모두 삭제하고, - 상기 1에서 받아둔 3개 폴더 wp-admin, wp-inlcudes, wp-content 를 서버로 업로드한다. ///1214. 2017. 2. 17. CKEditor. Plugin. LightBox. site main : http://lokeshdhakar.com/projects/lightbox2/ 예제보기 있음. site : http://ckeditor.com/addon/lightbox github : https://github.com/lokesh/lightbox2/ ///950. 2016. 9. 8. 파비콘( favicon) 만들기, 웹 사이트 적용하기. 파비콘(favicon) : 웹브라우저 주소창에 아이콘 표시되는것. 파비콘 파일 확장자 : ico, png 사이즈 : 16x16픽셀 기본규격이나, 32x32 이미지 사이즈로 해도 정상표현됨. 파비콘 만들어주는 사이트들. 1. http://www.degraeve.com/favicon/ 2. http://favicon-generator.org 3. http://tools.dynamicdrive.com/favicon/ 4. https://iconverticons.com/ 사이트에 적용하기. ///948. 2016. 9. 6. rss 만들기. rss2.0 골격. 1개의 내부에 여러 개 가능. 브라우저에게 rss 제공됨 알리기. RSS2.0 규격. - http://cyber.law.harvard.edu/rss/rss.html 위 주소에서 channel 과 item 의 필수 요소와 옵션 요소들 설명이 되어있다. 기타.날짜 부분은 RFC822 포맷이어야 함. http://validator.w3.org/feed/docs/error/InvalidRFC2822Date.html 제목등의 표현 문자열에 아래 문자는 변경 처리해야함. (greater-than sign) ==> > & (ampersand) ==> & rss 유효성 점검 사이트. http://validator.w3.org/feed/http://ww.. 2016. 9. 5. CKEditor. 커스텀 CSS 적용. CKEditor 편칩창내에서 적용되는 기본 설정 css 파일은 ckeditor/contents.css 로 되어있다. 다른 css 파일 적용법 : 아래 코드에서 contentsCss 부분. ///939. 2016. 9. 3. CKEditor. 수직 스크롤바 항상보이기. CKEditor 의 편집창의 수직스크롤바 항상 보이게 하기. ckeditor 폴더의 contents.css 에 아래 구문 추가한다. ///938. 2016. 9. 3. CKEditor. Plugin. Cy-GistInsert. 설치 및 기본 사용법. gist 코드 삽입 편리하게. 개요. Cy-GistInsert 는 GitHub Gist 의 코드를 CKEditor 에 삽입처리 편하게 하는 플러그인. 설치방법. Cy-GistInsert 입수 : GitHub. https://github.com/igotit-anything/Cy-GistInsert 의 압축파일 Cy-GistInsert.zip 다운로드.(일반 CKEditor 플러그인 설치 방법과 동일함. )1. Cy-GistInsert.zip 다운받고 , 차단해제처리-> http://igotit.tistory.com/5522. 압축풀면 보이는 폴더 Cy-GistInsert 전체를 웹서버의 ckeditor/plugins/ 하위에 모두 업로드.3. 웹서버의 ckeditor/config.js 파일 열어서 config.extraPlugins =.. 2016. 8. 28. CKEditor. Plugin 직접 만들기. 예: Cy-GistInsert 개요 CKEditor 에서 작동하는 플러그인 만드는 방법본 글에서 예로 사용되는 플러그인 명칭 : CyGistInsert.본 글에서 사용되는 CKEditor 버전 : 4.5.10. (2016년 8월 27일 시점 최신버전) 정리된 내용. 1. CKEditor plugin 기본골격 만들기.2. CKEditor plugin 에 대화상자 추가하기.3. CKEditor plugin 에 컨텍스트 메뉴 추가하기. References.1. plugin basic : http://docs.ckeditor.com/#!/guide/plugin_sdk_sample2. plugin 만들기 1 : http://docs.ckeditor.com/#!/guide/plugin_sdk_sample_13. plugin 만들기 2 : htt.. 2016. 8. 27. CKEditor. html태그 자동 삭제 방지 설정. 개요 증상. CKEditor 기본 설정옵션으로는 편집창에 html 태그(예 : , 등 ) 기록한 경우, 처음에 한번은 정상적으로 기록된것처럼 보이나, 다시 수정하려고 CKEditor 편집창 열면 태그들이 자동 삭제된다. 태그들 자동삭제 방지 옵션 설정하기. Colored By Color Scripter™12345678910 그러나, 위 설정을 했다고 해서 태그 표현이 완전히 정상화 되지는 않았다. 설정 allowedContent: true, 로 하면 최소한 html 소스 수준에서는 태그를 자동 삭제하지 않는 정도에서 활용하기로 함. 즉, allowedContent 를 true로 설정해도 아래 예1,2처럼 CKEditor 는 어중간한 처리 수행함. 예1, 태그인 경우.1. CKEditor 위지윅편집모드에서.. 2016. 8. 27. gist-embed 설치. 사용예 개요. gist-embed : GitHub Gist 에 작성된 코드(언어문법에 맞게 색상처리된)를 웹페이지에서 보이기 할 때 상세옵션 적용가능한 자바스크립트. 설치 방법 : https://github.com/blairvanderhoof/gist-embed 옵션설정법 : http://blairvanderhoof.com/gist-embed/ gist-embed를 사용하지 않는 통상적인 방식( 를 복사해서 소스편집창에 붙여넣기 방식)으로 Gist 의 코드를 웹페이지에 표현하게 되면 아래 처럼 보인다. gist-embed 활용 예 : 줄번호 안보이게 하기. 코드 표현결과. gist-embed 활용 예 : 바닥타이틀바 안보이게 하기. 코드 표현결과. ///910. 2016. 8. 26. CKEditor. 설치.설정 개요. CKEditor 설치, 설정법들. 사전준비사항. 1. CKEditor 다운로드 -> http://igotit.tistory.com/904 CKEditor 웹서버 설치. CKEditor 는 웹서버에 폴더를 통째로 올리기만 하면 되며, 서버측에서 특별히 설정할것 없음. 다운로드 받은 압축파일 해제하여 풀더명 CKEditor 전체(아래그림 붉박폴더 전체)를 서버에 ftp 등으로 업로드하면 됨. CKEditor 웹페이지에 추가. CKEditor 를 웹페이지에서 활용하는 기본 개념. 아래 코드 처럼 작성됨. 즉, editor1 이라는 아이디를 갖는 textarea 의 것이 편집기에 표현된다. Colored By Color Scripter™123456789101112131415161718192021 This.. 2016. 8. 22. CKEditor. 개요, 다운로드. 위지윅 웹에디터. 개요 CKEditor. 자바스크립트 기반 위지윅 웹에디터. - 구명칭 : FCKEditor. 주요특징. - 쉬운 이식. 웹사이트 구축언어가 asp든, php든 관계없이 도입용이. - CKEditor 에는 파일업로드 기능 없음. (참고 :파일업로드 솔루션으로 CKFinder 라는 파일 매니징 수단도 제공되어 CKEditor 에 통합가능) CKEditor 사이트 : http://ckeditor.com/CKEDitor 데모 : http://ckeditor.com/demoCKEditor 다운로드 : http://ckeditor.com/downloadCKEditor 개발자용 가이드 : http://docs.ckeditor.com/#!/guide 위젯 (=플러그인과 같은 의미)- 위젯소개 : http://ckedi.. 2016. 8. 22. 워드프레스 포스트, 페이지의 리비젼 수량 제한. 워드프레스에서는 포스트, 페이지 의 현재 내용 이전의 글들을 저장하고 있는데, 이 글의 수량 제한 하는 방법. wp_config.php 의 아래 파란색 글자 처럼 define('WP_POST_REVISIONS',3); 을 기록한다. 3은 3개까지만 리비전을 만들겠다는 것이다. -1 : 수량제한 없음. 0: 리비전 만들지 않음. define('WP_POST_REVISIONS',3); /* That's all, stop editing! Happy blogging. */ 리비전 수량제한 없는 경우. 리비전 수량 3개로 한 경우. 205. 2014. 11. 14. 가비아에서 워드프레스 설치후 localhost, 도메인주소, .htaccess, 한글오류. 워드프레스 초기 셋팅 할 때 가비아 호스팅 환경에서의 특수성 때문에, 아래와 같은 처리사항들을 조치해줘야한다. 1. ftp 호스트네임은 localhost 로 하면됨. 워드프레스 업데이트 나 플러그인 지우고 설치할때 ftp 계정을 계속 물어본다. 이때, hostname 에는 locahost 를 기록하면된다. 그외 사용자 계정과 비번은 호스팅 신청시 설정한 것을 기입하면된다. 2. 워드프레스 설치폴더가 wordpress임. 이것때문에 http://도메인/wordpress 로 접근해야 사이트가 보인다. 이를 http://도메인 으로 접속시 사이트 보이게 하는 것은 통상적인 방법과 동일함. 보기 -> http://igotit.tistory.com/108 - wordpress 폴더속에 원래있었던 index.php.. 2014. 11. 13. 워드프레스 Essential Grid 웹에 표현하기. 개요. 워드프레스에서 Essential Grid 로 만들어진 그리드를 웹에 표현하는 방법 정리. 3가지 방법이 가능하다. 1. 숏코드 삽입방식. (편집기에서 툴바이용하는방법 포함)2. 위젯을 사이드바에 배치하는 방식. 3. Visual Composer 이용하는 방법. 관련정보.Essential Grid 만드는 방법 -> http://igotit.tistory.com/198 1. 숏코드 삽입. Essential Grid 를 포스트나 페이지에 기록하면 웹페이지에서 보일 때는 그리드가 보이게된다. 아래그림의 편집기 상단 툴바 붉은 박스가 Essential Grid 아이콘이다. 이것을 클릭하면 그리드 선택창이 뜬다.선택창에서 우리가 만들었던 egrid1 을 선택하면 글 내용중에 숏코드가 자동으로 들어온다. 웹사.. 2014. 11. 11. 워드프레스 Essential Grid 만들기. 개요 그리드 생성 플러그인 Essential Grid를 이용하여 그리드 생성하는 방법 정리. Essential Grid만드는 전체흐름. 1. Grid Content Source 선택하기. - 포스트, 페이지, 사용자정의 포스트, 갤러리 중에서 선택한다.- 카테고리/태그로 선택세부조정하기, 소스 순서 정하기.2. 스킨 선택하기. 사전정보.Essential Grid 기본정보 -> http://igotit.tistory.com/197 Essential Grid 새로 만들기. 1. Essential Grid 신규 생성하기.워프관리자 좌측 메뉴 Ess.Grid 클릭. 아래 그림의 붉은색 박스 "Create New Ess.Grid" 버튼 클릭. 아래그림 - 신규 생성시 Naming부터 보인다. Title 에 임의 .. 2014. 11. 11. 워드프레스 Essential Grid 기본정보 Essential Grid 개요. 워드프레스 그리드류 플러그인 중 codecanyon 최다판매. 기능개요 : http://codecanyon.net/item/essential-grid-wordpress-plugin/7563340 동작확인 데모사이트 : http://themepunch.com/essential/ 의 Examples 부분. 확보방법. 1. 플러그인 구매 : 위 주소에서 구매. 2. 테마 구입시 번들로 제공되는 것 이용. 예: ROYAL테마 -> http://igotit.tistory.com/189 설치 - 워드프레스 플러그인 통상적인 설치와 동일. - Essential Grid 설치하면 아래그림과 같이 워프메뉴에 Ess.Grid 라는 설정메뉴와 Ess.Grid Posts 라는 포스트형식이 추.. 2014. 11. 11. 이전 1 2 3 4 5 6 7 다음
