Jump to content

Skin:Refreshed

From mediawiki.org
This page is a translated version of the page Skin:Refreshed and the translation is 100% complete.
Bu sayfa Yenilenmiş 4 belgelerini içermektedir. Yenilenmiş 3 ve altı belgeleri için lütfen Special:PermanentLink/3442971 sayfasına bakın.
MediaWiki görünüm kılavuzu - kategori
Refreshed
Sürüm durumu: kararlı
Açıklama Başlangıçta Brickimedia'da kullanılmak üzere tasarlanmış ve şimdi tüm vikiler için tasarlanmış temiz, modern bir görünüm
Yazar(lar) Brickimedia (Adam Carter, George Barnick, MtMNC, ShermanTheMythran, Jack Phoenix, Drew1200, SirComputer, Seaside98, Samantha Nguyen, Lewis Cawte), MacFan4000
Son sürüm 4.0.7 (2023-04-03)
MediaWiki 1.39+
Lisans GNU Genel Kamu Lisansı 2.0 veya üstü
İndir
README.md
Örnek
Quarterly downloads 35 (Ranked 14th)
Public wikis using 41 (Ranked 42nd)
Public wikis using as default skin 19
Translatewiki.net adresinde mevcutsa, $2 görünümü çevirin
Sorunlar : Açık görevler · Hata bildir

Refreshed temiz bir modern görünümüdür Brickimedia viki ailesinin kullanıcıları tarafından geliştirildi, ancak diğer viki çiftlikleri ve bağımsız vikiler için de uygundur. Yenilenen mobil cihazlara uyum sağlamak için duyarlı CSS kullanır ve modern akıllı telefonlar ve tabletlerle tamamen uyumludur.

Görünümün CSS ve LESS kullanılarak kolayca ve kapsamlı bir şekilde özelleştirilebilir.

Refreshed 4.0.5, MediaWiki 1.35+ gerektirir. Refreshed 4'ün önceki sürümleri MediaWiki 1.28+ gerektirir.

Yükle

  • Dosyaları indirin ve skins/ klasörünüzdeki Refreshed adlı dizine yerleştirin.
  • LocalSettings.php dosyanızın altına aşağıdaki kodu ekleyin:
    wfLoadSkin( 'Refreshed' );
    
  • Refreshed 4.x sürümünden görünümün yeni bir sürümüne yükseltme yapıyorsanız, yeni sürüme geçmeden önce custom.less dosyanızı yedeklediğinizden emin olun. Yükseltme işlemi tamamlandıktan sonra, custom.less yeni kopyayı eski kopyanızla değiştirin.
  • Yes Yapıldı - Görünümün başarıyla yüklendiğini doğrulamak için vikinizde Special:Version sayfasına gidin.

Yapılandır

Refreshed stilin nasıl seçileceğini seçin

Refreshed 4, LESS kullanılarak üretilmiştir, böylece birkaç kural yazarken cildi yoğun bir şekilde özelleştirmek için karışımlardan ve diğer özelliklerden yararlanabilirsiniz.

Yöntem 1: custom.less düzenleyin

Bu, LESS kullanarak Refreshed'i özelleştirmek için en basit yöntemdir.

Refreshed , refreshed/styles/screen/custom.less altında bir başlangıç LESS dosyası içerir.

Dış görünümü özelleştirmek için bu dosyayı düzenleyin.

Bu dosyada, refreshed/styles/screen/mixins-public.less altında temin edilebilen cilde özgü LESS karışımlarına erişebilirsiniz.

Ayrıca viki çapında karışımları da içe aktarabilirsiniz; daha fazla bilgi için Manual:Coding conventions/CSS#LESS sayfasına bakın.

Bu yöntemi kullanırsanız, yeni sürüme geçmeden önce custom.less dosyanızı yedeklemeyi unutmayın.

Yöntem 2: MediaWiki:Refreshed.css düzenleyin

MediaWiki:Refreshed.css sayfasına düzenleyerek Refreshed'i viki arayüzünüzden özelleştirebilirsiniz.

Bu, kullanıcıların sitenin arka ucundan geçmeden görünümü özelleştirmelerini sağlar.

Ek bir avantaj olarak, vikinin sayfa geçmişi CSS'niz için sürüm kontrolü sağlar.

