Filament.io, Yine Her Yerde Geliştiriciler Olmayan İçin Koda Dokunma

  • Michael Fisher
  • 0
  • 1015
  • 243
reklâm

Google Analytics izleme kodu gibi bir kod pasajını web sitenize PHP şablon dosyalarına kazanarak elle yapıştırmayı denediyseniz, bunun ne kadar korkutucu olabileceğini bilirsiniz. Filament.io, sürükleyip bırakmak kadar basitleştirir. En azından söz bu.

Başlamak

Filament.io adresine gidin ve kayıt düğmesine basın. Bir giriş yapmanız gerekecek, ancak tek tuşla hızlı erişim için Facebook ve Google hesapları kullanılabilir. Ardından, üzerinde kullanacağınız etki alanını girmeniz gerekir - daha sonra daha fazla ekleyebilirsiniz.

WordPress kullanıyorsanız, bu, siteyi taradığında algılanır ve sağlanan eklentiyi, filament işlevinin hangi tür sayfaların içerdiğini kontrol etmenize olanak tanıdığı için (yalnızca gönderiler ve statik değil) sayfa).

Bir sonraki adımda, Filament kayıt ekranı size kısa bir JavaScript pasajı verecek - bunu eklenti ayarları sayfasına yapıştırın. İhtiyacınız olan son JavaScript kodu olabilir! Filament'i eklenti olmadan kullanabilirsiniz, ancak komut dosyalarının görüntülendiği yeri filtrelemek için çok fazla seçeneğiniz olmaz.

Uygulama Ekleme

Filament ekran aracı, sitenizin canlı bir önizlemesini gösterir; böylece uygulamaların gitmesini istediğiniz yeri görsel olarak tasarlayabilirsiniz. Flare adında güzel bir dizi sosyal düğme ekleyerek başlayın. Site önizlemesinde bir yayına gidin.

Kenar çubuğundan, vur Yeni İşaret fişeği seçeneklerini açmak için İşaret fişeği, muhtemelen bu makalenin yanında gördüğünüz, standart olarak sağlanan standart düğmelerden daha hoş görünen keyifli bir özel paylaşım düğmeleri grubudur. Eklenti için prim lisansı satın alarak çıkarılabilecek markalı bir logo bulunur..

Ayarları kaydedin, ardından yeni Flare modülünü sitenize sürükleyip bırakın. Ardından ilk filtreleme seçenekleri gösterilecektir. Devam et ve ekle Bütün Mesajlarım.

Özelleştirmek için başka bir filtre setine sahip olacaksınız; bunlar WordPress eklentisi tarafından etkinleştirilir. Bir geliştirici olarak, eğer cümle varsa, PHP'yi çevreleyen komut dosyalarına alışkınım (Bunların ne olduğundan emin değil misiniz? PHP Başlangıç ​​Kılavuzumuzu okuyun), ancak WordPress sayfa türü tespitini bilmeyenler için bu filtrelerin gücünü gerçekten takdir edebilirim..

Teknik düzeyde, WordPress eklentisi sayfa çıktınıza Filament'e ne tür bir sayfa olduğunu söyleyen bir meta etiket kümesi ekler; Filament Javascript başlatıcısı bunu algılar ve o belirli sayfada istediğiniz komut dosyalarını oluşturulan filtrelerinize göre enjekte eder. Komut dosyalarını başka hiçbir şekilde manipüle etmiyor - sadece sayfaya enjekte ediyor.

Tıklamanız gerekecek Yayınla değişiklikler sitenize gönderilmeden önce görünmeleri birkaç dakika sürebilir, bu nedenle hemen görünmüyorsa panik yapmayın.

Tıkla gösterge paneli Daha fazla uygulama eklemek için bağlantı ekleyin veya ek fişek birimleri oluşturabilirsiniz (örneğin, belirli bir tasarım veya ana sayfada daha fazla düğme istiyorsanız)..

Yazma sırasında, toplamda 6 uygulama mevcut:

  • işaret fişeği, sosyal yer imi eklentisi.
  • Sarmaşık, Bu, kullanıcıların makalelerinizden vurguladıkları alıntıları kolayca paylaşmalarını sağlar.
  • Pasaport, tüm kişisel sosyal profilinizi vurgulamanın ilginç bir yolu (evet, bunun şu anda biraz sosyal merkezli olduğunu fark ediyorum)
  • MailChimp mükemmel bir posta listesi servisi (bu arada ayda 12.000 e-posta ve 2.000 aboneye kadar ücretsiz olan) bir aboneliktir.
  • Google Analytics web sitesi olan herkese aşina olmalı; Ryan, analitik verilerinizi anlamak için bu harika başlangıç ​​rehberini oluşturdu..
  • En sonunda, CodeDrop başka bir yerde verilmiş olan diğer kod snippet'lerini yönetmenize olanak sağlar.

Kontrol panelinde, tıklayın Başlatmak. Siteleri seçmek için açılır listeye dikkat edin - tek bir hesaptan birden fazla web sitesini yönetebilirsiniz.

Herhangi Bir İyi mi?

Görsel yerleşim aracı şaşırtıcı derecede etkilidir ve manuel olarak tam olarak doğru konumlandırmaya çalışmanın zorluğundan kaçınır. Tema dosyalarını düzenleme konusunda emin değilseniz, bu bir hayat kurtarıcıdır. Ancak, yalnızca mevcut temanızın sınırları dahilinde çalışabilir. Sayfada bulduğu herhangi bir öğeye otomatik olarak yaslanır, ancak temanızda yalnızca bir sütun varsa, örneğin bir widget için yeni bir sütun oluşturamaz..

Ayrıca bazen bazı şeyleri yanlış yapar, kaçınılmaz olarak sayfanızın kaydırıcıları gibi dinamik öğeleri de vardır; veya tema CSS’iniz widget’i engelleyebilir. Oyun oynamanız gerekebilir - ama çoğunlukla, iyi çalışıyor.

Bir web geliştiricisi olarak bile, kullanım kolaylığı ve merkezi komut dosyası yönetimini takdir ediyorum. Altbilgi dosyalarım genellikle sadece belirli bir sayfada komut dosyalarını basmak için kodlarla doludur - bu da saçmalamayı kolaylaştırır, tema dosyalarını temizler.

Uygulama seçimi şu anda oldukça sınırlıdır, elbette CodeDrop modülü aracılığıyla kendi basit kod eklemelerinizi her zaman ekleyebilseniz de - daha fazla söz verilmiş uygulamalar var. Bu işlevselliğin varsayılan olarak WordPress'e dahil edilmesini istediğimi fark ediyorum - tema özelleştirmedeki tüm ilerlemeler için, JavaScript snippet'lerini eklemek için hala arcane PHP şablon düzenleme kullanımından mahrum kaldık. Şimdilik, Filament.io, çoğumuzun bile bilmediği bir fonksiyonellik açısından çok ihtiyaç duyulan bir boşluğu dolduruyor. Bir şans verdin mi? Bize düşüncelerini söyle.




Henüz no comments

Modern teknoloji hakkında basit ve uygun fiyatlı.
Modern teknoloji dünyasında rehberiniz. Her gün bizi çevreleyen teknolojileri ve araçları nasıl kullanacağınızı ve Internet'te ilginç şeyleri nasıl keşfedeceğinizi öğrenin.