가온 위키:기능 구현 불가-누가 해결책을 알려주세요!/리버티 스킨 편집하기

==이 문서는==
다양한 오류/버그/개선사항들 중에서 리버티 스킨에서 일어나는 문제 중 해결한 경우를 해결책과 함께 보실 수 있습니다.

각 문단에는 문제점과 해결방안에 대해 적혀져 있으므로, 해당하는 파일을 수정하시길 바랍니다.

이 문서에서 사용하는 변경사항은 가온 위키/가온 위키 베타 모두 작용되어 있습니다.

버전에 따라 줄수가 다르거나 없을 수도 있다는 점 참고바랍니다.

==최근바뀜에서 문서명에 / 가 포함되어 있으면, 오류 뜨는 경우==
# 같은 스킨을 쓰는 [[리브레 위키]]에서는 잘 되던데... 서버 설정 오류인가?<br/>
# [https://quiple.mcsv.io/w/퀴플위키 퀴플위키]에서 해결책을 찾았다. 감사합니다. 퀴플위키!<ref>최신 버전 기준이다.</ref>
===수정 전===
* 리버티 스킨/js 폴더에 있는 live-recent.js를 수정한다.

<syntaxhighlight lang="JavaScript" highlight="5" start='55' line>
var recentChanges, html, time, line, text;
			recentChanges = data.query.recentchanges;
			html = recentChanges.map( function ( item ) {
				time = new Date( item.timestamp );
				line = '<li><a class="recent-item" href = "' + ( mw.config.get( 'wgArticlePath' ) ).replace( '$1', encodeURIComponent( item.title ) ) + '" title="' + item.title + '">[' + timeFormat( time ) + '] ';
				text = '';
				if ( item.type === 'new' ) {
					text += '[New]';
				}
				text += item.title;
				if ( text.length > 13 ) {
					text = text.substr( 0, 13 );
					text += '...';
				}
</syntaxhighlight><br/>

===수정 후===
<syntaxhighlight lang="JavaScript" highlight="5" start='55' line>
var recentChanges, html, time, line, text;
			recentChanges = data.query.recentchanges;
			html = recentChanges.map( function ( item ) {
				time = new Date( item.timestamp );
				line = '<li><a class="recent-item" href = "' + ( mw.config.get( 'wgArticlePath' ) ).replace( '$1', encodeURI( item.title ) ) + '" title="' + item.title + '">[' + timeFormat( time ) + '] ';
				text = '';
				if ( item.type === 'new' ) {
					text += '[New]';
				}
				text += item.title;
				if ( text.length > 13 ) {
					8 = text.substr( 0, 13 );
					text += '...';
				}
</syntaxhighlight><br/>
# 59번째 줄의 encodeURIComponent( item.title ) )에서 encodeURIComponent를 encodeURI로 변경

==로그인시 '이러한 명령이 없습니다' 라는 오류 뜸==
# 로그인시, 특히 [[가온 위키:대문]] 문서가 아닌 다른 문서를 보다가 상단의 로그인 아이콘을 눌러 로그인 시도시 심심치 않게 '이러한 명령이 없습니다'라는 오류가 발생한다.
# 오류 내용을 자세히 보면, 'URL에 지정한 명령이 올바르지 않습니다. URL을 잘못 입력했거나, 올바르지 않은 링크를 따라갔을 수 있습니다. 가온 위키에 사용하는 소프트웨어의 버그일 수도 있습니다.' 라고 나타나 있다.
# 오류 해결은 [https://issue.librewiki.net/T515 리브레 위키 이슈 트래커]에서 찾았다.

===수정 전===
* 리버티 스킨에 있는 '''LibertyTemplate.php''' 파일을 수정한다.

<syntaxhighlight lang="PHP" highlight="4-5" start='343' line>
<div class="modal-body">
						<div id="modal-login-alert" class="alert alert-hidden alert-danger" role="alert">
						</div>
						<form id="modal-loginform" name="userlogin" class="modal-loginform"
							  method="post">
							<input class="loginText form-control" id="wpName1" tabindex="1"
								   placeholder="<?php echo $skin->msg( 'userlogin-yourname-ph' )->plain() ?>" value="" name="lgname">
</syntaxhighlight><br/>

===수정 후===
<syntaxhighlight lang="PHP" highlight="4-5" start='343' line>
<div class="modal-body">
						<div id="modal-login-alert" class="alert alert-hidden alert-danger" role="alert">
						</div>
						<form id="modal-loginform" name="userlogin" class="modal-loginform"
							  method="post" onsubmit="return LoginManage();">
							<input class="loginText form-control" id="wpName1" tabindex="1"
								   placeholder="<?php echo $skin->msg( 'userlogin-yourname-ph' )->plain() ?>" value="" name="lgname">
</syntaxhighlight><br/>

==어두운 모드 사용시 표가 있는 부분의 배경색이 검정색이 되지 않는 버그==
[[사용자:hunhee|hunhee님]]이 알려주셨어요!

리버티 스킨 루트 폴더에 있는 '''"SkinLiberty.php"''' 파일을 열어서 수정합니다.
===수정 전===
<syntaxhighlight lang="PHP" highlight="1-2" start='138' line>
$LibertyDarkCss = "body, .Liberty, .dropdown-menu, .dropdown-item, .Liberty .nav-wrapper .navbar .form-inline .btn, .Liberty .content-wrapper .liberty-sidebar .liberty-right-fixed .live-recent .live-recent-header .nav .nav-item .nav-link.active, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td, table.mw_metadata th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox th, #preferences fieldset:not(.prefsection), #preferences div.mw-prefs-buttons, .navbox, .navbox-subgroup, .navbox > tbody > tr:nth-child(even) > .navbox-list{
			background-color:#000;
			color: #DDD;
		}
</syntaxhighlight>

===수정 후===
<syntaxhighlight lang="PHP" highlight="1-2" start='138' line>
$LibertyDarkCss = "body, .Liberty, .dropdown-menu, .dropdown-item, .Liberty .nav-wrapper .navbar .form-inline .btn, .Liberty .content-wrapper .liberty-sidebar .liberty-right-fixed .live-recent .live-recent-header .nav .nav-item .nav-link.active, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable tr > td, table.mw_metadata th, .Liberty .content-wrapper .liberty-content .liberty-content-main table.infobox th, #preferences fieldset:not(.prefsection), #preferences div.mw-prefs-buttons, .navbox, .navbox-subgroup, .navbox > tbody > tr:nth-child(even) > .navbox-list, table.wikitable{
			background-color:#000!important;
			color: #DDD;
		}
</syntaxhighlight>

* 138번째 줄의 '''"<nowiki>{</nowiki>"''' 바로 앞에 '''"<nowiki>, table.wikitable</nowiki>"'''을 붙히고, 139번째 줄에서 '''"#000"''' 다음에 '''"<nowiki>!important</nowiki>"'''을 붙힌다.

==모바일에서 가로로 긴 표가 화면을 넘어갈때 좌우 스크롤 되도록==
모바일에서 위키를 볼때 거의 대다수가 세로로 보는데, 가끔 보면 표가 가로로 긴 경우들이 있어요. 스킨 기본값은 짤린 상태로 표시되는데요. 좌우 스크롤을 할 수 있도록 개선해 보아요.

수정할 파일은 스킨 폴더 → css 폴더 안에 있는 wiki-table.css 파일이에요.

===수정 전===
<syntaxhighlight lang="CSS" start='52' line>
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable {
	width: auto;
}
</syntaxhighlight>

===수정 후===
<syntaxhighlight lang="CSS" highlight="3-4" start='52' line>
.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable {
	width: auto;
	display: block;
	overflow-x: auto;
}
</syntaxhighlight>

'''"<nowiki>width: auto;"</nowiki>''' 밑에 '''"<nowiki>display: block;"</nowiki>'''과 '''"<nowiki>overflow-x: auto;"</nowiki>'''을 추가합니다.
==분기==
{{분기|가온 위키:기능 구현 불가-누가 해결책을 알려주세요!|6010||가온 위키}}

==각주==
@@ 123번째 줄: / 123번째 줄: @@
 '''"<nowiki>width: auto;"</nowiki>''' 밑에 '''"<nowiki>display: block;"</nowiki>'''과 '''"<nowiki>overflow-x: auto;"</nowiki>'''을 추가합니다.
-==광고 추가하기==
-[https://gitlab.com/librewiki/Liberty-MW-Skin 리버티 스킨 저장소]에 광고를 다는 방법에 대해 설명되어 있지만, 매우 불친절하게 알려져 있어 추가하기가 쉽지 않습니다. 아래는 저장소에 적혀져 있는 광고 추가 방법의 예제입니다.
-<syntaxhighlight lang="PHP" highlight="1">
-array( 'client' => '(Google Adsense에서 제공한 값)', 'header' => '1234567890', 'right' => '0987654321', 'belowarticle' => 1313135452 )
-</syntaxhighlight>
-<code>'client'</code> 부분은 "Google Adsense에서 제공한 값"이라고 적혀져 있기 때문에 어렵지 않게 입력할 수 있지만, 이후의 <code>'header'</code>, <code>'right'</code>, <code>'belowarticle'</code> 부분은 임의의 숫자로 적혀져 있어 어떤것인지 알기 매우 어렵습니다.
-리브레 위키측에 [https://bbs.librewiki.net/wiki/202181 문의]를 해도 이슈트래커에 확인하라고 하고, 이슈트래커에 문의하니 README.md 내용을 보라고 하니...
-<code>'header'</code>, <code>'right'</code>, <code>'belowarticle'</code> 부분은 <code>data-ad-slot</code> 부분을 입력하면 됩니다.
-== 로고 짤림 문제 해결 ==
-<code>$wgLibertyNavBarLogoImage</code>로 로고 파일의 위치를 지정할 수 있게 되었는데, 로고의 크기가 원본 이미지 파일(리브레 위키 로고)와 동일하지 않고 크면 짤리는 문제가 있다. 이를 해결했다.
-=== 수정 전 ===
-<code>SkinLiberty.php</code> 파일을 수정한다.
-<syntaxhighlight lang='php' line start='147' highlight='4'>
-if ( isset( $wgLibertyNavBarLogoImage ) ) {
-			$out->addInlineStyle(
-				".Liberty .nav-wrapper .navbar .navbar-brand {
-					background: transparent url($wgLibertyNavBarLogoImage) no-repeat scroll left center/auto 1.9rem;
-				}"
-			);
-		}
-</syntaxhighlight>
-=== 수정 후 ===
-번째 줄에 <code>background-size: contain;</code>를 입력한다.
-<syntaxhighlight lang='php' line start='147' highlight='4-5'>
-if ( isset( $wgLibertyNavBarLogoImage ) ) {
-			$out->addInlineStyle(
-				".Liberty .nav-wrapper .navbar .navbar-brand {
-					background: transparent url($wgLibertyNavBarLogoImage) no-repeat scroll left center/auto 1.9rem;
-					background-size: contain;
-				}"
-			);
-		}
-</syntaxhighlight>
-그러면 크기가 클 경우, 이미지를 자동으로 맞춰준다.
-== 분류 표기가 목록형으로 나타나는 오류 ==
-{{접기
-| 미디어위키 1.39 버전에서 분류 표기가 목록형으로 나타나는 오류 (우측의 펼치기를 눌러 자세히 확인하기)
-|<hr>본 문서는 해결 방법을 적어놓은 문서입니다. 질문사항은 [https://bbs.gaonwiki.com/free 위키 커뮤니티(권장)]나 본 문서의 [[가온 위키토론:기능 구현 불가-누가 해결책을 알려주세요!/리버티 스킨|토론 문서]]를 통해 질문해 주시면 감사하겠습니다. 아래의 내용은 글 원본입니다.<br>
-# 최초 발견된 게시글은 [https://bbs.librewiki.net/wiki/223909 리브레 위키 위키방의 한 게시글]로 추정된다. 이것도 리브레 스킨을 쓰는 다른 위키에서는 잘 되는건데...
-# 위키 본문에서 '[[별표]]'(*)를 사용해서 목록을 만드는 것 처럼, 분류가 목록형이 된다. "뭐 분류가 한 두개 정도만 있으면 괜찮겠지" 라고 생각하겠지만, 분류 하나마다 한 줄이라 [https://ko.wikipedia.org/wiki/%EB%B8%8C%EC%9D%B4_%ED%8F%AC_%EB%B2%A4%EB%8D%B0%ED%83%80_(%EC%98%81%ED%99%94) 이런 문서]처럼 분류가 아주 많이 붙어있는 문서라면 당연히 가독성이 수직낙하할거다!
-# 스킨이 지원하는 [[미디어위키]] 버전이 맞지 않거나, [[php]] 버전 8 이상에서 나타나는 문제라고 들어 이 둘의 버전을 맞춰봤지만, 동일한 증상이 나온다. 위의 질문자분도 XAMPP에서 설치했다고 했는데 그냥 환경이 [[XAMPP]]라서 그러는걸까?
-<hr>
-}}<br>
-[[가온 위키:기능 구현 불가-누가 해결책을 알려주세요!#미디어위키 1.39 버전 업그레이드 이후 분류값 앞에 점이 표시되고 세로로 정렬되는 문제]] 문단을 확인하면 해결이 가능합니다.
 ==분기==
 {{분기|가온 위키:기능 구현 불가-누가 해결책을 알려주세요!|6010||가온 위키}}
 ==각주==