미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) ImageMap 설치와 활용

# Enabled extensions. Most of the extensions are enabled by adding
# wfLoadExtensions('ExtensionName');
# to LocalSettings.php. Check specific extension documentation for more details.
# The following extensions were automatically enabled:
wfLoadExtension( 'CategoryTree' );
wfLoadExtension( 'Cite' );
wfLoadExtension( 'CiteThisPage' );
wfLoadExtension( 'CodeEditor' );
wfLoadExtension( 'ConfirmEdit' );
wfLoadExtension( 'Gadgets' );
wfLoadExtension( 'ImageMap' );
wfLoadExtension( 'InputBox' );
wfLoadExtension( 'Interwiki' );
wfLoadExtension( 'LocalisationUpdate' );
wfLoadExtension( 'MultimediaViewer' );
wfLoadExtension( 'Nuke' );
wfLoadExtension( 'OATHAuth' );
wfLoadExtension( 'ParserFunctions' );
wfLoadExtension( 'PdfHandler' );
wfLoadExtension( 'Poem' );
wfLoadExtension( 'Renameuser' );
wfLoadExtension( 'ReplaceText' );
wfLoadExtension( 'SpamBlacklist' );
wfLoadExtension( 'SyntaxHighlight_GeSHi' );
wfLoadExtension( 'TitleBlacklist' );
wfLoadExtension( 'WikiEditor' );

# End of automatically generated settings.
# Add more configuration options below.

... 후략 ...

미디어위키 설치시 기본 제공 익스텐션을 함께 설치하도록 설정한다면 코드는 보통 위 예시와 같은 위치에 추가됩니다.

설치 확인

미디어위키의 특수:버전(= Special:Version) 문서를 확인하면 위 익스텐션이 추가된 것을 확인할 수 있습니다.

ImageMap 익스텐션 사용법

이미지 파일 업로드

먼저 이미지 파일을 위키에 올릴 필요가 있을 것입니다.

위키 파일 업로드와 관련하여 아래 링크를 먼저 참고하시기 바랍니다.

2019/04/05 - [미디어위키/미디어위키 설치 및 관리] - 미디어위키(Mediawiki) 파일 업로드 01(핵심 설정)

2019/04/09 - [미디어위키/미디어위키 설치 및 관리] - 미디어위키(Mediawiki) 파일 업로드 02(인스턴트 공용 기능 활성화)

2019/04/10 - [미디어위키/미디어위키 설치 및 관리] - 미디어위키(Mediawiki) 파일 업로드 03(파일 업로드 권한 설정)

2019/04/13 - [미디어위키/미디어위키 설치 및 관리] - 미디어위키(Mediawiki) 파일 업로드 04(이미지 업로드 설정)

2019/04/12 - [미디어위키/미디어위키 설치 및 관리] - 미디어위키(Mediawiki) 파일 업로드 05(라이선스 설정)

특수:올리기

위키의 Vector 스킨에서 좌측 도구 섹션에있는 파일 올리기를 클릭하거나 위키 검색상자에서 위 문서명을 입력하면 위 그림과 같은 파일 올리기 페이지에 들어가게 됩니다.

이 화면에서 찾아보기 버튼을 눌러 파일을 선택하고 아래 파일 설명과 올리기 설정을 적절히 설정해주고 파일 올리기 버튼을 눌러주시면 됩니다.

만약 이미 위키에 있는 파일과 동일한 파일을 업로드하는 경우 위 그림과 같이 경고를 띄웁니다.

이미지 파일 업로드 준비가 되면 화면 오른쪽에 썸네일이 표시됩니다.

파일을 올리면 위 그림처럼 해당 파일에 대한 다양한 정보가 표시됩니다.

특정 파일에 대한 정보는 아래 문서명을 위키 덤색 상자에 입력하면 확인할 수 있습니다.

파일:파일명.확장자

기본 사용법

캡션이 없는 간단한 예

<imagemap>
Image:대문.png|150px|alt=Alt text
default [[대문|대문 화면으로 이동]]
</imagemap>

[[Image:대문.png|150px|alt=Alt text|title=대문 화면으로 이동|link=대문]]

캡션이 있는 복잡한 예

이미지의 특정 부분별로 각기 다른 링크를 거는 방ㅂ버입니다.

예시는 아래와 같습니다.

<imagemap>
File:JoshuaReynoldsParty.jpg|thumb|center|400px|alt=Dining room with nine men seated around a table. The dinner has been finished, and a large man at the head talks and gesticulates while the others eagerly listen. The men wear wigs and clothing of late 18th century Britain, and the furniture, hangings, and chandelier are of similar vintage. A liveried servant is entering with a tray bearing two high-shouldered decanters of wine.|Image map example. Clicking on a person in the picture causes the browser to load the appropriate article.

