Topluluk Merkezi

Fandom, Kızılderili Mirası Ayını kutluyor! blog gönderimize göz atın ve daha fazla bilgi edinmek ve katılmak için bize katılın!

READ MORE

Topluluk Merkezi
Advertisement

Bu yardım sayfası, topluluğunuza ek CSS ve JavaScript eklemenin önerilen yollarını açıklayacaktır.

ImportJS

MediaWiki:ImportJS, hem yerel hem de Dev Wiki'den betikleri içeren maddeleri bir topluluğa dahil etmek için bir arabirim sağlar.

ImportJS'nin çalışması için vikinin özel JS etkin olması gerekmez.

Kullanım

MediaWiki:ImportJS, JavaScript madde adlarının belirleneceği düz metin bir madde sağlar. Yerel dosyaların MediaWiki ad alanında olması gerekir. Dev Wiki içe aktarmalarının da çalışması için MediaWiki ad alanında olması gerekir. İçe aktarılacak dosyaları belirtirken, MediaWiki ad alanının dahil edilmesi gerekmez. Örnek:

//yerel JS dosyası
Cat.js

// Dev Wiki betiği
dev:UploadMultipleFiles.js

ImportJS'nin işlevselliği, yerel ve harici topluluklardan çeşitli maddeleri içe aktarabilen, bunları tek bir ağ isteğinde toplayan ve minileme sağlayan importArticles işlevine benzer. Hem importArticles hem de ImportJS dosya boyutunu ve web trafiğini azaltarak çok sayıda ek dosya içeren bir topluluğun çok daha hızlı yüklenmesini sağlar.

Yükleme düzeni

ImportJS kullanırken, içindeki sayfalar son olarak yüklenir. Tam yük sırası:

  1. Common.js
  2. Fandomdesktop.js
  3. Common.js aracılığıyla içe aktarılan betikleri
  4. Fandomdesktop.js aracılığıyla içe aktarılan betikler
  5. ImportJS

CSS içe aktarımları

@import yöntemi

@import kullanılarak stiller, bir vikide veya diğer web sitelerinde barındırılan herhangi bir CSS dosyasından içe aktarılabilir (url'de .css ile biter ve dosyadaki varsayılan dış görünüm öğeleri için değişiklikleri içerir). Sözdizimi aşağıdaki gibidir:

@import "path_to_file_to_import.css"

Yukarıdaki örneğe göre, Local.css dosyasını Common.css'e aktarmak için bunu Common.css dosyanızın en üstüne yerleştirin (diğer kurallardan önce olmalıdır):

@import "/load.php?articles=MediaWiki:Local.css&only=styles&mode=articles";

Tarayıcınızın "Web Geliştirici" aracının "Ağ" sekmesinde yüklenen dosyaları bulmayı kolaylaştıracak alternatif bir yol kullanmaktır:

@import url("/MediaWiki:Local.css?ctype=text/css&action=raw");

Bu yöntemle ilgili daha fazla bilgiyi buradan okuyabilirsiniz.

importArticles

Yukarıdaki yöntemin yerine importArticles burada yalnızca CSS içe aktarmalarıyla ilgili olarak tartışılacaktır. JS içe aktarmaları için lütfen bu sayfaya bakın.

importArticles, CSS stillerini içe aktarmak için hâlâ kullanılabilir. Ancak, JavaScript aracılığıyla yapılması gerektiğinden JS incelemesine tabi olacaklardır. Ayrıca, CSS'yi bu şekilde yüklemek, sayfa ilk görüntülendikten sonra CSS uygulandığı için bir titreme etkisi yaratır. En iyi sonuçlar için @import yöntemini kullanın.

Örnek

importArticles aracılığıyla yerel bir CSS dosyasını içe aktarma:

importArticles({
    type: "style",
    article: "MediaWiki:Local.css"
});

Ayrıca bakınız

Daha fazla yardım ve geri bildirim

Advertisement