Maalesef, MediaWiki, 1.34 sürümünden itibaren bir LESS içerik modeli sağlamamaktadır.

Sonuç olarak, görünümü site arabirimi üzerinden özelleştirmek istiyorsanız, LESS yerine düz eski CSS kullanmanız gerekir.

Yöntem 3: Extension:Theme kullanın

Refreshed'i Extension:Theme ile özelleştirebilirsiniz.

Diğer görünümler için olduğu gibi Refreshed için bir tema kaydedin ve ayarlayın.

Bu yöntem, viki kullanıcılarının seçebileceği birçok özelleştirilmiş Refreshed sürümünü sağlamanıza olanak tanır.

Ayrıca, bu yöntemi kullanırsanız, görünümü her yükselttiğinizde Refreshed'in custom.less dosyasını yedeklemeniz gerekmez.

LESS kullanabilirsiniz, ancak özel LESS dosyalarınızın Theme uzantısının dizininde bir yerde olacağını, Refreshed'in cilde özel mixin dosyasının mixins-public.less ise Refreshed'in görünüm dizininde olacağını unutmayın.

Bu nedenle, özel LESS dosyalarınızda Refreshed karışımlarını kullanmak istiyorsanız, Yenilenen dış görünüm dizininden (belki de uzun bir göreli URL ile) mixin dosyasını @import gerekir.

Ek özelleştirme

Logo/marka

Diğer birçok görünümden farklı olarak, Refreshed büyük bir logo yerine bir kelime işareti kullanır.

Yenilenmiş'in kelime işaretini/mobil simgesini ayarlamak için kılavuz başına $wgLogos[ 'wordmark' ] ve $wgLogos[ 'icon' ] ayarlayın. $wgLogos içindeki değerler ayarlanmadığında veya Refreshed'in daha eski bir sürümünü kullanıyorsanız, bunun yerine aşağıdaki arayüz mesajları kullanılır (eğer ayarlanmışlarsa).

  • MediaWiki:Refreshed-this-wiki-wordmark - Görünümün "büyük" ve "orta" düzenlerinde görüntülenen kelime işaretinin URL'si. Bu kelime işareti, görünümün "küçük" düzeninin kenar çubuğunda da görüntülenir.
  • MediaWiki:Refreshed-this-wiki-mobile-logo - Görünümün "küçük" düzeninde görüntülenen logonun URL'si. Metin içermeyen bir grafik önerilir.


Wiki yöneticileri için ipucu: Refreshed'in mobil kaplamasında en iyi görüntü için, logonun "retina" (yüksek PPI) mobil cihaz ekranlarında bulanık görünmemesi için küçültülmüş görüntüler veya SVG görüntüler kullanmayı düşünmelisiniz.

Viki çiftlik desteği

Refreshed viki çiftlikleri düşünülerek tasarlanmıştır.

Varsayılan olarak, Refreshed yalnızca bir viki logosu gösterir.

Görünüm, diğer vikilere bağlantılar içeren bir açılır menü de gösterecek şekilde yapılandırılabilir.

Başka bağlantılar eklemek için, MediaWiki:Refreshed-wiki-dropdown düzenleyin ve gruptaki her viki için aşağıdaki formun bir satırını ekleyin.

* Wiki name|logo image URL|wiki URL

Açılır menü, başlığın derinin "büyük" ve "orta" düzenlerinde görünür.

"Küçük" düzende, açılır menü kenar çubuğunda görünür.

Üçüncü parametre olan viki URL'si varsayılan olarak vikinin ana sayfasıdır, ancak MediaWiki:Refreshed-this-wiki-url ile özelleştirilebilir.

Üstbilgi kategorileri ve Keşfet açılır listesi

Refreshed 3.0 ve üstü "başlık kategorileri" özelliğine sahiptir.

Bunlar, başlıkta viki sayfalarına bağlantılar içeren özelleştirilebilir açılır listelerdir.

Başlık kategorilerini değiştirmek için MediaWiki:Refreshed-navigation düzenleyin ve buna benzer bir liste oluşturun:

