WordPress Menüsüne Sosyal Medya Simgeleri Nasıl Eklenir

Yayınlanan: 2020-10-24

İster bir iş ister kişisel bir site yönetiyor olun, kullanıcıların içeriğinizi sosyal medyada paylaşabildiğinden emin olmanız gerekir. Bu nedenle bu gönderide, WordPress menünüze sosyal medya simgelerini nasıl ekleyeceğinizi göstereceğiz.

WordPress Menüsüne Neden Sosyal Medya Simgeleri Eklemelisiniz?

Son araştırmalara göre, dünya nüfusunun yaklaşık %50'si en az bir sosyal ağ kullanıyor. Sitenizi Facebook ile bağlamak veya web sitenize Instagram beslemeleri eklemek iyi seçeneklerdir ancak sosyal medyadaki varlığınızı büyütmek için yapabileceğiniz başka bir şey daha var. Menü, sitenizdeki en belirgin öğelerden biridir. Ek olarak, kullanıcıların sitenizi ziyaret ettiklerinde gördükleri ilk şeylerden biridir. Örneğin, web sitemizin birincil menüsüne bir göz atın.

dört katmanlı başlık Sitenizi özelleştirmek ve sosyal medya kanallarınızdan en iyi şekilde yararlanmak için WordPress menünüze sosyal medya simgeleri ekleyebilirsiniz. Bunun da ötesinde, sitenizin altbilgi, kenar çubuğunuz vb. gibi widget'ları destekleyen diğer alanlarında simgeler görüntüleyebilirsiniz.

Divi gibi bazı temalar, menüye sosyal medya simgeleri eklemek için bazı seçenekler içerse de, çoğu tema bu özellikle birlikte gelmez. Ve WordPress, menüye simgeleri dahil etmek için yerel bir özellik de içermez.

Bu yazıda, WordPress menünüze kolayca sosyal medya simgeleri eklemenin üç yöntemini göstereceğiz.

WordPress Menünüze Sosyal Medya Simgeleri Nasıl Eklenir?

WordPress menünüze sosyal medya simgeleri eklemenin üç ana yolu vardır:

  1. Eklentiler ile
    1. DörtlüMenü
    2. WP Sosyal Simgeleri
  2. Tema özelleştiriciden
  3. FontAwesome simgelerini manuel olarak kullanma

Bu kılavuzda, en sevdiğinizi seçebilmeniz için her yöntemi adım adım açıklayacağız.

1) Eklentiler

Eklentileri kullanmak, menünüze sosyal medya simgeleri eklemenin en kolay yoludur. Orada birkaç seçenek var, hayatınızı kolaylaştırmak için kullanabileceğiniz en iyi iki eklentiyi listeledik.

1.1) Dörtlü Menü

WordPress Menüsüne Sosyal Medya Simgeleri Ekleyin - QuadMenu

QuadMenu, WordPress menülerinizi kolayca özelleştirmek ve bir sonraki seviyeye taşımak için en iyi araçtır. Bu bir freemium eklentisidir. Temel özelliklere sahip ücretsiz bir sürüm ve daha gelişmiş özellikler ve öncelikli desteğe sahip üç premium plan var.

dörtlü fiyatlandırma

Menünüze sosyal medya simgeleri eklemek için premium sürüme ihtiyacınız var. Öyleyse, nasıl yükleyeceğinizi ve eklentiyi sitenizde nasıl etkinleştireceğinizi görelim.

Kurulum ve Aktivasyon

İlk olarak, eklentiyi satın almanız ve dosyaları masaüstünüze indirmeniz gerekir. Ardından, yüklemeden önce ücretsiz sürümü sitenize yüklemeniz gerekir. Bunu yapmak için WP panonuz > Eklentiler > Yeni Ekle'ye gidin. Ardından arama çubuğunu kullanın ve QuadMenu'yu arayın. Bundan sonra, Yükle'ye ve ardından Etkinleştir'e basın.

dörtlü menü eklentisini yükle

Aktivasyondan sonra daha önce indirdiğiniz premium versiyonun dosyalarını kullanın ve sitenize kurun.

