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; }

 

이 값을 추가해준다.

 

성공~!