워드프레스 / 테마 만들기 / 등록하고 활성화 하기
테마를 등록할 수 있는 최소한의 조건은 style.css와 index.php 두 개의 파일이다. 두 파일만 있으면 테마 목록에 나오고 활성화할 수 있다.
style.css에 테마 정보가 들어가고, index.php로 내용을 출력하는데, index.php에 아무런 내용이 없어도 등록과 활성화는 가능하다.
디렉토리 만들기
테마가 저장되는 위치는 /wp-content/themes이다. 그 디렉토리 안에 적당한 이름의 디렉토리를 만든다.
예를 들어 my-theme이라는 디렉토리를 만들었다면 /wp-content/themes/my-theme 안에 테마 파일들이 들어간다.
style.css 만들기
style.css에는 테마 정보가 들어간다고 했는데, 최소한의 정보는 테마 이름이다. 예를 들어 테마의 이름이 My Theme이라면 아래의 내용으로 style.css를 만든다.
/* Theme Name: My Theme */
만든이, 설명, URL 등 다양한 정보를 넣을 수 있다. 자세한 것은 아래 링크에서 볼 수 있다.
https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/
index.php 만들기
아무런 내용이 없는 index.php 파일을 만든다.
테마 활성화하기
이제 [외모 - 테마]에 My Theme이라는 테마가 보이고 활성화를 할 수 있다.
워드프레스 / 함수 / has_post_thumbnail() / 썸네일 존재 여부 체크하는 함수
has_post_thumbnail()은 썸네일이 존재하는지 체크하는 함수이다. 썸네일이 있으면 TRUE를 반환한다. 썸네일이 있으면 A를 실행한다. <?php if ( has_post_thumbnail() ) : ?> A <?php endif; ?>
워드프레스 / WP-Members / 회원 가입 필드, 페이지, 권한 관리 플러그인
설치하기 에서 WP-Members로 검색하여 설치하고 활성화한다. 설정은 에서 한다. 설정에 처음 접속하면 상단에 여러 가지 메시지가 나올 수 있다. 이런 메시지를 보고 싶지 않다면 에 체크하고 저장한다. 회원 가입 필드 설정하기 에 가면 회원 정보와 관련된 필드가 나온다. 사용 여부와 필수 여부, 순서 등을 정할 ...
워드프레스를 공부하거나, 테마를 만들 때 글, 페이지, 이미지, 댓글 등이 필요하다. 이러한 샘플 데이터를 만드는 방법 중의 하나는 플러그인을 사용하는 것이다. 플러그인 추가 페이지에서 dummy로 검색하면 꽤 많은 결과가 나온다. 하지만, 개인적으로 애용하는 건 Theme Unit Test이다. 다양한 형식의 글과 페이지들을 포함하고 있기 때문이다. 사용하는 방법은... XML 파일 다운로드 Theme Unit Test 사이트에 ...
Template Tags는 정보를 불러오는 함수 정도로 이해하면 된다. 예를 들어 bloginfo( 'name' )는 블로그 이름을 가져온다. 정보는 DB에 있는 내용일 수도 있고, 파일일 수도 있다. Template tags are used within your blog's Templates to display information dynamically or otherwise customize your blog, providing the tools to make it as individual and ...
워드프레스 / 플러그인 / Classic Widgets / 블록 위젯을 이전 위젯으로 변경하는 플러그인
워드프레스 5.8이 출시되어 업데이트를 했습니다. 업데이트는 짧은 시간에 빠르게 마무리되었습니다. 업데이트를 하고 나면 어떤 변화가 있는지를 보여주는 페이지가 나오는데, 제일 먼저 나오는 것이 블록 위젯입니다. 위젯으로 들어가보니 UI가 확 바뀌었습니다. 기능도 많이 달라졌겠지요? 잠시 만져보았는데, 뭔가 어색하고 불편합니다. 다행히 이전 위젯을 선호하는 사람을 위한 플러그인이 있습니다. 이름은 Classic Widgets입니다. 설치하고 활성화하면 이전 모양으로 돌아옵니다.
워드프레스 / 플러그인 / WP Super Cache / 캐시를 이용하여 사이트 속도 빠르게 해주는 플러그인
웹사이트 속도는 중요하다. 홈페이지에 접속했을 때 속도가 느리다면 방문자가 금방 떠나고, 검색 엔진에서도 불이익을 받는다. 따라서 속도 개선은 사이트 관리자의 중요 업무 중의 하나이다. 워드프레스는 기본적으로 페이지를 동적으로 만든다. 요청이 있으면 데이터베이스에서 자료를 가져와서 테마의 파일들을 이용해 출력을 하기에, 방문자가 접속할 때마다 페이지를 생성한다. 그래서 정적인 페이지보다 속도가 느리다. 이를 해결해주는 것이 ...
테마를 등록할 수 있는 최소한의 조건은 style.css와 index.php 두 개의 파일이다. 두 파일만 있으면 테마 목록에 나오고 활성화할 수 있다. style.css에 테마 정보가 들어가고, index.php로 내용을 출력하는데, index.php에 아무런 내용이 없어도 등록과 활성화는 가능하다. 디렉토리 만들기 테마가 저장되는 위치는 /wp-content/themes이다. 그 디렉토리 안에 적당한 이름의 디렉토리를 만든다. 예를 들어 my-theme이라는 디렉토리를 만들었다면 /wp-content/themes/my-theme 안에 ...
플러그인 유용한 플러그인 GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인 Enlighter / 코드 하이라이터(Code Highlighter) 플러그인 DW Question & Answer / 질문과 답변 게시판 플러그인 Google Site Kit by Google / 구글 서비스 통계 보여주는 플러그인 Search Exclude / 글 또는 페이지를 검색에서 제외시키는 플러그인 UpdraftPlus / 백업, 복원 플러그인 Advanced Custom Fields / ...
워드프레스 / 함수 / wp_is_mobile() / 모바일 접속 여부 판단하는 함수
wp_is_mobile() wp_is_mobile()은 모바일 기기로 접속하면 true, 모바일 기기가 아니라면 false를 반환하는 함수이다. 모바일인지 아닌지 구분하는 기준은 $_SERVER 이다. wp_is_mobile()은 wp-includes/vars.php에 정의되어 있다. 예제 1 모바일이면 A를 출력한다. <?php if ( wp_is_mobile() ) { echo 'A'; } ?> 예제 2 모바일이 아니면 A를 출력한다. <?php if ( !wp_is_mobile() ) { echo 'A'; ...
워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인
워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다. 이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다. 플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다. 설정 아이콘을 클릭하면... 코드를 보거나 편집할 ...