quadmenu premium'u yükle Eklentiyi etkinleştirdikten sonra, lisans anahtarınızı doğrulamanız gerekecektir. QuadMenu hesabınızın kontrol panelinden lisanslar seçeneğini göreceksiniz.

dörtlü lisanslar

Anahtarınızı buradan kopyalayın ve anahtarınızı doğrulamak için kayıtlı e-posta adresinizle birlikte lisanslar alanına yapıştırın.

dört menü lisanslama seçeneği

Eklenti mağazamızda, Envato'da ve Elegant pazaryerinde mevcuttur, bu nedenle satın alma işleminiz için uygun seçeneği belirlemek için açılır menüyü kullanın. Doğruladıktan sonra, gitmekte fayda var.

QuadMenu ile WordPress menünüze sosyal medya simgeleri ekleyin

QuadMenu, herhangi bir ücretsiz veya premium temayla çalışır. Bu demo için GeneratePress kullanacağız, ancak süreç diğer temalara benzer. Öncelikle QuadMenu > Seçenekler kısmına giderek eklentinin ayarlarına gidelim.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - Dörtlü menü seçenekleri Orada, aşağıdakiler gibi birkaç özelleştirme seçeneği göreceksiniz:

  • Ana Menü
  • duyarlı
  • Varsayılan tema
  • Özelleştirmek
  • Sosyal
  • İthalat ihracat
Sosyal seçenekleri yapılandırın

Bizim durumumuzda, birincil menümüze sosyal medya simgeleri eklememiz gerekiyor. Bu nedenle, Sosyal seçeneğini seçeceğiz.

sosyal seçenek

Sahip olduğunuz kanallara bağlı olarak düzenleyebileceğiniz veya silebileceğiniz birkaç varsayılan seçenek göreceksiniz. Zaten sosyal medya profillerine simgeler atadılar.

Ancak, + Simge Ekle düğmesine tıklayarak da bunları özelleştirebilirsiniz. Ayrıca + düğmesine basarak yeni sosyal medya kanalları ekleyebilirsiniz. simgeler ekle

Facebook simgesini değiştirmek istediğinizi varsayalım. + Simge ekle'ye basın ve aralarından seçim yapabileceğiniz birçok simgenin bulunduğu bir açılır pencere göreceksiniz.

mevcut tüm simgeler

Birçok simge vardır, bu nedenle sonuçları filtrelemek için arama özelliğini kullanmanızı öneririz.

fb simgesini ara Gördüğünüz gibi, Facebook simgelerini aradık. Size arama sorgunuzla ilgili mevcut tüm simgeleri gösterecektir, bu nedenle beğendiğinizi seçin ve kaydedin. Başlıkları ve URL'leri de değiştirebilirsiniz. QuadMenu'da istediğiniz tüm değişiklikleri yaptıktan sonra ayarları kaydedin.

dörtlü menü eklenti ayarlarını kaydet

Bundan sonra, WordPress menülerine gidin. Orada mevcut tüm menüleri göreceksiniz. Menünüzde QuadMenu seçeneklerini kullanmak için Menü ayarları altında QuadMenu Dev olarak işaretlemeniz gerekir. Bundan sonra menüyü kaydedin.

dörtlü menü geliştirme seçeneği

Bir sonraki sayfa yüklemesinde QuadMenu seçeneklerini göreceksiniz. dörtlü menü seçenekleri

QuadMenu öğelerinin altında Sosyal simgeler listesini göreceksiniz. Bunları seçin ve Menüye Ekle'ye basın.

menüye sosyal simgeler ekle

Bundan sonra, Ana Menü seçeneklerinin altında Sosyal bölümünü göreceksiniz. Farenizi üzerine getirdiğinizde QuadMenu özelleştirme seçeneklerini göreceksiniz.

dörtlü sosyal simgeler

Ek özelleştirmeye ihtiyacınız varsa, o seçeneği seçin. Aksi takdirde, Menüyü Kaydet düğmesine basın ve gitmeye hazırsınız.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - Wordpress menüsünü kaydet

Menüdeki simgeler (Ön uç)

