Sosyal medya düğmeleri. En iyi sosyal düğmeler hizmetini seçmek. sınıf arkadaşlarım ve benim dünyam

Merhaba blog sitesinin sevgili okuyucuları. Elbette bu görev için bir eklenti kullanabilirsiniz, ancak kendin yapmak o kadar zor değil, ve daha az olacak, özellikle de onlar için zaten çokça çalıştığım için (verilen bağlantıdaki makaleye bakın). Daha önce detaylı olarak yazdığım sosyal medya ikonlarını aldım (umarım Dimoks buna itiraz etmez).

Ayrıca E-posta için uygun olduğunu düşündüm.

Düğmelerden bir hareketli grafik oluşturun ve Html kodunu siteye ekleyin

Nihayet gerekli gruplar ve sosyal ağlarda sayfalar oluşturdunuz, bu da her şeye sahip olduğunuz anlamına geliyor gerekli bağlantılar, siteye butonlar ekleyerek kafanız karışabilir. Tabii ki, hakkındaki yazıma göre, her sosyal ağ için uygun bir simge seçebilir ve gerekirse boyutunu ve içinde gerekli olana küçültebilirsiniz.

Ama öyle değil en iyi yol... Niye ya? Eh, çünkü sosyal ağın her bir görüntüsünü yüklemek için sunucunuza ayrı bir istek yapılacaktır. Bir düzine simgeniz varsa, bu, herhangi bir şekilde sunucuda ek bir yük oluşturacak on istek anlamına gelir. Bu tür atıklar, özellikle uzun zamandan beri bize uymuyor.

Tekerleği yeniden icat etmemeye karar verdim (bir hareketli grafik oluşturun), ancak Share42 yapıcısı tarafından oluşturulanı kullandım (onunla nasıl çalışılacağına ilişkin bir bağlantı hemen yukarıda verilmiştir). İçinde, simgelerine ihtiyaç duyacağınız sosyal ağları ve alacağınız kodla birlikte seçebilirsiniz. CSS hareketli grafiği, yani fiziksel olarak yalnız grafik dosyası, ihtiyacınız olan tüm sosyal medya simgelerini ve abonelikleri içerecek RSS beslemesi(ve gerekirse E-posta).

Dört ana ağ ve haberlere abone olmak için 24'e 24 simge boyutunda birkaç simge seçtim, bu yüzden hareketli grafiğim şöyle görünüyor (yine de oradaydım ama önemli değil):

Artık tüm içeriklere sahibiz - gruplara veya sosyal medya sayfalarına bağlantılar ve bunları sitede görüntülemek için simgeler. Sadece tüm bunları doğru bir şekilde hazırlamak için kalır, yani. Yerleşim. Blogum WordPress tarafından destekleniyor, bu yüzden düğme kodunu aşağıdakilerden birine yapıştıracağım. Benim durumumda buna sidebar.php denir. HTML Kodu son derece basit olduğu ortaya çıkıyor:

Peki ve en ilginç olanı. Yardımla, hareketli grafiğimizin hangi alanının bu belirli yerde arka plan olarak görüntüleneceğini belirleriz (bizim durumumuzda bu arka plan köprünün altına yerleştirilir). Bunun nasıl olduğunu açıklamak çok uzun zaman alıyor, bu yüzden bağlantıdaki makaleyi okuyun ve her şey netleşecek (orada ve açıklayıcı örnekler verilmiştir). Tembelseniz, fark etmiş olabileceğiniz gibi, 24'ün katları olan boşuna olmayan sayıları deneyin.

Evet, hareketli grafiği FTP kullanarak sitenize yükleyin ve arka planda bunun yolunu belirtin (). Bu kadar. İşe yaramazsa, yukarıdaki bağlantılardaki materyalleri daha dikkatli bir şekilde okuyun ve hiçbir şey olmazsa, durumunuzu yorumlarda açıklayın (ayrıntılı olarak - kodu eklemek için, unutun PHP etiketleri köşeli parantez içine alın).

