Extension:MobileFrontend

From mediawiki.org
Jump to navigation Jump to search
This page is a translated version of the page Extension:MobileFrontend and the translation is 100% complete.
Other languages:
Deutsch • ‎English • ‎Tiếng Việt • ‎Türkçe • ‎español • ‎français • ‎polski • ‎português • ‎português do Brasil • ‎svenska • ‎русский • ‎中文 • ‎日本語 • ‎한국어

MobileFrontend uzantısı:

  • Mobil trafiğiniz için ayrı bir mobil site oluşturur,
  • içeriğinizi daha uyumlu hale getirmek için çeşitli içerik dönüşümleri sağlar,
    • Özellikle bölüm daraltma ve içeriğin yeniden düzenlenmesi ve kaldırılması.
  • mobil altbilgiyi basitleştirir ve bir masaüstü/mobil site bağlantısı ekler,
  • mobil uyumlu olmayan özel sayfaların değiştirilmesini sağlar: Special:History, Special:Contributions, Special:Watchlist, Special:Preferences, Special:MobileDiff
  • Special:Nearby, Special:MobileOptions (mobil görünüm tercihleri ​​için), Special:MobileLanguages (dil seçimi için) özel sayfalarını sağlar,
  • anonim kullanıcılar için deneysel özellikler eklemek için bir özellik yönetim sistemi içeren bir beta modu sağlar.


MediaWiki manüel uzantıları
OOjs UI icon advanced.svg
MobileFrontend
Sürüm durumu: kararlı
MediaWiki-Vagrant MobileFrontend Extension.png
Uygulama Kullanıcı arayüzü, Kanca
Açıklama Mobil uyumlu bir görünüm sağlar
Yazar(lar)
En son sürüm 2.3.0
Uyumluluk politikası sürüm dalları
MediaWiki 1.33+[1]
PHP 5.5.9+
Lisans GNU Genel Kamu Lisansı 2.0 veya üstü
İndir
README
Örnek m.mediawiki.org
  • $wgMFSearchGenerator
  • $wgMFStopRedirectCookieHost
  • $wgMFShowMobileViewToTablets
  • $wgMFStripResponsiveImages
  • $wgMFLazyLoadImages
  • $wgMFRSSFeedLink
  • $wgMFNamespacesWithLeadParagraphs
  • $wgMFAmcOutreachMinEditCount
  • $wgMFEnableMobilePreferences
  • $wgMFMobileFormatterOptions
  • $wgMFRemovableClasses
  • $wgMFContentProviderTryLocalContentFirst
  • $wgMFShowFirstParagraphBeforeInfobox
  • $wgMFMinCachedPageSize
  • $wgMFContentProviderClass
  • $wgMFVaryOnUA
  • $wgMFLogWrappedInfoboxes
  • $wgMFDisplayWikibaseDescriptions
  • $wgMFAlwaysUseContentProvider
  • $wgMFStopMobileRedirectCookieSecureValue
  • $wgMFNoMobilePages
  • $wgMFSchemaEditAttemptStepOversample
  • $wgMFEnableJSConsoleRecruitment
  • $wgMobileFrontendFormatCookieExpiry
  • $wgMFAmcOutreach
  • $wgMFResponsiveImageWhitelist
  • $wgMFLazyLoadSkipSmallImages
  • $wgMFSearchAPIParams
  • $wgMFContentProviderScriptPath
  • $wgMFAdvancedMobileContributions
  • $wgMFEnableXAnalyticsLogging
  • $wgMFUseDesktopSpecialHistoryPage
  • $wgMFWatchlistEditCountThreshold
  • $wgMFSiteStylesRenderBlocking
  • $wgMFMcsContentProviderBaseUri
  • $wgDefaultMobileSkin
  • $wgMobileUrlTemplate
  • $wgMFCollapseSectionsByDefault
  • $wgMFManifestBackgroundColor
  • $wgMFEnableFontChanger
  • $wgMFManifestThemeColor
  • $wgMFEnableManifest
  • $wgMFSchemaSearchSampleRate
  • $wgMFNoMobileCategory
  • $wgMFNearby
  • $wgMFEnableWikidataDescriptions
  • $wgMFUseWikibase
  • $wgMFSpecialPageTaglines
  • $wgMFNearbyRange
  • $wgMFNamespacesWithoutCollapsibleSections
  • $wgMFBetaFeedbackLink
  • $wgMFDefaultEditor
  • $wgMFEnableBeta
  • $wgMFNoindexPages
  • $wgMFUseDesktopSpecialWatchlistPage
  • $wgMFAutodetectMobileView
  • $wgMFQueryPropModules
  • $wgMFMwApiContentProviderBaseUri
  • $wgMFTrackBlockNotices
  • $wgMFMobileFormatterNamespaceBlacklist
  • $wgMFMobileHeader
