워드프레스 ( 76 ) 체계정리-워드프레스 활용 정보 WordPress 활용 정보 정리. 워드프레스를 이용하여 사이트 구축할 때 필요한 실전활용정보 체계적 정리 글. 본 블로그내에서 신규 정보가 새롭게 등록될 때마다 본 페이지에서도 해당정보를 찾아가기 쉽도록 추가 정리되므로 블로그 여기저기 검색할 필요 없이 본 페이지만 보면 워드프레스 관련된 모든 정보를 일목요연하게 볼 수 있음. 설치, 설정 순서 본 내용은 워드프레스를 초기에 설치한 직후에 다른 여러가지 플러그인, 테마, 등등 을 설치하기전에 먼저 설정해둬야 할 사항들 모음이다. 설정 순서가 중요한 경우들이 있다. 아래 번호순서로 하면 무난함. 아래 설치되는 것들 중 특히 멀티사이트,멀티도메인, WPML(다국어플러그인) 은 워드프레스 셋팅 초기에 이뤄지는 것이 타당하다. 즉, 시스템/구조적인 부분은 먼저.. 2019. 12. 31. 워드프레스. 유튜브 동영상 삽입. 크기조절. 쉽게. 개요. - 워드프레스에서 유튜브 동영상 문서 삽입시. 폭 조절 간단하게 하는법. - 총 2단계로 간단히 달성. 단계1. 유튜브 동영상 url 복사.- 워드 프레스 에 삽입할 유튜브 동영상 의 브라우저의 주소창에서 주소 복사. 단계2. 워드프레스 편집기의 Insert -> Media 에 붙여넣고. 폭 조절.메뉴 Insert -> Media (아래그림) 상기 Media 클릭 하여 뜬창(아래그림)에서, 1. 상기 단계1에서 복사한 주소 붙여넣기. (아래 그림 )2. 크기 지정 . 폭을 780 기록하고 높이 부분 마우스로 클릭하면 자동으로 높이 값도 변경된다. (아래 그림) 기타 유튜브 동영상 표시 옵션 설정하는법. 3. 상기 동일창의 탭 Embed 에서(아래그림 파란색 박스). 3.1 주소뒤에 ?rel=0&s.. 2018. 2. 10. 워드프레스. PHP가용 메모리 증가시키기. 개요. 워드프레스 PHP 코드 가용 메모리 증가시키는법 2가지 모두 정리. 1. wp-config.php 에서 메모리 설정하는법. 2. .htaccess 에서 메모리 설정하는법. 상기 방식1로 설정했는 워드프레스 페이지가 안보이는 오류 뜨는 경우 상기 방식2를 이용하여 설정한다. 워드프레스가 사용가능한 기본 메모리는 32Mbyte 로 되어있다. 그러나, PHP 코드가 더 많은 메모리를 요구하는 경우가 있고, PHP코드가 정상 작동하기 위해서는 워드프레스에서 사용가능한 메모리 최대 한계를 증가 시켜야 한다. 1. wp-config.php 파일에 메모리 증가 설정하기. wp-config.php 파일의 구문 /* That's all, stop editing! Happy blogging. */ 앞에 아래와 같이.. 2017. 4. 7. 워드프레스. 발행글 네이버 블로그 자동 등록. idea-naver-sync 플러그인 주소 : https://wordpress.org/plugins/ideanaversync/ ///1265. 2017. 3. 23. 워드프레스. 한글폰트 구글 나눔고딕 적용. 플러그인. 플러그인 주소 : https://wordpress.org/plugins-wp/hangul-font-nanumgothic-google/ 2017. 3. 23. 워드프레스. 편집기 폭 조절하기. 워드프레스 편집기 최대 폭. 워드프레스의 편집기의 폭은 아래 그림처럼 내용작성시 글자가 자동 줄바꿈 되는 끝, 테이블 100% 폭으로 배치시 보이는 폭 지정이다. 상기 그림의 폭은 604 픽셀로 설정된 경우이다. 편집기 최대 폭 설정 방법. 사용중인 테마의 css 파일 중 editor-style.css 에서 .mceContentBody 의 max-width 에 원하는 값 기록. 팁. CSS 수정했음에도 적용되지 않는것처럼 보이는 경우가 대부분일것이다. 웹브라우저에서 이전에 적용했던 내용이 계속 남아있기 때문이다. 작업용으로 사용했던 것이 IE 였다면 크롬(이전에 접속용으로 사용되지 않았던)으로 접속해보면 정상적으로 적용된 것이 보인다. 혹은 IE 의 설정에서 Browsing history 삭제 하고 나서.. 2017. 3. 21. 워드프레스. CKEditor 플러그인. 워드프레스용 CKEditor 플러그인 : https://wordpress.org/plugins/ckeditor-for-wordpress/ 플러그인 설치하여 CKEditor 적용된 모습. 비교 : 워드프레스 기본 편집기모습. 워드프레스에서 CKEditor 사용시 주의사항. CKEditor 를 편집기로 사용하는 상태에서, Visual Composer 비정상 작동함. 비정상 예 : Visual Composer 요소들을 배치된것을 지우려고 해도(아래그림 붉은 원) 안지워짐. ///1217. 2017. 2. 26. 워드프레스 포스트, 페이지의 리비젼 수량 제한. 워드프레스에서는 포스트, 페이지 의 현재 내용 이전의 글들을 저장하고 있는데, 이 글의 수량 제한 하는 방법. 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. 워드프레스 레볼루션 슬라이더 웹에 표현하기.-Revolution Slider 개요 워드프레스에서 "레볼루션 슬라이더" 로 만들어진 슬라이더를 웹사이트에 보이게 하는 방법 정리. 3가지 방법이 가능하다. 1. 숏코드 삽입방식. 2. 위젯을 사이드바에 배치하는 방식. 3. Visual Composer 이용하는 방법. 관련정보.레볼루션 슬라이더 만드는 방법 -> http://igotit.tistory.com/194 1. 숏코드 삽입방식. 레볼루션 슬라이더 리스트를 보면 숏코드가 자동으로 만들어져 있다. 이것을 포스트나 페이지에 기록하면 웹페이지에서 보일때는 슬라이더가 보이게 된다. 포스트나 페이지 편집기 툴바 아이콘중에서 레볼루션 슬라이더 선택할 수 있는 콤보박스 이용하여 간단히 삽입가능하다. 해당 페이지가 웹에서 보이는 모습. 2. 위젯을 사이드바에 배치하는 방식. 레볼루션 슬라이더.. 2014. 11. 11. 워드프레스 레볼루션 슬라이더 만들기.-Revolution Slider 개요. 워드프레스에서 "레볼루션 슬라이더" 를 이용하여 새 슬라이더를 만드는 과정 정리. 용어. 슬라이더(Slider)와 슬라이드(Slide) : 여러 개의 슬라이드 의 모음이 슬라이더. 슬라이더를 새로 생성하고 그 속에 슬라이드를 만드는 것임. 새 슬라이더 만드는 과정. 1. 새 슬라이더 만들기. - 워프관리자 좌측메뉴의 Revolution Slider 클릭하여 새 "Create New Slider" 버튼 클릭한다. (아래 그림) 슬라이더 설정창이 뜬다. (아래그림)- Slider Title : 제목을 영문으로 기록한다. 기존 만든 슬라이더와 중복되지 않게 이름정한다. 예.rslider1- Slider Alias : Slider Title 과 동일이름으로 한다.그외 나머지 것들은 지금단계에서 설정하지 .. 2014. 11. 11. 워드프레스 테마 ROYAL footer 설정방법. 개요 워드프레스 테마 중 ROYAL 의 footer 부분 표현 방법 정리. 관련사전정보.ROYAL테마 설치 및 기본설정 -> http://igotit.tistory.com/189 ROYAL 테마의 footer 설정법. 개념 :로얄테마에서는 푸터영역에 표현되는 컬럼 1개에 사이드바(Custom Sidebar) 1개를 표현하며, 여기서 컬럼이란 Visual Composer 로 만들어진 row 내부에 사용자가 생성한 컬럼이며, 임의로 개수 지정가능함. ROYAL 테마의 footer 설정 전체 흐름. 1. 위젯에서 "Custom Sidebar" 를 임의 이름(예: Product List)으로 새로 생성한다. - Custom Sidebar 는 로얄테마에서 제공하는 기능임. 푸터영역의 1개 컬럼에 사이드바 1개 표.. 2014. 11. 10. 우커머스 설정 - 계정 부분. - WooCommerce Settings Accounts. 개요 우커머스의 설정(Settings) 중 계정(Accounts) 설정법 정리. 1. 계정페이지와 계정최종점.(My Account Page, My Account Endpoints) 2. 회원가입 옵션. (Registration Options) 우커머스 계정 설정 워드프레스 관리자 좌측메뉴의 우커머스 -> 설정 클릭하여 "계정"탭을 클릭. 이곳에서 계정관련 설정을 할 수 있다. 아래그림. 1. 계정페이지와 계정최종점.(My Account Page, My Account Endpoints)아래 그림에서 붉은색 박스에 있는 것은 회원관련 페이지와 주소창의 접근주소를 보이고 있는 것이다. "나의 계정페이지" 기능 : 계정관련으로 처리하는 기능의 페이지를 우커머스에게 지정하는 것이다. 기본 설정은 우커머스 설치시 .. 2014. 11. 8. 워드프레스 테마 ROYAL 설치 및 초기 설정. 개요 워드프레스 테마 ROYAL 의 설치와 ROYAL의 자식테마 만들기, 기본 설정 정리함. 테마 ROYAL 조사 정보 -> http://igotit.tistory.com/187 에서 조사된 4종의 테마중 가장 유용해 보임. ROYAL 테마의 주요특징 : WooCommerce, WPML 호환. 숍 및 상품 표현이 다른 테마 대비 풍부함. 테마정보및 구매처 : http://themeforest.net/item/royal-multipurpose-wordpress-theme/8611976 1. ROYAL 테마 설치 및 자식테마 만들기. 1. 테마파일준비. 구매한 파일을 다운로드 받아서 압축풀면 royal_v1.4.zip 파일이 있다. 2. 테마 설치. 워프 관리자 사이트에서 1에서 준비된 파일을 업로드 시켜서.. 2014. 11. 5. 워드프레스 자식테마 만들기. 활용법 - child theme 개요 워드프레스의 테마를 차일드 테마로 만드는 방법과 자식테마 활용법 정리. 차일드테마 필요성. - 테마의 원본을 수정(예: functions.php 에 코드 추가등)하여 사용 중인데, 테마의 업데이트가 이뤄지면 덮어쓰기 하게되어 수정사항을 모두 잃어버림. - 테마에 수정한 것은 없다고 해도, 테마의 업데이트가 오히려 기존 정상작동하였던 기능에 하자가 발생할 위험성 차단. 어쨌든, 테마파일을 수정하여 사용하려는 경우 무조건 차일드 테마를 만들어서 사이트에 적용시키고 수정이 요구되는 모든 것은 차일드테마의 파일을 수정하도록 함. 본 글에서 다루는 자식테마 설정은 codex에서 제공하는 정보 기반함. -> http://codex.wordpress.org/Child_Themes 자식 테마 만드는 전체적인 흐름.. 2014. 11. 5. 이전 1 2 3 4 5 다음
