워드프레스 / 테마 만들기 / 등록하고 활성화 하기
테마를 등록할 수 있는 최소한의 조건은 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이라는 테마가 보이고 활성화를 할 수 있다.
테마를 등록할 수 있는 최소한의 조건은 style.css와 index.php 두 개의 파일이다. 두 파일만 있으면 테마 목록에 나오고 활성화할 수 있다. style.css에 테마 정보가 들어가고, index.php로 내용을 출력하는데, index.php에 아무런 내용이 없어도 등록과 활성화는 가능하다. 디렉토리 만들기 테마가 저장되는 위치는 /wp-content/themes이다. 그 디렉토리 안에 적당한 이름의 디렉토리를 만든다. 예를 들어 my-theme이라는 디렉토리를 만들었다면 /wp-content/themes/my-theme 안에 ...
워드프레스 / 플러그인 / HTML Editor Syntax Highlighter / 에디터 텍스트 모드 코드 하이라이트 플러그인
워드프레스에 글을 작성할 때 보통은 비주얼 모드를 사용하지만, 텍스트 모드로 들어가서 코드를 직접 수정하는 경우도 많다. 그런데, 텍스트 모드에서 코드를 보면 흰색 바탕에 검정 글자여서 읽기가 쉽지 않다. 이 문제를 해결해주는 플러그인이 HTML Editor Syntax Highlighter이다. 플러그인을 설치하고 활성화한 후 텍스트 모드로 들어가면 하이라이트된 코드를 볼 수 있다. 설정 아이콘을 클릭하면... 코드를 보거나 편집할 ...
필수 입력 필드 별표(*) 표시 얼티밋 멤버 - 설정 - 기타 회원 가입 후, 로그인 후 이동할 페이지 설정 얼티밋 멤버 - 사용자 역할 사용자 정의 유효성 검사 만들기 예를 들어 0000-00-00 형식의 날짜를 입력 받고 싶다면, 테마의 functions.php에 다음 코드를 추가한다. function um_custom_validate_jb_date( $key, $array, $args ) { if ( isset( $args ) && ...
워드프레스 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법과 주소
사이트맵 활성화하기 로 이동한다. 에서... XML sitemaps를 활성화(Enable feature)한다. 사이트맵 주소 Yoast SEO의 사이트맵 주소는 /sitemap_index.xml 이다. 문제가 없다면 웹브라우저로 접속했을 때 아래와 같은 페이지가 나온다. 사이트맵에서 404 에러 나는 경우 사이트맵 페이지에서 404 에러가 나면 고유주소를 확인해본다. 인 경우 404 에러가 나므로, 다른 것으로 변경한다.
워드프레스 / 함수 / has_post_thumbnail() / 썸네일 존재 여부 체크하는 함수
has_post_thumbnail()은 썸네일이 존재하는지 체크하는 함수이다. 썸네일이 있으면 TRUE를 반환한다. 썸네일이 있으면 A를 실행한다. <?php if ( has_post_thumbnail() ) : ?> A <?php endif; ?>
워드프레스에는 두 가지 주소(URL)이 있습니다. 하나는 워드프레스 주소, 다른 하나는 사이트 주소이다. 워드프레스 주소는 워드프레스 파일들을 업로드한 주소이고, 사이트 주소는 웹브라우저로 접속할 수 있는 주소이다. 두 주소는 기본적으로 같다. 주소(URL)를 바꾸는 방법은 원하는 주소에 맞게 다시 설치하는 방법과 설정 변경을 통해 바꾸는 방법이 있다. 여기서는 설정 변경을 통해 바꾸는 방법을 알아보겠다. 주소 변경은 ...
워드프레스에서 이미지나 파일 등을 업로드하면 /wp-content/uploads 폴더에 저장된다. 사이트를 방문했을 때 글에 있는 이미지의 경로만 조사해도 워드프레스로 만든 것이라는 것을 알 수 있다. 특별한 이유로 인해 미디어 업로드 폴더를 변경해야 한다면 다음과 같이 한다. /wp-admin/options.php에 접속한다. 관리자 메뉴를 통해서는 접속할 수 없는, 다양한 설정을 할 수 있는 페이지가 나온다. upload_path 설정에 원하는 폴더 ...
업데이트 알림 업데이트가 있으면 여기 저기 알림이 뜬다. 이를 클릭하여 업데이트 페이지로 이동한다. 업데이트는 워드프레스 자체, 플러그인, 테마, 번역 네 가지로 구분된다. 워드프레스 업데이트 워드프레스 자체를 업데이트할 때는 를 클릭한다. 잠시 기다리면 업데이트가 완료되고, 새 버전에 대한 안내가 나온다. 플러그인, 테마 업데이트 플러그인이나 테마는 여러 개를 선택해서 일괄적으로 업데이트할 수 있다. 주의할 점 업데이트를 했을 때 문제가 ...
카테고리 워드프레스의 글(포스트)은 카테고리로 분류한다. 글은 적어도 하나 이상의 카테고리에 속하게 된다. 즉, 하나의 글은 여러 카테고리에 속할 수 있다. 글 작성 시 카테고리를 선택하지 않으면 기본 카테고리가 선택된다. 카테고리 관리는 에서 한다. 글 작성 화면에서도 카테고리 관리를 할 수 있지만, 상세한 설정을 할 수는 없다. 카테고리 만들기 로 이동하면 다음과 같은 ...
워드프레스 / 함수 / 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'; ...