Theme Flashcards
.current-page-item은 언제 어디에 있는가?
현재있는 페이지를 나타내는 클래스다.
.main-menu 클래스 아래에 있다.
header나 footer 만들 때 둘다 거의
wp_nav_menu() 를 사용한다
현재 블로그의 정보를 얻는 함수
get_bloginfo()
뭔가 표시하고 싶다면
그게 page인지 post인지 확인하고
th 찾아서
알맞은 템플릿 태그 넣으면 된다
템플릿 태그들은
알맞은 파일을 대신 불러온다
SEO에 더 도움을 주기 위해서
header footer 같은 시멘틱 태그들을 써야한다
시멘틱 태그들은 실제로 문서에
영향을 주진 않는다
테마가 로드된 후에 실행되는 훅 등록하는 거
after_setup_theme
테마에다가
기능을 등록하는 거
( 글의 썸네일등을 등록할 수 있음 )
add_theme_support()
add_theme_support(‘post-thumbnails’);
는
post, page에
featured image 섹션이 생긴다
featured image를 템플릿에서 표시하려면
the_post_thumbnail()
를 사용해야한다
if(has_post_thumbnail()):
echo “there is image”;
else:
echo “no image”;
endif;
무슨 코드인가?
템플릿에서 이미지의 유무에 따라 처리하는 코드다
웹사이트에서 이미지 로딩하는 데 오래걸리면
Image를 regenerate 해야한다
새로운 이미지 사이즈 등록하는 함수
add_image_size()
add_image_size로 등록하면
만든 alias로
썸네일을 다시 만들 수 있다
썸네일을 다시 만드는데
반드시 필요한 플러그인
Regenerate Thumbnails
Regenerate Thumbnails에서
썸네일이 만들어지는 기준은
add_image_size 에서 지정한 거로
만들어진다
만들어진 썸네일을 템플릿에서 표시하려면
the_post_thumbnail(‘square’);
the_post_thumbnail(‘portrait’);
처럼
Regenerate Thumbnails로 만든 후에
functions.php 에서 add_image_size로 지정한 alias를 입력하면 된다
.page.no-sidebar
무슨 선택자인가?
저걸 선택한다
featured image 에서
클래스 이름을 바꾸려면?
the_post_thumbnail(‘blog’, array(
‘class’ => ‘featured-image’,
));
사실 모든 워드프레스 테마는
템플릿 파일의 모음이다
페이지의 특성에 따라서 써야할
템플릿 계층이 따로 있다
Page attributes의
template 서브 메뉴는
서브 메뉴에서 빠지고
사이드 메뉴에 있다
post나 page 별로
템플릿을 만들어서
편리하게
바로 바로 교체할 수 있다
... 무슨 코드인가?