[워드프레스 테마] 포스트 꾸미기2 #7

[워드프레스 테마 만들기] 포스트 꾸미기2

test-thema.zip

1. 먼저 이 소스 파일을 테마가 있는 곳으로 가서 압축을 풀자. 같은 파일이 있으면 덮는 것을 추천한다.  오늘은

포스트에 대표하는 이미지 파일을 추가해서 index.php 파일에서 적당한 크기로 꾸미는 것을 할 것이다.

2. http://localhost/wordpress/admin으로 접속을 해서 워드프레스에 이미지 파일을 업로드 시키자. 이미지 파일을

업로드 시키려면 미디어로 들어가서 피씨에 있는 파일을 선택해서 올리면 wordpress로 올라간다. localhost로 접속을

하기 때문에 결국에 저장되는 장소는 내 컴퓨터지만 wordpress를 웹서버에 업로드 시킨 후 이미지 파일을 올리면 웹

서버에 올라갈 것이다. 

3. 이미지 파일을 미디어에 업로드를 하고난 후 작성된 글로 편집으로 들어가서 우측 제일 하단에 보면 특성이미지를

선택하는 부분이 있다. 업로드된 파일 중 하나를 선택해서 올려주면 된다.

4. 이미지 파일을 업로드 시킨 후  functions.php 파일을 열어서 제일 하단에 이 코드를 추가하자. 

function my_theme_setup(){

}

이 코드 안에 위에 있는 register_nav_menus(~)); 함수를 넣어주자. menu 함수를 만들어준 장소도 

포스트에 있는 내용에 추가되기 때문에 따로 따로 나눠놓고 보기보단 안 쪽으로 정리를 하면 더 보기

쉬우니깐 말이다. 

저 함수를 사용하는 이유는 테마 혹은 플러그인이 특정한 지원(theme feature)을 만드는 것을 허용하게

하기 때문이다.

관련 링크 : https://codex.wordpress.org/ko:%ED%95%A8%EC%88%98_%EB%A0%88%ED%8D%BC%EB%9F%B0%EC%8A%A4/add_theme_support

<?php if( has_post_thumbnail() ) : ?>
     <?php the_post_thumbnail( 'custom' ); ?>
<?php else : ?>
     <img class="not-found" src="./wp-content/uploads/2017/07/image-not-found.png" alt="">
<?php endif; ?>
 

5. index.php의 <article> 바로 밑에 추가가 되어있다. has_post_thumbnail()함수는 포스트 내용에

이미지 파일의 여부를 확인한다. 그래서 이미지 파일이 있으면 the_post_thumbnail() 함수를 이용해서

썸네일을 표시하라는 뜻이다. 

만약에 없다면 다른 이미지를 출력한다는 소스다.

- has_post_thumbnail() :

https://developer.wordpress.org/reference/functions/has_post_thumbnail/

- the_post_thumbnail() :

https://developer.wordpress.org/reference/functions/the_post_thumbnail/