Şimdi, sonuçları kontrol etme zamanı. Web sitenizin ana sayfasına gidin ve sosyal simgeleri göreceksiniz. Ve üzerlerine geldiğinizde simgeler işlenecektir.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - QuadMenu final

Bu kadar! QuadMenu ile sosyal medya ikonlarını WordPress menülerinize başarıyla eklediniz.

1.2) WP Menü Simgeleri

Herhangi bir premium eklentiye paranız yetmiyorsa endişelenmeyin. Sizin için ücretsiz bir çözümümüz var. Bu bölümde, WP Menu Icons adlı ücretsiz bir eklenti ile WordPress'inize nasıl sosyal medya simgeleri ekleyeceğinizi göstereceğiz. WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - WP menü simgeleri eklentisi

Kurulum ve Aktivasyon

Öncelikle sitenize WP Menü Simgelerini kurun ve etkinleştirin.

wp menü simgeleri eklentisini yükle Bu aracın kullanımı çok kolaydır ve herhangi bir ek özelleştirme gerektirmez.

Menü Simgelerini Özelleştirme

Sitenizde menünüz yoksa konfigürasyon bölümünden oluşturabilirsiniz. menü oluştur

Menünüze bir konum atayın ve ardından ona öğe eklemeye hazırsınız. Sosyal medya profillerinizi menüye eklemek için Özel Bağlantılar öğesini seçin. Bağlamak istediğiniz sayfanın URL'sini ve bir etiket girmeniz gerekecektir. Ardından, Menüye Ekle'ye basın.

menüye facebook linki ekleme Simgeyi menüye ekledikten sonra yapılandırma sayfası aşağıdaki gibi görünecektir.

menüye fb eklendi Benzer şekilde, başka sosyal medya simgeleri de ekleyebilirsiniz. Bu durumda menümüze Twitter, Pinterest ve Instagram ikonlarını ekledik.

sosyal profiller eklendi Menü öğelerinde bir + düğmesi var. Menü öğelerine simgeler eklemek için kullanmanız gereken ayar budur, bu yüzden tıklayın.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - simge ekle Ardından, aralarından seçim yapabileceğiniz geniş bir ürün yelpazesi göreceksiniz.

tüm simgeler Düzinelerce simge vardır, bu nedenle istediğiniz sonuçları filtrelemek için arama özelliğini kullanın. Bu durumda, Facebook menü öğesini seçtik, bu nedenle Facebook simgesini arayacağız. facebook simgeleri Beğendiğinizi seçtikten sonra sağ sütunda simge ayarlarını göreceksiniz. Burada etiketi görüntüleyebilir veya gizleyebilir, konumu, boyutu ve hizalamayı özelleştirebilirsiniz. Bu durumda, etiketi gizleyeceğiz. Özelleştirmeyi bitirdikten sonra Kaydet'i tıklayın .

etiketi gizle Pinterest, Twitter ve Instagram simgelerini aynı şekilde özelleştirebilirsiniz. Gerekli simgeleri ekledikten sonra menüyü kaydedin.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - WP menü simgeleri Menüyü kaydet Şimdi sonucu kontrol etme zamanı. Web sitenizin ön ucuna gidin ve yeni simgeleri göreceksiniz.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - Ön uçta WP menü simgeleri

WP Menü Simgeleri ile WordPress'teki başlık menülerinize sosyal medya simgeleri bu şekilde ekleyebilirsiniz . Son olarak, simgelerinizi WP Menü Simgeleri ayarlar sayfasından da şekillendirebilirsiniz.

2) Tema Özelleştirici ile Sosyal Medya Simgeleri Ekleyin

Herhangi bir eklenti yüklemek istemiyorsanız, tema özelleştiricinizi kullanarak menülerinize sosyal medya simgeleri ekleyebilirsiniz. Divi, Gazete veya Avada gibi bazı premium temalar, temayı özelleştirmenize ve sosyal medya simgeleri eklemenize olanak tanıyan entegre tema panelleriyle birlikte gelir.

