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

Eski bir atasözüne göre, bir resim bin kelimeye bedeldir. Aslında çok daha az olduğunu iddia edebiliriz, fakat web simgelerinin, özellikle de sosyal medyadakilerin güçlü ve sezgisel olduğu inkar edilemez. Uçan o neşeli mavi kuş? Stilize kare kamera? Oyun sembollü yuvarlak köşeli kırmızı dikdörtgen? Düşünmeden bile neyi temsil ettiklerini bilirsiniz. Sosyal medya logoları, var olan en akılda kalan resimlerden bazılarıdır.

WordPress menünüze sosyal medya simgeleri eklemek kolaydır ve hiç zaman almaz. Sana nasıl olduğunu göstereceğiz. Fakat pirinç meselelere inmeden önce, sosyal medya simgelerinizi neden menünüzde istediğinizi tartışalım.

• Neden WordPress Menümde Sosyal Medya Simgelerine İhtiyacım Var?

• Bridge WordPress Temasını Kullanarak Üstbilgiye ve Altbilgiye Sosyal Simgeler Nasıl Eklenir?

• Bridge’de WordPress Menü Öğelerinize Sosyal Medya Simgeleri Nasıl Eklenir?

• Bir Eklenti Kullanarak WordPress Menü Öğelerinize Sosyal Medya Simgeleri Nasıl Eklenir?

Neden WordPress Menümde Sosyal Medya Simgelerine İhtiyacım Var?

Özellikle mobil cihazlarda çok sayıda simge arayüzünüzü karıştırabilir. Bunları bir menüye koyarak bundan kolayca kaçınabilirsiniz. Kullanıcılar bunları menülerde aramaya alışkındır ve bir menüye simgeler ekleyerek daha şık ve sezgisel hale getirebilirsiniz.

Benzer şekilde, yalnızca sosyal medya simgelerinizle özel bir sosyal menü oluşturabilir ve bu menüyü widget’lı herhangi bir alana yerleştirerek ziyaretçilerinizin sosyal medya içeriğinize basit bir tıklamayla ve web sitenizden uzaklaşmak zorunda kalmadan ulaşmasını sağlayabilirsiniz. Mobil kullanıcılarınız özellikle minnettar olacaktır.

Bridge WordPress Temasını Kullanarak Üstbilgi ve Altbilgi Menüsüne Sosyal Simgeler Nasıl Eklenir?

Çok yönlü Bridge temamızı kullanıyorsanız, üst bilgi veya alt bilgi menünüze sosyal simgeler eklemek olabildiğince basit. Bunun için özel bir widget’ımız bile var!

Üstbilginize veya altbilginize sosyal medya simgeleri yüklemek için gerçekten ihtiyacınız olan tek şey bu kullanışlı video eğitimidir:

Fakat öğreticilerinizi metin biçiminde tercih ediyorsanız, aşağı doğru kaydırın. Yapmanız gereken her şeyi size adım adım anlatacağız. Bunu üstbilgi menünüz için nasıl yapacağınızı size göstereceğiz, fakat altbilgi alanları prensip olarak aynı şekilde çalışır.

Kullanabileceğiniz pencere öğesi alanları, kullanmakta olduğunuz Bridge demosuna bağlı olacaktır. Kullandığımız demo için başlık herhangi bir sosyal simge içermiyor.

Bunu düzeltmek için, WordPress panonuzdaki sağ taraftaki menüden Görünüm/Widget’lara gitmeniz gerekir.

Daha sonra doğru widget alanını bulmanız gerekir. Sosyal simgelerimizi menünün yanında istiyoruz ve bu Bridge demosunda ilgili alan Sağ Alt Başlık. Herhangi bir widget alanına bir sosyal simge yerleştirmek için, bir WordPress Social Icon widget’ını buraya sürüklemeniz gerekir.

Daha sonra bu widget’ı yapılandırmanız gerekir. Çember simge türünü (web sitenizin stiline ve görünümüne bağlı olarak farklı bir simge türü seçebilirsiniz), Font Elegant simge paketini (Font Awesome de desteklenir) ve Font Elegant Simgesi açılır menüsünden Facebook simgesini seçeceğiz , ve Özel Boyut ve Özel Şekil Boyutunu girin (bizim için sırasıyla 10 ve 13 piksel, fakat siz kendinizinkini seçebilirsiniz). Bu gösterinin amaçları doğrultusunda, widget’a Facebook sayfamızın hiper bağlantısını sağlayacağız (elbette sizinkini kullanacaksınız) ve Hedefi Yeni Pencere olarak değiştireceğiz. WordPress Social Icon parçacığı ayrıca şu anda girmeyeceğimiz çok sayıda tasarım ayarı içerir. Çok sayıda boyut, renk ve kenarlık ayarının widget’ı çok yönlü ve her stile uyarlanabilir hale getirdiğini söylemek yeterli.

İsterseniz, burada yaptığımız gibi, aynı alanı biraz daha sosyal simgelerle doldurabilirsiniz. Sosyal simgelerinizi sıralama sıranız, simgelerin başlıkta görüneceği sıradır (soldan sağa). Ve şimdi başlığınız sosyal medya hesaplarınız için yollar içerecek.

