Github’ın çekirdeğini WordPress’te sabitledi
WordPress’te kaynak kodunu sabitlemek kolay bir iş değildir. Bazı eklentiler bu kodu paylaşma ve sabitleme görevini basitleştirmeye çalışsa da, kod WordPress düzenleyicisindeki metin ve diğer içeriklerle kolayca karıştırılır. GithHub Gists, kod görüntülerini web’de paylaşmanın en popüler yollarından biridir. En son sürümdeki WordPress, Web Sitesi için OEMBED’leri desteklemez ve varsayılan olarak kod ve alıntı paylaşır. Oembeds kullanarak kod kodunu hemen özden hemen sabitleyebilirsek olağanüstü değil mi? Bu yazıda, Github Gists’i WordPress yayınlarına kolayca sabitleyebilmeniz için size çeşitli şekillerde rehberlik edeceğim. Ayrıca, çeşitli eklentiler yükleyerek elde edebileceğiniz bazı ek kontroller ve seçenekler göstereceğim.
İlk olarak, bu makalede tökezliyorsanız ve öz fikrini bilmiyorsanız, Kod – Gist indirim hizmetine kısa bir giriş.
İçindekiler
Giriş Github Direct
WordPress’in özünü sabitledi
Bir eklenti kullanarak çekirdeği sabitlemek
1. Kısa Kod Gömme – Jetpack eklentisi
2. Gistress eklentisi
3. WP Çekirdek Eklentisi
4. Oembed Intisari
Çekirdek desteği eklemek için özel kod
Çözüm
Giriş Github Intisari Gist, Github’dan Git deponuzu tüm GitHub işlevleriyle paylaşmanızı sağlayan bir hizmettir. Kodunuzun bir parçasını özüne ekleyebilir ve istediğiniz yerde paylaşabilirsiniz.
Github, GIST’i her şeyde üzerinde çalışılabilen, klonlanabilen ve manipüle edilebilen bir git deposu olarak tanıtır. Tanınması oldukça açıktır ve daha önce GitHub’ı kullandıysanız, GIST’i anlamak ve kullanmaya başlamak için uzun zamana ihtiyacınız yoktur. WordPress’in özünü sabitlemek için, öz kodu paylaşmanın popüler bir yolu haline geldiğinden, WordPress yayınınıza gömmenin birçok yolu vardır. GitHub’ın kendisi, bir özü diğer web sitelerine gömmek için varsayılan bir yol sağlar ve “komut dosyası” etiketinin eklenmesini gerektirir. Ancak yukarıda bahsettiğim gibi, “komut dosyası” etiketi ile kodu girmesi, WordPress’te kullanılan Tinymce editörünü bozabilir En kolay olanla başlayalım – eklentileri kullanarak OEMBED desteği eklemek. Bir eklenti kullanarak çekirdeği aşılama 1. Kısa Kod Gömme – Jetpack eklentisi
Popüler bir JetPack eklentisi kullanıyorsanız, GIST dahil birkaç platform için OEMBED ve Kısa Kod Desteği eklemek için Embeds Jortcode özelliğini etkinleştirebilirsiniz.
İlk olarak URL’yi URL çubuğunda görebileceğiniz gibi kopyalayın. WordPress düzenleyicisinde bir satırın üzerinde dinlenin.
Bu, özü otomatik olarak çekecek ve yazınıza veya sayfanıza gömülü hale getirecektir – özü göstermek istediğiniz yerde. Not: URL’yi bir bağlantıya dönüştürmediğinizden emin olun.
GISTPress, yukarıda tartışılan Jetpack özelliğinin özünü gömmek için OEMBED ve kısa kod desteği eklemenizi sağlar. Tüm jetpack kısa kodu gömme özelliklerini sağlamanın yanı sıra, GISTPress, blogunuzda nasıl göründüğü hakkında daha fazla ayarlamak istiyorsanız yararlı olabilecek birkaç ek özellik sağlar. Eklentinin bazı önemli ek özellikleri,
Özündeki belirli çizgileri vurgulama yeteneği.
Daha iyi düzenleme için ek CSS sınıfları ekleme yeteneği. Gistress, geliştiriciyi göz önünde bulundurarak, hata ayıklama çubuğu eklentisi için özel bir panel kullanılarak gömülü olan özü hata ayıklamanıza izin vermek gibi CSS stili ve gelişmiş özellikler eklemenize izin vererek inşa edilir.
2.1 GISTPress ile OEMBED’leri kullanmak çok kolaydır. Tek yapmanız gereken URL’yi WordPress editöründeki bir satırda özüne eklemektir. 2.2 Ek özellikler için bir kısa kod kullanma OEMBED’lere kıyasla kısa bir kod kullanmanın avantajı, özün özünün gönderinizde göründüğünü daha fazla ayarlayabilmenizdir. a. Genel Kod Genel Kısa Kodu Kimlik Dosyası Gist Kimliği içerir, sadece sözdizimini kaydedin. https://gist.github.com/pradeepdotco/a8f206981e0c49351b9d B. Yalnızca varsayılan olarak bir dosyayı görüntüleyin, hem OEMBED’ler hem de genel kısa kodu yukarıdaki tüm dosyaları görüntüleyecek (evet, GIST birkaç dosya-Multi’nin bir kombinasyonu olabilir -Gist).
Daha sonra tek bir dosyayı görüntülemek için dosya adını kısa bir kodda belirleyebilirsiniz. https://gist.github.com/pradeepdotco/c656b1dc5ea5d1861426 C. Çekirdek dosyanızın belirli bir satırını gösterin, daha sonra TOT yalnızca belirli dosya satırlarını görüntüler. Çizgiler özniteliğini kısa kod ekleyin ve satır aralığını belirleyin (aşağıdaki kısa koda bakın). https://gist.github.com/pradeepdotco/de19bf98f8fb2028367d D. Çekirdek dosyadan satırı vurgulayın, sadece vurgular özniteliklerini ekleyin ve çatı dosyasından vurgulanacak komadan ayrılan satır veya satır aralıklarının listesini belirleyin. https://gist.github.com/pradeepdotco/734aecacd584e522d2a3
Özünüzün görünümünü ayarlamak için kullanabileceğiniz belgelerde belirtilen birkaç kısa kod özelliği vardır.Birçok benzersiz seçenek ve özellik ile GISTPress, GIST’i WordPress ile entegre etmek için eksiksiz bir eklentidir.Eklenti ile gördüğüm tek dezavantaj GitHub’da barındırılmasıydı ve WordPress eklentisi deposunda mevcut olmamasıydı.Bu, eklentiler için güncelleme yönetimini zorlaştırabilir.Ancak, GISTPress gibi GitHub tarafından yayınlanan eklentilerden güncellemeleri yönetmenizi sağlayan GitHub Updater eklentisini yükleyebilirsiniz.3. WP Çekirdek Eklentisi
WP GIST, Githib Gist’in WordPress’e gömülmesi için destek ekleyen başka bir WordPress eklentisidir. Bu eklenti GitHub’dan ücretsiz indirilebilir. Eklenti, Yalnızca Gönderi veya sayfanızda bir kısa kod kullanarak gömme öz eklentisini kullanmayı mümkün kılar (yukarıdaki eklentilerin – GISTPress ve Jetpack’in her ikisinin de OEMBED’leri etkinleştirmek için daha kolay yöntemlere izin verdiğini unutmayın). Beni buradaki eklenti içeren WP özü ile tek fark, neredeyse tüm temalarla iyi görünmesini sağlayan ayarlanmış stil. Özü Çekirdek WP ile sabitlemek lütfen özü gömmek için gereken kısa koddaki sözdizimine dikkat edin. 3.1 Tek/Tam Çekirdek Bir özü gömmek için, sabitlemek istediğiniz kimlik özü ile kısa kodu [WPGist] kullanın. [WPGIST] 3.2 Multi File Core’daki belirli dosyalar, dosya öznitelikleri ekleyerek çoklu dosya çekirdeğinden yalnızca bir dosyayı görüntülemeyi belirleyebilirsiniz. [Wpgist file = “find-this-in-load-s- styles.php”] GITPress’e benzer şekilde, eklenti yalnızca GitHub’da yayınlandığı için otomatik güncellemeler için GitHub güncelleyici eklentisini kullanmalısınız. Daha fazla kullanım talimatları için Github Proje sayfasını görebilirsiniz veya eklentiye katkıda bulunmak istiyorsanız. 4. Oembed Intisari
OEMBED GIST, GIST dosyasına OEMBED destek eklemenizi sağlayan basit bir eklentidir. Bu eklenti WordPress eklenti deposunda ücretsiz olarak kullanılabilir. Ayrıca WordPress kontrol panelinizden eklentileri arayabilir ve yükleyebilirsiniz. Kurulduktan sonra, bu eklentiyi kullanarak özü sabitlemenin iki yolu vardır. a. Bir satırdaki çekirdek URL, şemsiyenin URL’sini bir sıraya yapıştırmak için yeterlidir. B. Multi File Gist’ten çoklu dosyaların bir parçası olan ayrı ayrı dosyaları bireysel dosyalar, URL’nin sonuna belirli dosya seçmenlerini eklediğinizden emin olun. https://gist.github.com/973153#file_sect_media.html eklentisi yazar tarafından desteklenir ve GitHub’dan buradan indirilebilir. Şimdiye kadar, çeşitli şekillerde öz eklemek için eklentileri kullanabilmeniz için yolları tartıştık. Yukarıdaki eklentiyi kullanmanızı şiddetle tavsiye etsem de, temanıza birkaç özel kod satırı ekleyerek kolayca OEMBED desteği ekleyebilirsiniz. Çekirdek Destek Eklemek için Özel Kod Aşağıdakiler, Fonksiyon.php dosyasına bilebileceğiniz özel bir koddur. Aşağıda gömülü öz dosyasında görebileceğiniz gibi (OEMBEDS kullanarak), kod ninnypants’tan alınmıştır. HTTPS: