메뉴 건너뛰기

정보자료게시판

장비/디자인/구조

미디어위키에 외부 이미지 설정

by 숨마 posted Dec 26, 2021
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

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

 

이 값을 추가해준다.

 

성공~!


  1. 맥북 MacOS 트랙패드 세손가락으로 탭하기 안될때

    Date2021.12.27 Category장비/디자인/구조 By숨마
    Read More
  2. 넷플릭스 | 고요의 바다

    Date2021.12.26 Category문화/연예/가십 By숨마
    Read More
  3. 미디어위키에 외부 이미지 설정

    Date2021.12.26 Category장비/디자인/구조 By숨마
    Read More
  4. 매트릭스 4 리저렉션

    Date2021.12.25 Category문화/연예/가십 By숨마
    Read More
  5. 미디어위키 각주 기능 사용하기

    Date2021.12.25 By숨마
    Read More
  6. 마크다운에서 미디어위키 문법으로 변환하기

    Date2021.12.24 Category장비/디자인/구조 By숨마
    Read More
  7. 갤럭시워치4 와이파이 버전 아이폰과 쓰기

    Date2021.12.22 By숨마
    Read More
  8. egv70 환경부 인증 완료, 출시 준비 끝?

    Date2021.12.12 Category전기차 By숨마
    Read More
  9. iframe test

    Date2021.12.11 By숨마
    Read More
  10. 최근 자동차 제작 과정 - 로봇화, 모듈화

    Date2021.12.04 Category전기차 By숨마
    Read More
  11. egv70 티저 영상

    Date2021.12.04 Category전기차 By숨마
    Read More
  12. 맥북 애플케어플러스 가입하기

    Date2021.12.03 By숨마
    Read More
  13. 더존 | 갑자기 세금계산서 불러오기 실패가 뜰때

    Date2021.12.03 By숨마
    Read More
  14. 스노우라인 크로스돔쉘터

    Date2021.11.29 Category장비/디자인/구조 By숨마
    Read More
  15. 캠핑용 컵 | 스노우피크 티 더블 머그 컵 세트 캠핑 Ti-Double 450 Mug Set

    Date2021.11.29 By숨마
    Read More
  16. 동계 캠핑 시 할일 목록

    Date2021.11.27 Category장비/디자인/구조 By숨마
    Read More
  17. 맥북 m1pro 앱 호환 정리

    Date2021.11.26 By숨마
    Read More
  18. egv70, 전동화 gv70 발표

    Date2021.11.23 Category전기차 By숨마
    Read More
  19. 무시동히터 처음 가동 설치시 주의점

    Date2021.11.21 By숨마
    Read More
  20. 일산화탄소 농도별 노출 위험도 정리

    Date2021.11.16 Category장비/디자인/구조 By숨마
    Read More
Board Pagination Prev 1 ... 6 7 8 9 10 11 12 13 14 15 ... 45 Next
/ 45
위로