poly 133 343 124 287 159 224 189 228 195 291 222 311 209 343 209 354 243 362 292 466 250 463 [[w:Samuel Johnson|Dr Johnson - Dictionary writer]]
poly 76 224 84 255 43 302 62 400 123 423 121 361 137 344 122 290 111 234 96 225 [[w:James Boswell|Boswell - Biographer]]
poly 190 276 208 240 229 228 247 238 250 258 286 319 282 323 223 323 220 301 200 295 [[w:Joshua Reynolds|Sir Joshua Reynolds - Host]]
poly 308 317 311 270 328 261 316 246 320 228 343 227 357 240 377 274 366 284 352 311 319 324 [[w:David Garrick|David Garrick - actor]]
poly 252 406 313 343 341 343 366 280 383 273 372 251 378 222 409 228 414 280 420 292 390 300 374 360 359 437 306 418 313 391 272 415 [[w:Edmund Burke|Edmund Burke - statesman]]
rect 418 220 452 287 [[w:Pasquale Paoli|Pasqual Paoli - Corsican patriot]]
poly 455 238 484 253 505 303 495 363 501 377 491 443 429 439 423 375 466 352 [[w:Charles Burney|Charles Burney - music historian]]
poly 501 279 546 237 567 239 572 308 560 326 537 316 530 300 502 289 [[w:Thomas Warton|Thomas Warton - poet laureate]]
poly 572 453 591 446 572 373 603 351 562 325 592 288 573 260 573 248 591 243 615 254 637 280 655 334 705 396 656 419 625 382 609 391 613 453 [[w:Oliver Goldsmith|Oliver Goldsmith - writer]]
rect 450 86 584 188 [[w:Joshua Reynolds|prob.The Infant Academy 1782]]
rect 286 87 376 191 [[w:Joshua Reynolds|An unknown painting]]
circle 100 141 20 [[w:Joshua Reynolds|An unknown portrait]]
poly 503 192 511 176 532 176 534 200 553 219 554 234 541 236 525 261 506 261 511 220 515 215 [[w:Francis Barber|servant - poss. Francis Barber]]
rect 12 10 702 500 [[w:The Club (Literary Club)|Use button to enlarge or use hyperlinks]]
</imagemap>

https://www.mediawiki.org/wiki/Extension:ImageMap#Complex_example_with_caption

자세한 설명은 위 링크를 참고하시기 바랍니다.

예를 들어 에드먼드 버크 부분을 클릭하면 그에 대한 문서로 이동하도록 링크를 걸 수 있습니다.

위 그림은 해당 문서가 없어 위 그림과 같이 뜨게 됩니다.

해당 부분에 위키피디아 영문판의 에드먼드 버크 문서로 링크를 걸어 놓고 해당 부분을 누르면 위키피디아 영문판의 에드먼드 버크 문서로 이동하게 됩니다.

참고

타 위키의 문서를 링크로 걸려면 인터위키 익스텐션을 활용해야 합니다.

2019/01/07 - [미디어위키/미디어위키 설치 및 관리] - 미디어위키(Mediawiki) 1.31.1 소도구 01 - 인터위키 설정

2019/10/29 - [미디어위키/미디어위키 익스텐션] - 미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) Interwiki 설치와 활용

고급 사용법

자세한 내용은 아래 링크를 참고하시기 바랍니다.

이미지 맵 구문

https://www.mediawiki.org/wiki/Extension:ImageMap#Syntax_description

템플릿, 매직워드, 파서 함수 사용

https://www.mediawiki.org/wiki/Extension:ImageMap#Usage_with_templates,_magic_words,_or_parser_functions.

'미디어위키 > 미디어위키 익스텐션' 카테고리의 다른 글

미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) SyntaxHighlight 설치와 활용 (0)	2020.05.03
미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) Poem 설치와 활용 (0)	2020.05.03
미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) ParserFunctions 설치와 활용 (0)	2020.05.02
미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) InputBox 설치와 활용 (0)	2020.05.02
미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) Cite 설치와 활용 (0)	2020.05.01
미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) CategoryTree 설치와 활용 (0)	2020.04.30
미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) CodeEditor 설치와 활용 (0)	2020.04.30
미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) WikiEditor 설치와 활용 (0)	2020.04.29

현재글미디어위키(Mediawiki) 기본 제공 익스텐션(Extension) ImageMap 설치와 활용

가상머신, 리눅스(Linux), 서버(Server), 콘텐츠 관리 시스템(CMS) | 워드프레스(Wordpress) | 미디어위키(Mediawiki)

미디어위키, phpmyadmin, 폴더 공유, 보안 업데이트, 우분투, 보안 취약점, Nextcloud, XAMPP, 소도구, 버추얼박스, 구글 크롬, 우분투 19.04, 보안, VirtualBox, 미디어위키 소도구, gdebi, AlmaLinux, 크롬 브라우저, 워드프레스, ubuntu,

04-29 03:09

Today :
Yesterday :

씨실과 날실 - IT