Translatewiki.net adresinde mevcutsa, MobileFrontend uzantısını çevirin

Kullanım ve sürüm matrisini kontrol edin.

Sorunlar Açık görevler · Hata bildir

Bu sayfa, onu geliştirme örneklerine yüklemek isteyen son kullanıcılar için tasarlanmıştır. Bunu oluşturmamıza ve geliştirmemize yardımcı olmak istiyorsanız, sizi katılmanıza teşvik ediyoruz.

Ön koşullar

  • MediaWiki gerektirmese de, PHP'nin bu uzantının çalışması için mbstring desteğine sahip olması gerekir (görev T62174).

MobileFrontend'i kurmadan önce, şablonları ve/veya satır içi stilleri (stil niteliği) yoğun şekilde kullanırsanız, içeriğinizi mobil uyumlu olup olmadığını görmek için incelemelisiniz. TemplateStyles uzantısı, mobil ve masaüstünde güzel bir şekilde işlenmesi için içeriği şekillendirmek için kullanılabilir. MobileFrontend bunu sizin için sihirli bir şekilde düzeltmeyecek!

Özellikle açılış sayfanızı (ana sayfanızı) incelemek isteyebilirsiniz. Mobil ana sayfa biçimlendirmesi sayfasına bakın.

Kurulum

  • Vagrant kullanıyorsanız, vagrant roles enable mobilefrontend --provision ile yükleyin
Manüel kurulum

Yakın Kurulum