Temanızın sosyal medya simgeleri ekleme seçeneğiyle gelip gelmediğinden emin değilseniz, WordPress panonuzda Görünüm > Özelleştir > Menüler > Konumları Görüntüle'ye gidin ve bir sosyal menü veya sosyal simge seçeneği olup olmadığını kontrol edin.

Gösterimiz için Elegant Themes tarafından Divi temasını kullanacağız. İlk önce, WP panonuza gidin > Görünüm > Özelleştir .
Divi wordpress temasını özelleştirin.

Ardından, başlık özelleştirmesine ve başlık öğelerine gidin. Orada, başlık sosyal simgelerini etkinleştirmek için bir seçenek göreceksiniz.

üstbilgi sosyal simgelerini göster

Bu seçeneği etkinleştirin ve ardından web sitenizin başlığında göreceksiniz. divi sosyal simgeler

Ayrıca Divi > Tema Seçenekleri'ne giderek bunları özelleştirebilirsiniz.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - Divi tema özelleştirici

Orada, istediğiniz simgeleri etkinleştirebilir ve sosyal medya profillerinizin URL'sini girebilirsiniz. Sosyal medya simgeleri, varsayılan olarak sitenizin hem üstbilgisinde hem de altbilgisinde görünür.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - Altbilgideki Divi simgeleri

Ancak, bunları kişiselleştirme ayarlarından gizlemeyi seçebilirsiniz.

altbilgi simgelerini gizle Gazete ve Newsmag gibi diğer temaların kendi özelleştirme seçenekleri vardır, böylece simgeleri etkinleştirebilir/devre dışı bırakabilir ve bunları doğrudan özel tema panelinde görüntüleyebilirsiniz. Tema özelleştiricide veya panelde sosyal medya simgeleri bölümünü bulamıyorsanız, aşağıya bir yorum bırakmaktan çekinmeyin, size yardımcı olmaya çalışacağız.

3) FontAwesome'ı Kullanma

Son olarak, WordPress'teki menülerinize manuel olarak sosyal medya simgeleri ekleyebilirsiniz. Geliştirici olmasanız veya kodlama becerisine sahip olmasanız bile, sosyal medya simgelerini biraz HTML kodlaması ile görüntüleyebilirsiniz. Bunu yapmak için FontAwesome'ın simgelerini kullanacağız.

Yani, yapmanız gereken ilk şey FontAwesome web sitesine gitmek.

WordPress Menüsüne Sosyal Medya Simgeleri Ekleyin - Fontawesome

İhtiyacınız olan simgeleri bulmak için arama özelliğini kullanın. Bu demo için Twitter simgelerini arayacağız.

twitter simgeleri

Bir sonraki sayfada, web sitesi size arama sonuçlarını gösterecektir. En çok beğendiğinizi seçin.

logo seç

Bir sonraki sayfada, seçtiğiniz simgenin ayrıntılarını göreceksiniz, bu nedenle simgenin HTML kodunu kopyalamanız yeterlidir. WordPress Menüsüne Sosyal Medya Simgeleri Ekleyin - HTML

WordPress'e Harika Yazı Tipi Simgeleri Ekleme

Ardından, WordPress sitenizdeki menüler bölümüne gidin. Sol tarafta, özel bağlantılar bölümünü göreceksiniz. URL'yi Twitter profilinize girmeniz ve yeni kopyaladığınız HTML kodunu Bağlantı Metni alanına yapıştırmanız gerekecektir. Bunu yaptıktan sonra Menüye Ekle 'ye basın. menüye ekle

Bundan sonra, değişiklikleri kaydedin. Ardından, sitenizin ön ucuna gidin ve simgeyi göreceksiniz.

ön uçtaki twitter simgesi

Bu şekilde herhangi bir sosyal medya ikonunu menünüze ekleyebileceksiniz .

HTML kodu çalışmıyor

Bu öğreticinin her adımını izlediyseniz ancak HTML çalışmıyorsa, bunu deneyin. fab kodu çalışmazsa, fab'dan b'yi kaldırarak HTML kodunu değiştirmeyi deneyin.

Örneğin, bizim durumumuzda, son HTML kodu <i class=”fab fa-twitter”> </i> yerine bu <i class=”fa fa-twitter”></i> gibi görünecektir. Örnek: WordPress Menüsüne Sosyal Medya Simgeleri Ekleme - HTML değiştirilmiş kod

