Sosyalist jQuery Eklentisi ile WordPress Blogunuzda Sosyal Güncellemeler Duvarı Oluşturun

İlan

Socialist, güncellemelerinizi çeşitli sosyal ağlarda toplayan ve Pinterest'e benzer bir ızgarada güzel bir şekilde görüntüleyen inanılmaz yeni bir jQiuery eklentisidir. Bunun ne kadar muhteşem olduğu hakkında bir fikir edinmek için aşağıdaki ekran görüntüsüne bakın ve bunu WordPress'te nasıl uygulayacağınızı okuyun.

Not: Sosyalist bir jQuery eklentisidir. Bunu WordPress'te nasıl uygulayacağınızla ilgili tam talimatlar vereceğim, ancak jQuery hakkında bilgi sahibi olmak, kodunuzdaki yazım hatalarını veya hataları tanımlamak için yardımcı olacaktır. Ayrıca, bu muhtemelen bir beta sürümü olarak düşünülmelidir; bazı şeyler bozuldu, biçimlendirme mükemmel değil, ama yine de oldukça kullanışlı ve etkileyici

Giriş

Belirli ağlardan güncellemeleri veya bir RSS beslemesinden en son yayınları almak için çeşitli eklentiler vardır, ancak hiçbiri hepsini yapmaz ve hiçbiri bu kadar çekici değildir. Yaklaşık 10 kod satırından bekleyebileceğiniz şeyler:

Eklenti, çeşitli soical ağların yanı sıra düz RSS'ye, görüntülerin yanı sıra içeriğe de erişebilir - aşağıdakileri içerir:

• Facebook
• heyecan
• LinkedIn
• Flickr
• Youtube
• pinterest
• RSS
• craigslist
• Google+

Tumblr desteği de listeleniyor, ancak kodda şu anda çalışmasını engelleyen bir hata var; umarım bu eğitimin yayınlandığı tarihte giderilecektir.

WordPress'e Entegrasyon

1. Sitenize herhangi bir sayfayı yükleyin ve kaynağı görüntüleyin. JQuery dizesini arayın; Zaten sahipseniz, 2. adıma geçin. Değilse, işlevlerinize aşağıdaki satırı ekleyerek jQuery'yi ekleyin. Php: wp_enqueue_script ('jquery');
2. Sosyalist zip dosyasını github'dan indirin [Artık kalmadı]. Klasörü açın ve FTP yoluyla çalışma teması dizininize yükleyin.
3. Klasörü "sosyalist" olarak yeniden adlandırın
4. Header.php dosyasına, wp_head işlevinin altında, ancak bitiş etiketinden önce aşağıdaki iki satırı ekleyin:

1. Sosyalist bloğun görünmesini istediğiniz yeni bir sayfa oluşturun; Bunu ayrı bir sayfada istediğinizi varsayıyorum, ancak kodu aynı şekilde dizin şablonunuza bir yere ekleyebilirsiniz. Ayrı bir sayfa arıyorsanız, mevcut sayfa şablonunuzu çoğaltın ve "page-slug.php" olarak adlandırın; burada slug, WordPress'in kalıcı bağlantısıdır yeni sayfanızı verdi (yani boşluk ve ortak kelimeler için tireler içeren başlık).
2. WordPress döngüsünü çıkarmak için sayfayı düzenleyin içerik; meta bilgileri ve benzeri temel bir düzen istiyoruz.

Sosyalist Kod Ekleme

Daha önce oluşturduğunuz özel sayfa şablonunu açın ve aşağıdaki kodu ana içeriğe yapıştırın alanı. Sosyalist DIV'nin tarzını temanıza uyacak şekilde değiştirin; Genişlik belirtmenin düzeni bozduğunu fark ettim, ancak bu temam için özel olabilir. Aşağıdaki kod, bazı sosyal güncelleme kaynaklarıma önceden programlanmıştır; elbette, çeşitli kimlikleri kendiniz olarak değiştirmek istersiniz. Tam biçim veya ek parametreler için benioku dosyasına bakın. Genel olarak, tek ihtiyacınız olan id parametresidir. Biriyle başlayın ve yanlış bir kimlik eklentinin bozulmasına neden olacağından çalışın.

Özet

Kutu boyutu veya düzen açısından biraz daha özelleştirme yapabilir ve daha fazla olmak güçlü; ama hala ilk günler ve şimdiye kadar sahip olduğumuz şey gerçekten etkileyici. Aslında, bu kişisel alanınızın Kişisel Alan Adı mı? İşte Bunun için Bazı Harika Kullanımlar Bloglama hayranı olmasanız ve lansmanını yapabileceğiniz yeni bir web siteniz olmasa bile, kişisel bir alan bir eğlenceli ya da kendini tanıtmak için harika bir araç: geçen hafta tartıştığımız özelleştirilmiş... Devamını Oku .

Eğer ' sahip olmak sorunlar veya bunu WordPress'e koyarak bir ele ihtiyacınız var, aşağıdaki yorumlarda sormaya çekinmeyin, ancak bakabileceğim ve herhangi bir kodu inceleyebileceğim bir test URL'si ekleyin hatalar. Gerçek eklentideki hatalar için lütfen GitHub'a yeni bir sorun gönderin. Başka birinin MakeUseOf'u bu harika jQuery sosyalleştirme eklentisi olabileceğini mi düşünüyorsunuz? Ardından dünyaya anlatmak için aşağıdaki düğmeleri kullanarak paylaşın.