• 돌아가기
  • 아래로
  • 위로
  • 목록
  • 댓글
정보

Ghost 기본 테마에서 feature image 크기 조정하기.

달소 달소 93

0

0

안녕하세요. 달소입니다.

이번글은 Ghost 블로그의 기본테마에서 비정상적인 feature image 크기를 조정하는방법입니다.

 

기본 테마에서 feature image를 추가할 경우 아래처럼 글의 몰입도 깨고.. 작은 해상도의 사진을 넣으면 다 깨져보이기도합니다.


해결방법은 Code Injection을 통해서 해당 사진이 표기되는 css를 수정해서 가로 및 세로 높이를 조정해보겠습니다.

코드수정하기

먼저 Ghost의 관리자 페이지로 간다음 설정 -> Code Injection으로 갑니다.

그리고 헤더부분에 css로 스타일을 선언해줍니다.
가로값이 max-width 세로는 오토로 주는게 깔끔합니다.

 

<style> 
    .gh-canvas .article-image img { 
max-width: 350px; 
height: auto; 

</style>

아예 글 이전에 해당 이미지를 안보여주고싶을경우 아래와 같이 작성해주시면 됩니다.

 

<style> 
    .gh-canvas .article-image img { 
display:none;

</style>

이제 Save로 저장해주고 다시 문제의 페이지로 가면 아래처럼 깔끔하게 잘나오는걸 보실 수 있습니다.

끝~

신고공유스크랩
0

댓글 쓰기 권한이 없습니다. 로그인

취소 댓글 등록

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

삭제하시겠습니까?


목록

공유

facebooktwitterpinterestbandkakao story
번호 제목 글쓴이 날짜 조회 추천
안녕하세요! 새로 가입했습니다. 5 Razorbacks 6시간 전18:06 68 +1
서버포럼 가입인사겸 저의 홈서버를 소개합니다!! 9 툭툭이 13시간 전11:14 369 +9
가지고 놀기 좋은걸 찾았습니다. 8 주차장 2일 전17:47 464 +1
3567
normal
맛밥 9시간 전15:34 145 0
3566
image
툭툭이 13시간 전11:14 369 +9
3565
normal
유니파트 1일 전22:09 197 0
3564
normal
니즛 2일 전00:37 339 0
3563
image
주차장 2일 전17:47 464 +1
3562
image
양미 2일 전11:16 215 0
3561
normal
주차장 3일 전23:44 170 0
3560
image
surno 4일 전00:56 122 0
3559
image
TANG 4일 전19:14 402 0
3558
image
게르노 5일 전23:55 460 0
3557
normal
very 5일 전09:57 209 0
3556
normal
very 6일 전18:04 242 0
3555
normal
minis 6일 전14:20 156 0
3554
normal
아나나나나다 24.03.21.12:58 372 0
3553
normal
하핳 24.03.20.14:19 205 0
3552
image
빨간물약 24.03.20.14:09 284 0
3551
normal
모랄로 24.03.19.20:24 146 0
3550
normal
very 24.03.19.12:27 299 0
3549
normal
소탐 24.03.19.08:12 164 0
3548
image
bass9030 24.03.18.18:16 409 0