WordPress başlığına sosyal medya simgeleri ekleyin

Başlık, sosyal medya simgeleri eklemek isteyebileceğiniz en popüler yerlerden biridir, bu yüzden Tema Özelleştirici'yi kullanarak nasıl yapılacağını hızlıca görelim.

Menüye sosyal medya simgeleri ekleme seçeneği sunan bir temaya ihtiyacınız olacağını unutmayın. Ayrıca, temanıza bağlı olarak adımların biraz farklı olabileceğini unutmayın, ancak çoğu temada adımları sorunsuz bir şekilde takip edebilmeniz gerekir.

İki seçeneğe bakalım: yeni bir menü oluşturmak ve mevcut olanı düzenlemek.

Yeni bir menüde başlığa sosyal medya simgeleri ekleme

  1. WordPress kontrol panelinizde Görünüm > Menüler'e gidin
  2. Seç düğmesinin yanındaki yeni menü oluştur bağlantısına basın ve ona bir ad verin
  3. Artık simgeleri buna ekleyebilirsiniz. Yeni menüyü seçin ve eklemek istediğiniz sosyal medya ve URL'leri (Instagram, Facebook, YouTube vb.) girin ve Menüye Ekle'ye basın.
  4. Değişiklikleri kaydet
  5. Bundan sonra yeni oluşturduğunuz menüyü başlık bölümüne yerleştirin
  6. Değişiklikleri kaydedin ve hepsi bu! WordPress başlığına sosyal medya simgelerini bu şekilde eklersiniz!

Mevcut bir menüde başlığa sosyal medya simgeleri ekleme

  1. WordPress kontrol panelinizde Görünüm > Özelleştir > Menüler'e gidin
  2. Başlık bölümüne gidin ve Öğe ekle düğmesine basın
  3. Ardından eklemek istediğiniz sosyal medya platformunun simgesini seçin, URL'yi girin ve Menüye Ekle'ye basın. Eklemek istediğiniz her sosyal medya için aynısını yapmanız gerekir.
  4. Simgeleri görüntülemek istediğiniz menü konumunu seçin. Sahip olduğunuz seçenekler temanıza bağlı olacaktır.
  5. Değişiklikleri kaydedin. Bu kadar!

Alternatif olarak, örneğin altbilgiye simgeleri eklemek istiyorsanız, aynı işlemi uygulayın, ancak simgelerin konumu olarak Altbilgi'yi seçin.

Bonus: Sosyal medya simgelerini yeni bir sekmede açın

WordPress menünüze sosyal medya simgeleri eklemek, sosyal medya varlığınızı büyütmenize yardımcı olacaktır. Ancak sorun şu ki, bir kullanıcı menünüzdeki simgeye tıkladığında sosyal medyanın sayfası aynı pencerede yüklenecek ve kullanıcı sitenizden ayrılacaktır. Çözüm, sosyal medya simgesinin sayfayı yeni bir sekmeye yüklemesini sağlamaktır. Nasıl yapacağımıza bir bakalım.

WordPress kontrol panelinizde Görünüm > Menüler'e gidin, sağ üstteki Ekran Seçenekleri'ni açın ve Bağlantı Hedefi seçeneğini etkinleştirin. Ardından, her bir menü öğesine gidin ve Bağlantıyı yeni bir sekmede aç onay kutusunu işaretleyin. Alternatif olarak, her hedefi _blank olarak ayarlayabilirsiniz.

Son olarak, değişiklikleri kaydedin ve işiniz bitti!

Sitenize sosyal beslemeler nasıl eklenir

Menünüze sosyal medya simgeleri eklemenin yanı sıra, kullanıcılarınızla etkileşimi artırmak için sitenize sosyal beslemeler de ekleyebilirsiniz. Bu bölümde Instagram ve TikTok'u web sitenize nasıl bağlayacağınızı göstereceğiz.

WordPress'e bir Instagram beslemesi ekleyin

