[MMOZirve Türkiye'nin En Büyük Oyun Forumu]

Yeni Mesajlar Yeni Konular Popüler Son Cevaplananlar Elmas Konular Forumlarda Ara

Ana Sayfa Web Geliştirme

Ana Sayfa Forum Web Geliştirme Ghost Sitenize sosyal medya simgeleri nasıl ekleni...

Ghost Sitenize sosyal medya simgeleri nasıl eklenir?

vanessa · 2026-03-17T17:06:07+03:00

Tüm sosyal medya ağı simgelerinizi Ghost temanıza ekleyerek sosyal medya varlığınızı genişletin. Ghost Admin'den Ghost sitenize herhangi bir sosyal medya simgesini ekleyin. Bu eğitim, süreci adım adım anlatacaktır Not:Bu eğitimde, varsayılan Ghost teması Source, çalışan bir örnek olarak kullanılmıştır. Aşağıda sunulan teknikler diğer Ghost temalarına da uygulanabilir. Sosyal medya bağlantılarınızı ekleyin Ayarlar → Gezinme'ye gidin. Birincil Gezinme alanına, eklemek istediğiniz her sosyal medya ağı için yeni bir öğe ekleyin. Etiket, sosyal medya ağının adı olmalıdır. Örneğin, Konular profilinize bir bağlantı eklemek için gezinme etiketi olarak "Konular"ı kullanın. Kod oluşturucu Temanız için kodu nasıl yazacağınıza dair adım adım bir kılavuz için eğitimin geri kalanını izleyin veya kısayoldan yararlanarak kod oluşturucumuzu kullanarak kodu otomatik olarak oluşturun. Resmi Ghost temanızı ve istediğiniz sosyal medya simgelerini seçin. Ardından, kodu kopyalayıp Ayarlar → Kod Enjeksiyonu → Site Başlığı'na yapıştırın. Kaydet'e tıklayın ve işiniz bitti. Önceki adımda açıklandığı gibi, gezinme öğelerini eklemeniz gerektiğini unutmayın. Simgeleri manuel olarak nasıl ekleyeceğinizi görmek veya işlem hakkında daha fazla bilgi edinmek için aşağıdaki eğitime devam edin. Oluşturulan kod Kod: Choose your theme and social media networks to get started... Simge kitaplığını ekleyin Simge kütüphanemiz olarak FontAwesome'ı kullanacağız. Bunu Ghost sitemize yükleyelim. Ayarlar → Kod Enjeksiyonu → Site Başlığı'na gidin. Aşağıdaki kod satırını yapıştırın ve Kaydet'e tıklayın. html: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/brands.min.css" integrity="sha512-+oRH6u1nDGSm3hH8poU85YFIVTdSnS2f+texdPGrURaJh8hzmhMiZrQth6l56P4ZQmxeZzd2DqVEMqQoJ8J89A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> Temel stilleri ekleyin Daha sonra, bir önceki adımdaki kod satırının hemen ardından temel simge stilini ekleyin. html: <style> :where(.nav, .gh-head-menu) .nav-behance a, :where(.nav, .gh-head-menu) .nav-dribbble a, :where(.nav, .gh-head-menu) .nav-mastodon a, :where(.nav, .gh-head-menu) .nav-threads a, :where(.nav, .gh-head-menu) .nav-x a, :where(.nav, .gh-head-menu) .nav-youtube a { font-size: 0 !important; } :where(.nav, .gh-head-menu) .nav-behance a::before, :where(.nav, .gh-head-menu) .nav-dribbble a::before, :where(.nav, .gh-head-menu) .nav-mastodon a::before, :where(.nav, .gh-head-menu) .nav-threads a::before, :where(.nav, .gh-head-menu) .nav-x a::before, :where(.nav, .gh-head-menu) .nav-youtube a::before { font-family: "Font Awesome 6 Brands"; display: inline-block; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } </style> Stillerin sosyal medya ağlarının adlarını içerdiğine dikkat edin. Kullanmak istediğiniz sosyal medya ağı zaten eklenmişse, bu stilleri olduğu gibi kopyalayın. Aksi takdirde, yeni sosyal medya ağını da içerecek şekilde güncelleyin. Örneğin, LinkedIn için şunları eklersiniz: :where(.nav, .gh-head-menu) .nav-linkedin a ve :where(.nav, .gh-head-menu) .nav-linkedin a::before. Sosyal medya simgelerini ekleyin Son adım, her sosyal medya ağının gerçek simgesini çeken bir stil eklemektir. Yukarıda listelenen simgelerin kodu aşağıdadır. Bunu da Site Başlığına ekleyin. html: <style> :where(.nav, .gh-head-menu) .

vanessa 17.03.2026 17:06 756 görüntüleme 14 cevap

‹1 2

Son Mesaj

aalbatros

Üye

Katılım12 Mar 2026

Konular6

Mesajlar49

Elmas Konular0

Başarım0

ZirveCoin 0

Ticaret Puanı

+0 -0

10.05.2026 00:50 #9

Eline sağlık

saykut606

Üye

Katılım22 Ara 2025

Konular5

Mesajlar87

Elmas Konular0

Başarım0

ZirveCoin 0

Ticaret Puanı

+0 -0

10.05.2026 00:53 #10

paylaşım için teşekürler

Semre34

Üye

Katılım21 Mar 2026

Konular10

Mesajlar69

Elmas Konular0

Başarım0

ZirveCoin 0

Ticaret Puanı

+0 -0

10.05.2026 00:53 #11

Gayet anlaşılır şekilde anlatmışsın eline sağlık teşekkürler ileride kendi sitem icin uygulayacağım

kalaletto

Üye

Katılım30 Oca 2026

Konular9

Mesajlar86

Elmas Konular0

Başarım0

ZirveCoin 0

Ticaret Puanı

+0 -0

10.05.2026 00:53 #12

Eline sağlık

PikkyMedya

Üye

Katılım09 Ara 2025

Konular5

Mesajlar57

Elmas Konular0

Başarım0

ZirveCoin 0

Ticaret Puanı

+0 -0

10.05.2026 00:53 #13

Eline sağlık

Valeringosso

Üye

Katılım19 Kas 2025

Konular6

Mesajlar59

Elmas Konular0

Başarım0

ZirveCoin 0

Ticaret Puanı

+0 -0

10.05.2026 00:53 #14

Paylaşım için Teşekkürler.

pvphosting

Üye

Katılım13 Ara 2025

Konular5

Mesajlar66

Elmas Konular0

Başarım0

ZirveCoin 0

Ticaret Puanı

+0 -0

10.05.2026 00:53 #15

Elinize sağlık

‹1 2

Bu konuyu görüntüleyenler

1 misafir

Cevap yazmak için giriş yapın.

Benzer Konular

Konu başlığı Türkçe olarak yeniden yazılan hali: Web Geliştirme : Çözümleyici Tasarım ve Kullanıcı Dostu Erişilebilirlik (UI/UX) Kılavuzu

egnmedia · 03 May 2026

4 cevap

1K görüntüleme

- Haber Portalı Hafızası, Günün Öne Çıkanlarından Bilgi Alın!

akaderkin · 03 Nis 2026

29 cevap

1K görüntüleme

Google My Business Desteğine Telefon, E-posta ve Sosyal Medya Yoluyla Nasıl Ulaşılır?

aliihsandere · 26 Nis 2026

1 cevap

1K görüntüleme

Modern Veri Çekme Kılavuzu : GraphQL Rehberi

Salaranprensi · 30 Mar 2026

5 cevap

1K görüntüleme

Google Yardımcı İçerik Güncellemesi: İndirme Listesi ve Tüyoları

SozinhoAgency · 03 May 2026

1 cevap

1K görüntüleme

Kullanıcı	Mesaj	Son Cevap
Valeringosso	1	10 May 2026
pvphosting	1	10 May 2026
PikkyMedya	1	10 May 2026
kalaletto	1	10 May 2026
Semre34	1	10 May 2026
saykut606	1	10 May 2026
aalbatros	1	10 May 2026
EnginDeniz	1	10 May 2026
uzaktanegitim	1	10 May 2026
vanessa	5	10 May 2026

Ghost Sitenize sosyal medya simgeleri nasıl eklenir?

Kaynak Dosyası Yükle

Bu Konuya Yazanlar

Başlığı Düzenle

Ön Eki Değiştir

Başlık Rengi

Konuyu Taşı

Konu Sahibini Değiştir

Konuyu Düzenle

İçeriği Raporla