MobileFrontend, Küçük bir yapılandırma ile Special:Nearby sayfasını sağlar. Bunun işe yaraması için birkaç isteğe bağlı adım gereklidir:

  1. Tarayıcı güvenliği nedeniyle, SSL üzerinden güvenli bir site çalıştırmanız gerekecektir. HTTP üzerinden bir kullanıcının konumunu talep etmek mümkün değildir.
  2. GeoData uzantıyı kurun
  3. update.php çalıştırın
  4. LocalSettings.php'de $wgMFNearby = true; ekleyin
  5. Madde koordinatlarını belirleyin:
    1. coordinates ayrıştırıcı işlevini kullanarak maddelerinize konum verileri ekleyin, örneğin {{#coordinates:37.786971|-122.399677|primary}}. Sözdizimi ayrıntıları için, GeoData belgelerine bakın.
    2. Alternatif olarak LocalSettings.php dosyanıza $wgMFNearbyEndpoint ayarlayarak Yakındaki için ayrı bir MediaWiki kurulumu kullanabilirsiniz. Örneğin, $wgMFNearbyEndpoint = 'https://en.m.wikipedia.org/w/api.php';, İngilizce Vikipedi maddelerin koordinatlarını kullanacaktır. Yakındaki uç nokta, belirli bir konumla ilgili içeriği bulmak için kullanılacaktır.

Bir görünüm kurun

MobileFrontend, mevcut masaüstü web sitenizin yanında gidebilmeniz için mobil olarak biçimlendirilmiş bir web sitesi sağlar. Onu istediğiniz gibi kaplayabilirsiniz.

 // Choose one of these and add chosen code to bottom of LocalSettings.php file:
 wfLoadSkin( 'MinervaNeue' );
 $wgMFDefaultSkinClass = 'SkinMinerva'; // use Minerva skin (You need to download and install it separately, otherwise you'll get an exception)
 wfLoadSkin( 'Vector' );
 $wgMFDefaultSkinClass = 'SkinVector'; // use Vector skin
 wfLoadSkin( 'Timeless' );
 $wgMFDefaultSkinClass = 'SkinTimeless'; // use Timeless skin

Aşağıdaki görünümler MobileFrontend ile uyumludur:

Yapılandırma ayarları

Extension:MobileFrontend/Yapılandırma sayfasına bakın

Ek ince ayarlar

Bu isteğe bağlı uyumlu uzantıları ekleyerek MobileFrontend'den en iyi şekilde yararlanın:

Yerel özelleştirmeler

CSS stili

Mobil temanıza CSS uygulamak için, MediaWiki:Common.css'nin karşılığı olan MediaWiki:Mobile.css' sayfasını düzenleyin.

MobileFrontend, küresel MediaWiki:Common.css'yi yüklemez, kullanıcı stil sayfalarından herhangi birini de yüklemez.

Daha fazla bilgi

Mobil uzantıyı bir masaüstü tarayıcısında test etmek isterseniz veya cihazınız mobil sürümü oluşturmuyorsa, aşağıdaki anahtar/değer çiftini URL sorgu dizesine ekleyebilirsiniz: ?useformat=mobile. Örneğin: https://en.wikipedia.org/wiki/Chuck_Schuldiner?useformat=mobile

Uzantıyı sitenin tamamında etkinleştirmeden bir sayfanın mobil sürümünü görüntülemek isterseniz, dizeyi o sayfaya da URL'ye ekleyebilirsiniz.

MobileFrontend'in eski özellikleri

MobileFrontend geleneksel olarak çok büyük bir uzantı olmuştur. Birçok özellik ya gereksinimlerini aştı ya da gelecekteki bir tarihte işe yarayacak. Bunlar aşağıda listelenmiştir.

API

API'ler MobileFrontend uzantısı tarafından sağlanır, ancak uzun vadede bunları kullanımdan kaldırarak Mobil İçerik Hizmeti kullanacağımızı umuyoruz. Bu API'leri kendi sorumluluğunuzda kullanın. Kaybolabilirler (yine de, kaybolduklarında size yeterince haber vereceğiz)!

MobileView API'si

Extension:MobileFrontend/MobileViewAPI sayfasına bakın.

Genişletilmiş action=parse

action=parse ekstra parametreleri kabul eder:

mobileformat=
Oluşturulan sayfanın HTML'sini mobil biçimde 1.23+ döndürün. MediaWiki 1.23'ten önce, modern telefonlar için HTML çıkışı almak üzere mobileformat=html veya aptal telefonlar için WML çıkışı almak üzere mobileformat=wml belirtebiliyordunuz (ayrıntılar için posta listesi mesajına bakın).
noimages
Mobil çıkışdaki resimlerini devre dışı bırakın.
mainpage
Mobil ana sayfa dönüşümlerini uygulayın.

Örnek:

meta=siteinfo

Sitenin mobil sürümünün etki alanı (normal etki alanıyla aynı olabilir veya olmayabilir) genel site bilgisi bilgilerinin mobileserver anahtarı altında mevcuttur.

Geliştiriciler/sistem hizmetlileri için

Kurulum

Uzantı ile ne yaptığınıza bağlı olarak, npm install çalıştırmanız ve precommit kancasını çalıştırmak için php composer'ı kurmanız gerekebilir.

Yabancı bir vikideki maddeletle test etme (canlı veriler)

MobileFrontend artık diğer MediaWiki örneklerinden makaleler oluşturmak için yerel olarak yapılandırılabilir.[2] Bu, çeşitli şablonlara ve Wikibase tanımlayıcılarına bağımlı olabilecek maddeleri üretimden yerel örneğinize aktarmak yerine sorunları yerel olarak ayıklamanıza yardımcı olabilir. Bu, üretim kullanımı için tavsiye edilmez.

Aşağıdaki kod yerel MediaWiki mobil sitenizi bir Vikigezgin görüntüleyicisine dönüştürecektir:

$wgMFContentProviderClass = 'MobileFrontend\ContentProviders\MwApiContentProvider';
$wgMFMwApiContentProviderBaseUri = 'https://en.m.wikivoyage.org/w/api.php';

Bu, wgMFDefaultSkinClass yapılandırma seçeneğini kullanarak farklı mobil görünümleri test etmek için özellikle yararlıdır.

Mobil görünümü kullanma

WMF siteleri

Wikimedia Vakfı tarafından işletilen sitelerde, cihazınızın kullanıcı aracısını kontrol etmek için Varnish önbellekleme sunucularını kullanıyoruz.

WMF olmayan siteler

WMF olmayan siteler için, yapılandırmanızı WMF'de işlerin nasıl yapıldığını taklit edecek şekilde ayarlayabilir (proxy katmanında cihaz algılama ve belirli X-Device başlıklarını ayarlama) veya yalnızca "?useformat=mobile" bir maddeyi mobil görünümü kullanmak üzere değiştirmek için kullanabilirsiniz.

Anlık görüntü sürüm 1.28'den başlayarak, varsayılan $wgMFMobileHeader, X-WAP'tan X-Subdomain'e değiştirildi. $wgMFMobileHeader = 'X-WAP'; ayarlayabilir veya eşleştikleri sürece önbellek (Varnish) başlık ayarınızı değiştirebilirsiniz.

SSS

Aşağıdaki sorular sıklıkla tartışma sayfamızda görünür. Lütfen bunlar hakkında tartışma sayfasında yayımlamadan önce bu listeyi kontrol edin veya açıklama almak için varsa mevcut tartışma konusunu kullanın.

S: Minerva görünümünün ana menüsünü nasıl özelleştirebilirim?

C: Bu Phabricator'da izleniyor ancak Topic:Tiggc18fvd3stmsf geçici bir çözüme sahip bakabilirsiniz.

S: Örneğin reklamlar veya ek betik etiketleri eklemek için Minerva görünümüne HTML'yi nasıl eklerim?

C: Görünüm için şablon dosyasını düzenleyerek bunu yapabilirsiniz (şu anda include/skins/minerva.mustache). Ayrıntılar için bu tartışmaya bakın.

S: Kullandığım uzantı MobileFrontend üzerinde çalışmıyor. Neden?

C: Muhtemelen uzantı eski ve MobileFrontend'e uyumluluk eklemesi gerekiyor. Lütfen uzantının geliştiricisiyle iletişime geçin ve onları ResourceLoader/MobileFrontend dostu ResourceLoader modülü yazma sayfasına yönlendirin. Lütfen tartışma sayfasına mesaj göndermeyin, bu durumda daha hızlı yanıt almak için Phabricator'da bir hata bildirmek (MediaWiki.org kullanıcı adınızı kullanarak oturum açabilirsiniz) daha iyi olur.

S: MobileFrontend'i yükselttim ve şimdi ölümcül bir istisna yaşıyorum!

C: Muhtemelen MobileFrontend ve MediaWiki'nin uyumsuz sürümlerini kullanıyorsunuz. Çoğu durumda size burada yardımcı olamayız. Sorununuzu çözmek için MobileFrontend veya MediaWiki'yi yükseltmeyi deneyin.

S: MediaWiki'yi yükselttikten sonra bir istisna alıyorum wgMFDefaultSkinClass doğru kurulmamış.

C: MobileFrontend şu anda Minerva Neue görünümün kurulu olduğunu varsaymaktadır. Bunu yapmazsanız, bunu yüklemeniz veya mobil görünümünüzü yukarıdaki talimatlara göre yapılandırmanız gerekir.

Uzantı Geliştiricileri İçin

Varsayılan olarak, uzantılardaki kaynak modülleri mobil görünümde yüklenmeyecektir.

Mobil görünümde iken bir modülün yüklenmesi gerekirse MobileFrontend uyumlu modüller yazma hakkındaki bu kılavuz yardımcı olacaktır.

Ayrıca bakınız

Kaynakça

  1. :Fatal error: Uncaught ExtensionDependencyError: MobileFrontend is not compatible with the current MediaWiki core (version 1.32.2), it requires: >= 1.33.0.
  2. Bu YouTube demo videosuna bakın