Instagram'ı sitenize bağlamanın en kolay yolu Social Feed Gallery eklentisini kullanmaktır. Instagram beslemenizi birkaç tıklamayla görüntülemenizi sağlayan ücretsiz bir araçtır.

Öncelikle bu bağlantıdan eklentiyi kurun ve etkinleştirin. Ardından, Sosyal Akış Galerisi'ne gidin ve Instagram hesabınıza giriş yapın.

Bundan sonra, Sosyal Akış Galerisi > Hesaplar'a gidin ve kişisel veya işletme hesabınızda oturum açma seçeneğiniz olacak (işletme hesabının daha fazla seçeneği olduğunu unutmayın). Ardından, bir hesap ekleyin, giriş yapın ve uygulamaya hesabınızı WordPress'e bağlamak için gerekli izinleri verin.

Bunu yaptıktan sonra Beslemeler sekmesine gidin, +Feed 'e basın ve görüntülemek istediğiniz beslemeyi ekleyin. Son olarak, feed'inizi özelleştirin ve bitirdiğinizde, eklentinin size feed'inizi görüntülemek için herhangi bir sayfaya veya gönderiye yapıştırabileceğiniz bir kısa kod sağladığını göreceksiniz.

Daha fazla bilgi için Instagram'ı WordPress ile nasıl entegre edeceğimize dair kılavuzumuza göz atın.

WordPress'e bir TikTok beslemesi ekleyin

Benzer şekilde sitenizi TikTok ile de bağlayabilirsiniz. TikTok yayınlarını görüntülemek için WP TikTok Feed adlı özel bir eklenti kullanacağız. Bu, WordPress için en popüler TikTok eklentisidir ve ücretsiz bir sürümü ve birkaç premium planı vardır.

Eklentiyi kurup etkinleştirdikten sonra, WordPress kontrol panelinizde TikTok hesabınızı bağlamanız ve ardından Tiktok Feed > Feeds'e gitmeniz gerekir. Orada, +Feed'e basın ve görüntülemek istediğiniz beslemeyi ekleyin. Ek olarak, beslemeyi sitenizde nasıl görüntüleyeceğinizi özelleştirmek için birkaç seçenek göreceksiniz.

Bununla ilgili daha fazla bilgi için TikTok videolarının WordPress'e nasıl yerleştirileceğine ilişkin eğiticimize göz atın.

Çözüm

Sonuç olarak, WordPress menülerinize sosyal medya simgeleri eklemek, sosyal medyadaki varlığınızı artırmanın mükemmel bir yoludur. Bu kılavuzda, bunu yapmanın 3 farklı yolunu gördük:

  1. Eklentiler ile
  2. Tema özelleştiriciden
  3. manuel olarak

Temanız varsayılan olarak simgeler eklemenize izin veriyorsa, fazladan eklenti veya HTML kodu kullanmanıza gerek yoktur. Bir eklenti tercih ederseniz, QuadMenu'yu kullanmanızı öneririz. Tüm WordPress menü özelleştirmeniz üzerinde tam kontrol sahibi olmanızı sağlar ve ayrıca birçok güçlü özellik ile birlikte gelir.

Ancak, ücretsiz bir çözümü tercih ederseniz, WP Menü Simgelerine bir göz atın. Sosyal simgeleri hemen eklemenize yardımcı olacak basit bir araçtır.

Öte yandan, herhangi bir eklenti yüklemek istemiyorsanız, biraz HTML ve FontAwesome simgeleri kullanarak sosyal medya simgeleri ekleyebilirsiniz. Bu seçenek ayrıca simgeleri biraz CSS ile özelleştirmenize izin verir veya stil bölümünden kaçınabilir ve varsayılan simgeleri kullanabilirsiniz.

Bu makaleyi faydalı buldunuz mu? Yaptıysanız, bize aşağıya bir yorum bırakın ve bu gönderiyi sosyal medyada paylaşın. Daha fazla ilgili eğitim için aşağıdaki kılavuzlara göz atın:

  • WordPress'e sosyal medya beslemeleri eklemek için en iyi eklentiler
  • WordPress'e Facebook grup beslemeleri nasıl eklenir