* Category 1
** MediaWiki:Refreshed-navigation|Entry 1
** MediaWiki:Refreshed-navigation|Entry 2
** MediaWiki:Refreshed-navigation|Entry 3
** MediaWiki:Refreshed-navigation|Entry 4
* Category 2
** MediaWiki:Refreshed-navigation|Entry 1
** MediaWiki:Refreshed-navigation|Entry 2
** MediaWiki:Refreshed-navigation|Entry 3
** MediaWiki:Refreshed-navigation|Entry 4
* Category 3
** MediaWiki:Refreshed-navigation|Entry 1
** MediaWiki:Refreshed-navigation|Entry 2
** MediaWiki:Refreshed-navigation|Entry 3
** MediaWiki:Refreshed-navigation|Entry 4

Başlık kategorileri, görünümün "büyük" ve "orta" düzenlerinde görünür.

Pencere tüm başlık kategorilerine sığacak kadar geniş değilse, başlık kategorileri "Keşfet" başlıklı tek bir açılır menü içine yerleştirilir.

(Bu açılır listenin adını değiştirmek için MediaWiki:Refreshed-explore düzenleyin.)

Dış görünümün "küçük" düzeninde, başlık kategorileri kenar çubuğunda görünür.

Başlık kategorilerini farklı bir dilde görüntülemek için MediaWiki:Refreshed-navigation/de gidin; burada de dil kodudur ve aynı listeyi istenen dilde oluşturun.

Reklamlar

Refreshed , varsayılan olarak reklam içermez, ancak LocalSettings.php dosyanıza aşağıdaki kodu yerleştirerek Google Ads'i gösterecek şekilde yapılandırabilirsiniz.

function showRefreshedAdvert( &$footerExtra ) {
	$footerExtra = '
		<div id="advert">
			<p>' . wfMessage( 'refreshed-advert' )->escaped() . '</p>
			<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
			<!-- Refreshed ad -->
			<ins class="adsbygoogle"
				style="display:inline-block;width:728px;height:90px"
				data-ad-client="ca-pub-9543775174763951"
				data-ad-slot="7733872730"></ins>
			<script>
				(adsbygoogle = window.adsbygoogle || []).push({});
			</script>
		</div>';
	return true;
}
$wgHooks['RefreshedFooter'][] = 'showRefreshedAdvert';

data-ad-client ve data-ad-slot değerleri, Google'ın size verdiği değerlerle eşleşmelidir.

Reklamlarınızı cihazlarda duyarlı hale getirmek için aşağıdaki CSS’yi MediaWiki:Refreshed.css veya viki grubu kurulumundaysanız MediaWiki:Global-refreshed.css ekleyin. Bunun için GlobalCssJs kurulumu gereklidir.

(Refreshed 4'ten itibaren, reklamların farklı pencere boyutlarında nasıl görüneceğini özelleştirmek için LESS kullanabilirsiniz.)

@media (max-width: 500px) {
	.adsbygoogle {
		width: 320px;
		height: 50px;
	}
}

@media (max-width:799px) {
	.adsbygoogle {
		width: 480px;
		height: 60px;
	}
}

@media (min-width: 800px) {
	.adsbygoogle {
		width: 728px;
		height: 90px;
	}
}

Echo

Refreshed 4, Echo doğal olarak destekler.

Kullanıcı avatarları

Refreshed Extension:SocialProfile varlığı otomatik olarak algılar ve etkinleştirildiyse kullanıcıların avatarlarını yükler.

Varsayılan avatarlar

SocialProfile avatarları etkinleştirilmezse, Refreshed, kullanıcı adınıza (veya oturum açmadıysanız "oturum aç" açılır menüsüne) göre genel bir simge görüntüler.

Aşağıdaki sayfaları düzenleyerek bu genel simgeleri özelleştirebilirsiniz.

  • MediaWiki:Refreshed-icon-logged-in - Oturum açan kullanıcılar için varsayılan bir avatarın URL'si.
  • MediaWiki:Refreshed-icon-logged-out - Oturumu kapatmış kullanıcılar için varsayılan avatarın URL'si.

Sayfa durumu göstergeleri

Refreshed 3 ve üstü Page status indicators destekler.

Varsayılan olarak tüm sayfa durumu göstergeleri kaplamanın "küçük" düzeninde gizlidir, ancak aşağıdaki göstergelerle bağımsız göstergeleri beyaz listeye ekleyebilirsiniz:

#mw-indicator-name { /* replace "name" with the indicator's "name" value */
	display: inline-block;
}

Galeri

Refreshed 4

Refreshed 3 ve aşağı