Skin:Refreshed
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 | 38 (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üzdekiRefreshed
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. - 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
-
"Büyük" düzen (pencere genişliği > 1000 piksel)
-
"Orta" düzen (720px <= pencere genişliği <= 1000px)
-
"Küçük" düzen (pencere genişliği < 720 piksel)
-
"Küçük" düzende arama çubuğu
Refreshed 3 ve aşağı
-
Refreshed 3
-
Refreshed 3'ün mobil tasarımı
-
Refreshed 3'ün tablet tasarımı
-
3.0 sürümünden önce Refreshed tasarımı
This skin is included in the following wiki farms/hosts and/or packages: This is not an authoritative list. Some wiki farms/hosts and/or packages may contain this skin even if they are not listed here. Always check with your wiki farms/hosts or bundle to confirm. |