Sana iyi şanslar! Yakında blog sitesinin sayfalarında görüşürüz

adresine giderek daha fazla video izleyebilirsiniz.

");">

ilginizi çekebilir

Blok Düzeni - İki Sütun, Üç Sütun ve Değişken Site Düzeni Oluşturun

Bu yazıda size web sitenize buton eklemenin birkaç yolunu göstereceğim. sosyal ağlar... Bunlardan en çok ilk yöntemi sevdim - goodshare hizmetinden düğmeler, bu yüzden önce size anlatacağım.

GoodShare'den düğmeler - kişiselleştirme özgürlüğüne ihtiyaç duyanlar için

Hizmet web sitesinde kesinlikle kaybolmazsınız. Tam ortada script kurulum butonu var, üzerine tıklayarak bize 2 seçenek sunulacak. CDN üzerinden bağlanan ilkini öneririm. Kodu kopyalayın ve kapanmadan önce sitenin alt bilgisinde bir yere yapıştırın. vücut etiketi... Wordpress'te footer.php'ye yapıştırılması gerekiyor.

Harika, şimdi hizmetin ana sayfasına geri dönün ve sekmeye gidin belgeler... Burada mevcut tüm sosyal medyanın kodunu görebilirsiniz. ağlar. Bu düğmelerin geliştiricilerinin sizi hiçbir şekilde sınırlamadığını da yukarıda okuyabilirsiniz - değiştirebilirsiniz dış görünüş düğmeleri istediğiniz gibi

Bu, aynı makalede yazacağım rakiplere kıyasla hizmetin ana avantajıdır. Simgelerin görünümünü ihtiyacınız olan şekilde özelleştirebilmeniz gerçeğinde yatmaktadır! Ayrıca bu yöntemin bir avantajı olarak şunu da belirtmek isterim ki script çok hafif ve bir CDN'den yüklendiği için sunucuya yüklenmez ve sayfa yükleme hızını olumsuz etkilemez.

Kısaca işimize bakalım. Sosyal düğmeyi görüntülemek istediğiniz yer. Vkontakte ağında aşağıdaki kodu ekleyin:

Nereye:
veri tipi - sosyal isim... ağlar. Bunu belgelerde görebilirsiniz.
data-counter - düğme tıklamalarının sayısını sayan bir sayaç. Belki buna ihtiyacınız yoktur, o zaman basitçe yazamazsınız. Belgeleri okursanız, sayacın her yerde desteklenmediğini göreceksiniz.

Goodshare'den düğmeler nasıl özelleştirilir?

Tabii ki css stilleriyle. Şimdi size elimdeki bir düğme örneğini kullanarak göstereceğim. Veri özelliğinden yola çıkarak bir düğme tasarlamak çok kolaydır. Bunu yapmak için, özellik seçicileri hakkında bilgi sahibi olmanız gerekir. Onlar hakkında hiçbir şey bilmiyorsanız, sadece gösterdiğim gibi yapın, ancak konuyu anlamak istiyorsanız, işte onlar hakkında.

Pekala, style.css dosyasını açacağım ve dosyanın en sonunda düğmenin stillerini anlatacağım:

Div (arka plan: # 25496F; kenarlık yarıçapı: %50; renk: #fff; maksimum genişlik: 80 piksel; dolgu: 10 piksel; metin hizalama: merkez; yazı tipi boyutu: 18 piksel; imleç: işaretçi;)

Gördüğünüz gibi, ona ulaşmak için bir nitelik seçici kullandım. İyi. Tüm stil kurallarını açıklamayacağım, şöyle çıktı:

Basit, ha? Ama çok uğraşmadım, sadece birkaç satırlık stil yazdım. Ve sonuçta, üzerine geldiğinizde veya başka bir işlem sırasında düğmenin stillerini ayarlamanız için kimse sizi rahatsız etmez. Bu çok güzel ve diğer hizmetleri kullanarak düğmeler kurarken yapmanıza izin verilmeyecek bir şey. En azından benim için biliniyor.

Bu arada, zaten 3 düğme yaptım:

Biraz ilkel olabilirler ama onları tatlı yapmaktan alıkoyan ne? Ayrıca, bu formda bile, zaten benzersizler, hiçbir yerde böyle bir düğme yok, çünkü onları şahsen ben yaptım.

Kısacası, sosyal medyayı kurarken özgürlüğe ihtiyacı olanlar için Goodshare'den bir senaryo. düğmeler. özgürlük mü istiyorsun Al, imzala.

Artı düğmeleri

Bu düğmelerin özelliği, en çok 6 tanesini görmenizdir. popüler sosyal... ancak artıya tıkladığınızda girişi daha az bilinen düzinelerce başka yere göndermek mümkün hale gelir.

Servis sayfasında, düğmeleri görüntülemek için sekiz stilden birini seçebilir, ilk satırda hangi ağların gösterileceğini ve hangilerinin bir artı altında gizleneceğini seçebilirsiniz. Aşağıda tasarımı daha da özelleştirebilirsiniz.

Ve aşağıda bile sitenizde Pluso'dan butonları görmek istediğiniz yere kopyalayıp yapıştırmanız gereken kodu görebilirsiniz. Bu iyidir, çünkü sunucunuza herhangi bir şey yüklemenize gerek yoktur, her şey çok hızlı bir şekilde yapılır.

Ek olarak, paylaşılacak sayfanın belirli bir adresini belirtebilirsiniz. Bu çok nadiren gereklidir. Gerçek şu ki, varsayılan olarak, sosyal düğmeyi tıkladığınızda. ağa butonların bulunduğu sayfanın adresi gönderilir. Paylaşılan sayfanın belirli bir adresini belirtirseniz, bu düğmeler nerede bulunursa bulunsun, sosyal medyaya gönderilecektir. ağ yalnızca belirttiğiniz 1 sayfa. Bunun senin için ne olduğunu bilmiyorum. Vakaların %99'unda bu alanları boş bırakmanız yeterlidir.

Share42'den düğmeler

42'yi paylaş başka biri faydalı hizmet bu, siteye sosyal düğmeler yüklemenizi sağlar. Kuruluma başlamak için siteye http://share42.com/en gidin. Buradaki tüm ayarların tek bir sayfada olmasına sevindim. Simgelerin boyutunu ve ihtiyacınız olanları seçebilirsiniz. Bunu yapmak için simgeye 1 kez tıklayın.


Bu ekran görüntüsünde, kullanmak için 6 düğme seçtiğimi görebilirsiniz. Daha aşağıda seçmeniz gerekiyor ekstra seçenekler... Prensip olarak, orada her şey sezgiseldir. Tüm bu alanlar ve onay kutuları isteğe bağlıdır.

Ardından, hizmet sizi düğmelerinizin nasıl görüneceğini görmeye ve ardından komut dosyasını onlarla birlikte bilgisayarınıza indirmeye davet ediyor. Bu betiğin sıkıştırılması gerekecek. İçeride bir share42 klasörü olacak. Web sitenize yüklemelisiniz. Tam olarak nerede kendiniz görün. Sadece root yapabilirsiniz, ancak doğrudan şablona tavsiye ederim.

Şimdi komut dosyasını hizmet web sitesine koyduğunuz klasörün yolunu girmeniz gerekiyor. Örneğin, onu bir şablona attıysanız, yol şöyle olacaktır:
http://site.name/wp-content/themes/template-name/share42/
Peki, eğer bir wordpress siteniz varsa. Bu arada, servis hemen hangi motora sahip olduğunuzu seçmenizi ister. İstediğiniz seçeneği seçiyoruz.

Komut dosyasının bulunduğu klasörün yolu belirlendikten ve cms seçildikten sonra, oluşturulan kod parçasını kopyalayıp aynı butonları görmek istediğiniz yere yapıştırmak kalır. Örneğin wordpress'te muhtemelen her gönderiden sonra bunları eklemek istersiniz. Bunu yapmak için single.php'ye gidin, makalenin çıktısının nerede bittiğini bulun ve kodu oraya yapıştırın. Şimdi her makalenin altında düğmeler görünecek. Benim durumumda böyle görünüyorlar:

Yandex'den sitedeki sosyal medya düğmeleri

Belki de en popüler yollardan biri. Bu bağlantıyı takip ediyoruz ve sosyal butonları kurabileceğiniz sayfaya ulaşıyoruz. Yandex her şeyi çok rahat bir şekilde yaptı - ihtiyacımız olan hizmetler işaretlenerek kolayca eklenebilir. Ayrıca düğmelerin görünümünü de seçebilirsiniz.

Yüklediğiniz temanın bir şablon listesi var. Bunların arasında single.php olmalıdır, yani - tek giriş (yazı, makale). Kopyalanan kodu yapıştırmanız gereken bu dosyada. Ancak, en baştan eklerseniz, düğmeler makalenin önünde olacaktır.

HTML bilmesen bile sana bir ipucu vereceğim. Makalenin başına düğme eklemeyi planlıyorsanız, şablon kodundaki ilk bloğu (div) bulun ve kodu buraya yapıştırın. Şablon kodunda geliştirici yorumları olması iyidir. Onlara yaslan. Örneğin, BAŞLANGIÇ SONRASI, İÇERİK BAŞLANGIÇ, SONRAKİ SON - bu tür işaretler, makalenin burada başladığını veya burada bittiğini açıkça gösterir.

Kodda "bp_after_post_content" bölümüne bakın? Burada, makalenin sonu olduğu sezgisel olarak bile açıktır. Bu kod parçasından önce Yandex düğmeleri kodunu eklediğim bir blok oluşturdum.

Her durumda, siteyi güncelleyerek ve sonuca bakarak, yanlış bir şey yaptıysanız kodu şablonda başka bir yere yeniden düzenleyebilirsiniz. Yandex butonlarının tek dezavantajı, komut dosyalarının İnternet'ten yüklenmesidir, ancak bunlar makalenin sonunda oldukları için (kural olarak), bu kritik değildir.

WordPress'in en kolay yolu

nasıl eklenir wordpress sosyal düğmeler? Juiz Social Post Sharer eklentisi bu konuda size yardımcı olabilir. içinde zaten yazmıştım. Bu arada, sosyal medya düğmeleri eklemek için başka bir seçenek daha var - Yandex API.

Pekala, işte burada bitireceğim. Ve böylece 2 makaleyi bağlarsanız, düğme eklemenin yaklaşık 5-6 yolu ortaya çıktı. Bazılarını kesinlikle beğeneceksiniz.

Muhtemelen internette barındırılmayan hiçbir site yoktur. gönderme düğmeleri materyalleri sosyal ağlara İkincisi, hayatımızda uzun ve sıkı bir şekilde yer aldı. Orada iletişim kuruyoruz, birbirimizi tanıyoruz, işi tanıtıyoruz, haberleri okuyoruz vb. Tam bir dizi. Şaşırtıcı olmayan bir şekilde, yayıncılar sosyal medyadaki varlıklarını herhangi bir şekilde genişletmek istiyorlar. mevcut yöntemler... Sonuçta, kesinlikle herkesin ihtiyaç duyduğu tonlarca potansiyel trafik var. Ziyaretçilerin akışı para, itibar, büyümedir. Her şey onun etrafında inşa edilmiştir. Lezzetli bir lokma.

Sosyal düğmeler elbette gerekli. Soru farklı - hangilerini seçmeli? sizin için test ettik EN İYİ 5 çeşitli hizmetler sitelere düğme kodu eklemek için. Amaç, en uygun olanı belirlemek ve ayrıntılı olarak göstermektir. Eleme aşamasıyla başlayalım.

En iyi sosyal düğmeler hizmetini seçme

Karşılaştırma için başvuranların seçimi önemsiz çıktı - aldık en popüler hizmetler , web sitesi oluşturma konusuna yakından aşina olan herhangi bir kişinin duyduğu. Nadir değil, popülerlik kazanıyor, sadece deneyimli yaşlı insanlar.

Onaylanan ekibin bileşimi aşağıdaki gibidir:

Seçilen sosyal hizmetlerin test edilmesi sonucunda - lider uSocial'dı ... Şimdi seçimimiz için bir gerekçe almak istiyorsunuz. Tabii ki, asılsız kalmayacağız.

uSocial butonlarının özellikleri

verelim bazı gerçekler kim bizi kararın doğruluğuna ikna etti.

Sözlü karşılaştırma birçokları için yeterli olmayacaktır. Bu nedenle derledik karşılaştırmalı tablo uSocial ve diğer sosyetiklerden gelen düğmeler (kullanılan derecelendirme ölçeği 1'den 5'e kadardır). Tüm bu veriler test sırasında elde edildi.

Yapılan analizin, seçimimizin geçerliliği hakkındaki şüphelerinizi giderebileceğini umuyoruz. Güzel görünüme ek olarak, uSocial'ın sosyal düğmeleri doğada derinden uygulanır, oldukça güçlü araç herhangi bir projeyi teşvik etmek.

Bir web sitesine sosyal medya düğmelerinin nasıl kurulacağına ilişkin talimatlar

uSocial'dan sosyal düğmeleri web sitenize yerleştirmek için birkaç basit adımı uygulamanız gerekir:

Aşama 1

Adım 2

Bir seti bir araya getirmek sosyal düğmeler... Seçebilmek görüntülenen sosyal ağ hizmetleri, düğme şekli ve stili.

Burada ayrıca "Yukarı" düğmesini etkinleştirebilir, desteği etkinleştirebilirsiniz mobil cihazlar, prize takmaya Viber hizmetleri, WhatsApp, Telgraf, SMS.

Tüm işlemleri tamamladıktan sonra, girin adres siteniz ve düğmesine tıklayın "Kodu almak için".

Aşama 3

kopyala kodsenaryo görünen pencerede. Kodu, kaynağınızın bir sosyal düğme paneline ihtiyaç duyduğunuz sayfalarına eklemeniz gerekir. Örneğin, kapanış etiketinden önceki altbilgide

.

4. Adım

uSocial kişisel hesabınızdan sosyal çubuğu yükledikten sonra, görüntüleyebilirsiniz. beğeni ve paylaşım istatistikleri seçilen dönem için, hem tüm sosyal ağlar için hem de seçilenler için bir kerede. Veriler, anlaşılması kolay grafikler veya çizelgeler şeklinde görüntülenir.

V kişisel hesap uSosyal hepsi yaratıldı setler ve İstatistik bağlı oldukları siteler için. İstediğiniz zaman siteler arasında geçiş yapabilir ve sayaçlardan alınan verileri analiz edebilirsiniz.

Bir sosyal barın verimliliği nasıl arttırılır?

Malzemeyi yeniden gönderirken yanlış resim ve açıklama gösteriliyorsa, tüm sosyal ağlar tarafından anlaşılabilir özel meta etiketler kullanarak neyin, ne kadar ve nasıl gösterilmesi gerektiğini manuel olarak belirtebilirsiniz. Bu yapılmazsa, sosyal ağlarda rastgele resimler ve açıklamalar görüntülenebilir. İhtiyacın olması pek olası değil.

Sosyal meta etiketlerin doğru doldurulması ile gönderiler doğru algılanacaktır. sosyal Hizmetler, çünkü materyalin türünü, ilgili başlığı, linkini belirtirler. istenilen resim... Tüm bunlar, yeniden gönderme verimliliğini artırır: materyaliniz sosyal hizmetler tarafından doğru bir şekilde endekslenecektir.

Örnekleri mikro veri kodu popüler sosyal ağlar için (kod, etiketten önce yazılmalıdır):

1. Facebook ve Temas halinde kullanmak Grafiği Aç protokol:

3. İçin heyecan kod şöyle görünür:

4. İçin Google+ Yani:

- yazarın Google+'daki profiline bağlantı
- Sitenin adı
- snippet metni (en fazla 40 karakter)
- sitenin açıklaması
- görüntü dosyasının yolu

Enstrümanlar mikro işaretleme ile çalışmak için.

V son zamanlar her saniye (ilk değilse) müşteri, sitenin geliştirilmesi için gereksinimlerin sosyal ağlarla bağlantı kurduğundan emin olmasını ister. Sitedeki "Sosyal" butonlar, ilgi çekmek için 1 numaralı araçtır. hedef kitle, içerik dağıtımı ve genel olarak halkla ilişkiler. Ve tamamen ücretsiz!

Sosyal ağlar, siteye yerleştirmek için düğmeleri ve widget'ları için kodlar sağlar ve bunları içerik yönetim sistemine yüklemek için talimatlar ekler. Herhangi bir İYS ( işletim sistemi), asıl mesele, onları sitenizin tasarımına uyumlu bir şekilde sığdırmaktır.

Özellikleri ve işlevleri nelerdir?

Siteniz popüler sosyal ağlarla iletişim kuran kişilere yönelikse. ağlar, örneğin, Vkontakte, Twitter, Instagramm, Facebook, Google+, Pinterest, vb. ve boyut ve tasarım açısından farklılık gösterebileceğinden, her biri için düğmeleri ayrı ayrı ayarlamamak için hepsini kapsamak istiyorsunuz. , toplayıcı hizmetlerini kullanmanızı öneririz. bu basit ve kullanışlı araçlar bu, site ziyaretçilerinin hangi sosyal ağı kullandıklarına bakılmaksızın arkadaşlarıyla hızlı bir şekilde bilgi paylaşmasına olanak tanır. Aşağıda en popüler hizmetleri analiz edeceğiz.

Sosyal Medya Butonları Paylaş Pluso

Sosyal ağlar harika araç sitenizi internette tanıtmak için. Sosyal ağlar aracılığıyla, ortak bir yaklaşım - düğmeleri kullanarak kaynağınıza tamamen ücretsiz olarak muazzam bir trafik oluşturabilirsiniz. sosyal ağlar... Bir web sitesindeki sosyal medya düğmeleri, yalnızca trafiği değil, aynı zamanda arama motorlarıyla olan ilişkiyi de önemli ölçüde iyileştirebilir ve buna bağlı olarak ziyaretçi trafiğini tekrar artırabilir.

Bu yazıda hepsini topladım olası yollar site için sosyal medya butonlarını bağlamak, ihtiyacınız olanı bulamazsanız, yorumları yazın, kesinlikle ekleyeceğim. Hangi yöntemler tartışılacak:

Başlangıç ​​olarak, bir web sitesi için aynı sosyal medya düğmelerinin ne olduğu ve neden gerekli olduğu konusuna küçük bir gezi.
Pluso hizmetinden mükemmel bir video, düğmeleri kesinlikle herhangi bir web sitesinde kolayca seçmenize, yapılandırmanıza ve yerleştirmenize yardımcı olacaktır:

Açık şu an sosyal medya, ortalama bir insanın hayatında büyük bir rol oynar. Neredeyse her ikinci kişinin en az bir sosyal medya profili var. Bu nedenle, sosyal ağlarda web sitesi tanıtım olanaklarının kullanımı o kadar alakalı ki, çok büyük bir kullanıcı ve alıcı dünyası.

Bu makaleyi okuduğunuza göre, sitedeki paylaşım butonlarının yaklaşık veya tam amacını biliyorsunuzdur, bu da makalenin ana bölümüne yani simgeler ekleyerek ilerleyebileceğimiz anlamına gelir.

Yandex sosyal medya düğmeleri

Popüler Rusça arama motoru, Yandex'den bir sitede sosyal medya düğmesi için mükemmel bir fırsat sunar. Burada her şey acı verici derecede basit:

Şimdi daha iyi anlaşılması için birkaç resim, hangi siteleri kullanacağımızı seçin:

Görünümü, sayaçlı veya sayaçsız, küçük veya büyük düğmeleri seçiyoruz ve siteye yerleştirme kodunu kopyalıyoruz:

Her şey son derece basit, eklenti kullanmaktan bile daha kolay, en azından bana öyle geliyor.

hepsini gözden geçirmeyeceğim olası hizmetler, onların özü aynıdır:

1. Bir sosyal ağ seçin.
2. Görünümü değiştirin.
3. Kodu kopyalayın.
4. Sitenize yapıştırın.

Şimdi hizmetlerin listesi:

• http://share.pluso.ru/
• http://share42.com/ru
• https://uptolike.com/
• http://social-likes.js.org/ru/

Ayarlar hemen hemen aynıdır, sizin için daha anlaşılır veya daha geniş işlevsellik seçebilirsiniz. İlk hizmete bir örnek:

Bunu uzun süre açıklamayacağım, gerek yok, her şey sezgisel.

WordPress sitenize sosyal medya düğmeleri nasıl kurulur?

Genellikle bağlantı düğmeleri makalelerin altında veya yan çubuklarda bulunur. Sosyal medya düğmelerini web sitenize yerleştirmek için gerekli eklentiyi kurmamız ve yapılandırmamız veya kodu doğrudan şablona yerleştirmemiz gerekiyor. Önce eklentilere bakalım, sonra manuel ekleme düğmeler. Eklentilerin nasıl kurulacağını okuyabilirsiniz.

İçin bu durum Social Share Buttons ve Jetpack adlı iki kullanışlı eklenti seçtik.

için ilk daha gelişmiş eklenti sosyal medya butonları ekleme WordPress sitenize Jetpack.

Bu eklenti tarafından oluşturulur ve korunur WordPress geliştiricileri tarafından, bu nedenle ve ona diğerlerinden daha fazla güvenin.

Ardından "Yapılandır" a basıyoruz ve sosyal ağlar ayarları menüsüne atılıyoruz.

Bu blokta sosyal ağlar için ihtiyacımız olan butonları seçiyoruz.

İhtiyacımız olanları seçmek için sadece sürüklememiz gerekiyor sosyal medya düğmeleri ile birlikte üst boşluk altta, aşağıda simgelerin görsel görüntüsünü göreceğiz.

Bir sonraki menüde, kurduk düğme stili ve çekildikleri yerler Web sitemizde.

İhtiyacımız olanı yapılandırdıktan sonra, "Değişiklikleri kaydet"e tıklayın ve sosyal medya düğmeleri sitedeki girişlerimizin altında görünecektir.

WordPress sitenize sosyal medya düğmeleri yükleme. Sosyal Paylaşım Düğmeleri ayarları.

Öyleyse, çalıların etrafında dolaşmayalım, ama doğruca gidelim sosyal medya butonları yükleme... Ayarlar menüsüne gidin ve eklentileri ekleyin. Arama yoluyla, tarafımızdan önerilen WordPress için Sosyal Paylaşım Düğmelerini buluyoruz.

Yükleyerek ve etkinleştirerek sosyal medya simgeleri eklemek için eklenti, WordPress - Paylaş Düğmelerimizin konsolundan görünen yeni menüye gidin.

Gördüğünüz gibi menümüz üç alt menüye ayrılmıştır, her birini ayrı ayrı ele alıp analiz edeceğiz:

Bir WordPress sitesinde sosyal medya düğmelerini görüntülemek için genel ayarlar.

Burada neyi özelleştirebiliriz?

• Düğmelerimize kaynağımıza belirli bir görsel bağlantı verecek olan sitemizin logosunu yükleyebiliriz.
• Arama metni veya bunun gibi bir şey düğmelerin üzerine yerleştirilebilir.
• Sosyal ağda yayınlanan makaleye bağlanacak otomatik meta veri oluşturma.
• Sosyal medya butonlarının makaleye göre sol-sağ-orta konumlandırılması.
• Dikey düğme konumları, alt veya üst.

Ve düğmelerinizin nerede görüntüleneceğini seçmek için onay kutuları, "Ana Sayfa" konumundan bir onay işareti kaldırıldı çünkü bu konudaki her makale duyurusunun altında düğmelere ihtiyacımız yok. ana sayfa, ayrıca düğme simgelerinin görüntülenmediği makaleleri de hariç tutabilirsiniz.

Ayarları paylaşın, sosyal ağlar için düğmelerin stilini seçin.

1. Beğendiğimiz stili seçiyoruz ve ikonlarımızı kendi takdirimize göre sıralıyoruz.
2. Hangi sosyal ile kurduk. etkileşim kurmak istediğiniz ağlar ve buna göre ürününüzü nerede pazarlayacağınız.
3. Simgeler arasındaki girintileri ayarlayın.

Bir WordPress sitesindeki sosyal ağlarla etkileşim için düğmelerin bu özelleştirme döngüsünde, ilgileniyorsanız ve neyin ne olduğunu bulmanız gerekiyorsa, her düğmeyle ayrı ayrı ilgilenmeniz gerekir.

Tüm ayarlar yapıldıktan sonra, WordPress sitenizde bulunan kullanışlılıklarını ve işlevlerini doğrulayabileceğiz.

Hangi eklentiyi kullanacağınız size kalmış, ancak Jetpack'i öneririm, sık sık güncellenir ve çalışması daha hızlıdır.

Her sosyal ağ düğmesini ayrı ayrı ekleme

Twitter ayrıca düğmeler için kapsamlı özelleştirme sağlar. Bağlantı, aşağıdaki ekran:

Pek fazla insan kullanmıyor, ancak ru e-postasındaki düğme de yararlı olabilir.

Odnoklassniki'ye benziyor, neden olsun 😆.

Siteye sosyal ağlardaki profillere ve gruplara simgeler ekleme

şimdi göstereceğim küçük örnek web sitenizdeki sosyal medya profillerinize nasıl simgeler ekleyebilirsiniz. Bu yöntem yalnızca WordPress için değil, başka herhangi bir site için de uygundur.

Öyleyse ihtiyacımız olan şey:

• Simgelerin gelecekteki konumunu belirleyin;
• asgari düzeyde html ve CSS bilgisi, ne derse desin, ancak ihtiyaç duyabileceğiniz tüm seçenekleri tahmin edemiyorum.
• internetten indirilen sosyal ağların hazır simgeleri-simgeleri. Aramayı kullanarak birçoğunu bulabilirsiniz.
• şablon dosyalarına erişim.

Her şeyden önce, 2 sosyal ağ, VK ve G + için küçük bir kod ve bir simge göstereceğim FeedBurner beslemeleri... Benzeterek, istediğiniz kadar simge ekleyebilirsiniz.

< div class = "head-icon" > < a href = "http://feeds.feedburner.com/yrokiwp"> < img title = "RSS aboneliği" alt = "(! LANG: RSS Abone ol" src = !} "//feedburner.google.com/fb/images/pub/feed-icon32x32.png"/ > < / a > < / div > < div class = "head-icon" > < img title = "Vkontakte topluluğu" alt = "Vkontakte topluluğu" kaynak = " /images/vk.png "/ > < / a > < / div >