https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value
1. 외부이미지를 사용가능하게 설정하기
2. 외부이미지 리사이즈 가능하게 하기
3. 모바일에서도 리사이즈된 이미지 보이게 하기
1. LocalSettings.php 하단에 아래 값을 추가해준다.
$wgAllowExternalImages = true;
그냥 외부 이미지 링크만 본문에 추가하면 엄청 큰 이미지가 떡하니 나오고, 모바일 페이지에서는 화면을 대략 심하게 초과하는 이미지가 나오는 상태가 된다.
2. 이미지 사이즈 조절하기
MediaWiki:Common.css에 아래 값 추가하기
.externalimage-holder {
position: relative;
}
.externalimage-holder img {
width: 100%;
height: auto;
}
Template:Sized-external-image에 아래 값 추가하기
<div class="externalimage-holder" style="width:{{{1}}}">{{{2}}}</div>
본문에 이런식으로 넣기
가령 위 페이지 이름을 externalimage로 했으면,
{{externalimage|80%|https://zettelkasten.de/introduction/2020-08-13_folgezettel-sequence.png}}
대소문자가 틀리면 안된다.
{{sized-external-image|250px|https://이미지주소}}
3. MediaWiki:Mobile.css에도
.externalimage-holder { position: relative; }
.externalimage-holder img { width: 100%; height: auto; }
이 값을 추가해준다.
성공~!