달소안녕하세요. 달소입니다.
이번글은 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로 저장해주고 다시 문제의 페이지로 가면 아래처럼 깔끔하게 잘나오는걸 보실 수 있습니다.
끝~
서버포럼 관리자입니다.!
서버포럼은 홈서버로 운영중이며 아래와같은 시스템으로 운영됩니다.
메인서버 - Ryzen 5700G / Proxmox 7.2 / Ubuntu / Xpenology / 기타 VM 등등
보조서버 - Intel i9-9900ES(QQC0) / H370M / Proxmox 7.1 / 아직개발용서버로 사용중
백업서버 - 타오나스 A형(?) / DS918+ 6.2.3 / 메인서버 VM 백업용
하드웨어,가상화 등등 여러 IT분야에 관심이 두루두루많습니다만 깊게알고있는건 없습니다 하하하
적용중인 도장이 없습니다.
섭린이
최근댓글 모음
잘되셨다니 다행입니다~ ㅋㅋㅋㅋㅋ 뭘까요.. 확실히 gan으로 넘어가면 휴대용 쪽에서는 넘사벽인거같습니다 ㅎㅎ 해결하셨다니 다행입니다 ㅎㅎ 그 두개를 합쳐서 나온게 시놀로지 포토라서.. 아예 패키지 자체가 사라진듯합니다..