메뉴 건너뛰기

정보자료게시판

장비/디자인/구조

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

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. Nest 보일러 자동 온도조절기의 강력함

    Date2022.02.10 Category장비/디자인/구조 By숨마
    Read More
  2. 아이폰 아이패드 zotero 문제

    Date2022.02.10 Category장비/디자인/구조 By숨마
    Read More
  3. 미디어위키 사이트맵 만들기

    Date2022.02.03 Category장비/디자인/구조 By숨마
    Read More
  4. 미디어위키 백링크 넣기

    Date2022.01.27 Category장비/디자인/구조 By숨마
    Read More
  5. 주가 예측하는 방법

    Date2022.01.27 Category경제주식경영 By숨마
    Read More
  6. 2번 윈도우 서버 이상

    Date2022.01.25 Category장비/디자인/구조 By숨마
    Read More
  7. MacOS 몬테레이 목소리 변경 안됨

    Date2022.01.18 Category장비/디자인/구조 By숨마
    Read More
  8. 자동화 단상

    Date2022.01.17 By숨마
    Read More
  9. 투야 워터센서의 불안정성

    Date2022.01.16 Category장비/디자인/구조 By숨마
    Read More
  10. 토론 규칙

    Date2022.01.07 Category학습/연구 By숨마
    Read More
  11. 시놀로지 DS Drive 드라이브 인증서 문제

    Date2022.01.07 Category장비/디자인/구조 By숨마
    Read More
  12. 2023년 연간달력

    Date2022.01.03 Category장비/디자인/구조 By숨마
    Read More
  13. 맥 쉬프트 터치 안될때

    Date2022.01.03 Category장비/디자인/구조 By숨마
    Read More
  14. 시놀로지 http -> https 로 리다이렉션 하기

    Date2022.01.02 Category장비/디자인/구조 By숨마
    Read More
  15. 맥 글자 두번 눌리는 현상 옵시디언 | 모하비 | MacOS

    Date2022.01.02 By숨마
    Read More
  16. 영어 자막 사이트 추천

    Date2022.01.01 Category장비/디자인/구조 By숨마
    Read More
  17. 맥북 MacOS 트랙패드 세손가락으로 탭하기 안될때

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

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

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

    Date2021.12.25 Category문화/연예/가십 By숨마
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 36 Next
/ 36
위로