Bridge’de WordPress Menü Öğelerinize Sosyal Medya Simgeleri Nasıl Eklenir?

Peki ya menünüzdeki öğelere sosyal simgeler eklemek isterseniz? Bridge bunu yapabilir ve kullandığınız diğer temalar da bunu yapabilir, fakat bunu temamızla nasıl yapacağımızı göstereceğiz.

İlk olarak, Görünüm/Menüler’e gitmeniz ve üst gezinme menünüzü bulmanız gerekir. Bizim durumumuzda adı Mega Menü’dür. Daha sonra bir sosyal medya profiline, bizim durumumuzda Twitter profilimize bir bağlantı eklemeniz gerekir. Bunu yapmak için menünüze bir Özel Bağlantı menü öğesi eklemeniz gerekir. Menü öğeleri ekle menüsünde Özel Bağlantılar öğesini bulun ve URL’nizi URL alanına yapıştırın. Twitter’ımız için Link Metni alanına Twitter’ımızı yazıp Menüye Ekle butonuna basacağız.

Öğe artık Menü yapınızın en altındadır, yani üst gezinme menüsünün en sağında görünecektir. Orayı seviyoruz ama tabii ki menülerinizi istediğiniz gibi düzenleyebilirsiniz. Yapılandırmak için öğeyi genişletin. Tür için, Bridge’de bir simge görüntüleyecek tek menü öğesi türü olduğundan, simgelerle geniş seçeneğini seçmeniz gerekir. Ayrıca Simge Paketimiz için Harika Yazı Tipini ve Simgemiz için fa-twitter’ı seçeceğiz. Elbette Font Elegant simge paketini ve sosyal profiliniz için beğendiğiniz simgeyi seçebilirsiniz. Biraz daha aşağı kaydırarak Menüyü Kaydet düğmesini tıklayın.

Ve şimdi menünüz, sosyal simgesi olan bir bağlantı içerecektir. Bu sosyal bağlantılardan istediğiniz kadarını ekleyebilir ve ayrıca diğer menü öğelerine simgeler atayabilirsiniz, fakat bu, bu gösterimin kapsamını aşmaktadır.

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

İlk önerimiz, elde etmek istediğiniz herhangi bir etki için her zaman bir temanın yerleşik işlevselliğini kullanmaktır. Kullandığınız tema istediğiniz işlevselliğe sahip değilse, bir eklenti genellikle iyi bir geçici çözüm sunar. Kullanacağımız eklenti Menu Image. Eklentiyi kurup etkinleştirdikten sonra, önce bu eklenti için bildirimleri açmanız istenecek (ki bunu Atlayacağız) ve ardından Ayarlar ekranına yönlendirileceksiniz. Burada web sitenizin stiline uyması için simge boyutlarınızı değiştirebilirsiniz. Sadece Değişiklikleri Kaydedeceğiz ve devam edeceğiz.

Daha sonra Görünüm/Menüler’e gidin ve en üst gezinme menünüz olan Mega Menü’yü bulun. Sol taraftaki Menü öğeleri ekle menüsünden Özel Bağlantılar’ı seçin ve yapılandırın. Bu gösterinin amaçları doğrultusunda, Instagram profilimizin URL’sini URL alanına yapıştıracağız ve Menüye Ekle düğmesini tıklamadan önce Instagram profilimizin URL’sini Bağlantı Metni alanına Bizim Instagram’ımız olarak yazacağız, bu arada siz istediğiniz sosyal profili ve simgeyi seçebilirsiniz.

Bu durum Menü yapınızın altına bir Özel Bağlantılar öğesi yerleştirecek, yani menünüzün en sağında görünecektir. Menülerinizi istediğiniz gibi düzenleyebilirsiniz ama biz burada bırakacağız. Yapılandırmak için öğeyi genişletmeniz gerekir. Başlık Konumunu Sonra olarak ayarlayacağız, bu simgenin Gezinme Etiketinin solunda görüneceği anlamına gelir ve Medya Kitaplığınızdan bir resim seçmek veya yüklemek için Resmi ayarla’yı tıklayın.

Medya Kitaplığımıza ücretsiz bir Instagram simgesi sağladık. Her menü öğesi için başka hangi resmi beğendiyseniz onu yükleyebilirsiniz, fakat bunu burada bırakacağız çünkü sosyal simgemizin gerçekten öne çıkmasını ve anında tanınmasını istiyoruz. Fareyle üzerine gelindiğinde görüntü ayarla simgesini tıklatarak, üzerine gelindiğinde simgesi için farklı bir sürüm de seçebilirsiniz. Son olarak ayarlarınızdan memnun kaldığınızda, Menüyü Kaydet düğmesine tıklamanız gerekir.

Ve Instagram profil bağlantınız artık üst gezinme menümüzün yıldızı olacak!

Çözüm Yolu

Gösterdiğimiz gibi, menü öğelerinize simgeler eklemek kolay ve hızlıdır. İster temanızın yerleşik seçeneklerini, ister bir eklentiyi kullanın, sosyal medya varlığınızı sadece birkaç fare tıklamasıyla web sitenizin ziyaretçilerine tanıtabilirsiniz. Bu gün ve yaşta, yapmamayı göze alabilir misin?