Divi & Monarch ile İç Tasarım Düzen Paketi Sosyal Medyayı Hazır Hale Getirme

Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz bir Divi yerleşim paketi sunuyoruz. Her düzen paketiyle birlikte, web sitenizi bir sonraki düzeye taşımanıza yardımcı olacak bir kullanım örneği de paylaşıyoruz.

Bu hafta, devam eden Divi tasarım girişimimizin bir parçası olarak, Interior Design Layout Pack, Divi ve Monarch ile Interior Design web sitesi sosyal medyanızı nasıl hazır hale getireceğinizi göstereceğiz. Sayfalarınıza ve gönderilerinize nasıl sosyal paylaşım simgeleri ve sosyal takip simgeleri ekleyeceğinizi göstermenin yanı sıra, iç tasarım web sitenizde oluşturduğunuz tüm gönderiler için kullanabileceğiniz eşleşen bir blog gönderisi şablonu düzeni oluşturacağız.

Case Sneak Peek'i kullanın

Kullanım örneği blog gönderisine dalmadan önce, görsel olarak ne oluşturacağımıza bir göz atalım. Öncelikle Monarch'ın sayfalarınızda istediğiniz yere yerleştirebileceğiniz sosyal takip özelliğini ekleyeceğiz. Web sitesinde ince bir şekilde sosyal kanıt oluşturmak için sosyal ağların her biri için takipçi sayısını da görüntüleyeceğiz.

Ayrıca, her blog gönderisine sosyal paylaşım simgelerini nasıl ekleyeceğinizi de göstereceğiz. Bunun da ötesinde, gelecekteki blog yazılarınızın her biri için yeniden kullanabileceğiniz hoş görünümlü bir blog yazısı şablonu düzeni oluşturuyoruz.

Divi & Monarch ile İç Tasarım Düzen Paketi Sosyal Medyayı Hazır Hale Getirme

Youtube Kanalımıza Abone Olun

Kurulum

1. Divi Temasını kurun ve etkinleştirin
2. Eklentileri Yükleyin
3. Düzen Paketini indirin ve Interior-Design_All.json dosyasını Divi Tema Kitaplığınıza aktarın.
4. Her düzen için yeni sayfalar oluşturun.
5. Birincil menünüzü oluşturun.

Yukarıda listelenen kurulum konusunda kafanız karıştıysa, yeni projeniz için bir yerleşim paketi kullanmak için bu 10 adımı kontrol ederek yerleşiminizi nasıl düzgün bir şekilde kuracağınız konusunda daha ayrıntılı talimatlar bulabilirsiniz.

Bölüm 1: Monarch Eklentisini İndirin ve Kurun

1. Adım: Eklentiyi İndirin

Yapmanız gereken ilk şey Monarch eklentisini indirmek. Elegant Themes üyesiyseniz, giriş yaptıktan sonra Eklentiyi Üye Alanında bulabilirsiniz. Henüz Elegant Themes üyesi değilseniz, güçlendirilmiş topluluğumuzun bir üyesi olmak için sonraki sayfaya gidin.

2. Adım: Eklentiyi Yükleyin ve Etkinleştirin

Monarch'ı indirdikten sonra , eklentileriniz > Yeni Ekle'ye gidin, sıkıştırılmış dosyayı yükleyin ve eklentinizi de etkinleştirdiğinizden emin olun.

2. Bölüm: Sosyal Takip Simgelerinizi Ayarlayın

Adım 1: Monarch Ayarlarına gidin

Sosyal takip simgelerinizi ayarlamak için Araçlar > Monarch Ayarları'na giderek başlayın.

2. Adım: En Alakalı Sosyal Medya Kanallarını Ekleyin ve 'Bağlantıyı Yeni Pencerede Aç' Seçeneğini Etkinleştirin

Ardından, Sosyal Takip seçeneğini açın, Ağlar'a gidin ve İç Tasarım şirketinize bağlı ilgili sosyal medya kanallarını ekleyin. Tüm seçenekleri oraya eklemeye gerek yok, en fazla katma değeri getirenlere odaklanmayı deneyin. 'Bağlantıyı yeni pencerede aç' seçeneğini de etkinleştirin.

3. Adım: Görünüm Ayarları

Ardından, Kısa Kod sekmesine gidin ve aşağıdaki değişiklikleri sosyal takip simgelerinizin görünümüne uygulayın:

• Simge Yerleşimi: Ortalanmış
• Sütun Sayısı: Otomatik Genişlik
• Takipçi Sayılarını Görüntüle: Evet
• Minimum Sayı Ekranı: 0
• Toplam Takipçi Görüntüle: Hayır
• Görüntülü Reklam Ağı Adları: Hayır
• Dış Metin Rengi: Koyu
• Simge Aralığını Kaldır: Hayır
• Mobil Cihazlarda Gizle: Hayır
• Özel Renkler Kullan: Evet
• Arka Plan Rengi: #1a1a1a

Adım 4: Kısa Kod Oluşturun

Tüm görünüm değişikliklerini yaptıktan sonra devam edebilir ve bir kısa kod oluşturabilirsiniz. Bu yazının sonraki adımlarında ihtiyaç duyacağınız için bu kısa kodu kopyalayın.

Adım 5: Stratejik Olarak Sosyal Takip Simgelerinin Konumunu Seçin

Bu sosyal takip simgelerini web sitenizde istediğiniz yere yerleştirebilirsiniz. Ancak tercihen stratejik bir konum seçeceksiniz ve rahatsız edici olabileceğinden bunları çok sık eklemeyeceksiniz. Sosyal simgeleri ekleyebileceğiniz birkaç iyi yer:

• Ana sayfadaki veya açılış sayfasındaki blog bölümü
• hakkında sayfası
• Halihazırda bir CTA içermeyen herhangi bir yer

Adım 6: Metin Modülü Ekle

İstediğiniz yere de ekleyebilseniz de, ana sayfanın blog bölümüne nasıl ekleyeceğinizi size göstereceğiz. Önce entegrasyonu oluşturduktan sonra Metin Modülünü web sitenizde istediğiniz yerde tekrar kullanabilirsiniz. Bu nedenle, ana sayfanıza gidin, Görsel Oluşturucu'yu etkinleştirin ve blog bölümünün mevcut Metin Modülünün hemen altına yeni bir Metin Modülü ekleyin.

Adım: 7: Metin Modülüne Kısa Kod Ekleyin

Ardından, Metin Modülünün İçerik kutusuna kısa kodu ekleyin. Bu, sosyal takip simgelerinizin görünmesini sağlar.

Adım 8: Metin Modülü Genişliğini Pozisyona Göre Değiştirin

Sosyal takip simgelerinizin konumuna bağlı olarak, Metin Modülünüzün genişliğini tasarıma uyacak şekilde değiştirmeniz gerekecektir. Aşağıdaki örnekte, masaüstü için '%13' ve tablet için '%20' kullandık.

2. Bölüm: Özel Blog Gönderisi Şablonu Düzeni Oluşturun

1. Adım: Yeni Gönderi Ekle

Blog gönderisi şablon düzenini oluşturmak için, yeni bir gönderi oluşturmak için Gönderiler > Yeni Ekle'ye giderek başlayın .

2. Adım: Başlık ve Öne Çıkan Görsel Ekle

Ardından, gönderinize bir başlık ve öne çıkan resim ekleyin.

3. Adım: Divi Builder'ı Etkinleştirin

Ardından Divi Builder'ı etkinleştirin.

4. Adım: Divi Gönderi Ayarlarını Değiştirin

Ve Görsel Oluşturucu'ya geçmeden önce aşağıdaki Divi Gönderi Ayarlarını uygulayın:

• Sayfa Düzeni: Tam Genişlik
• Yazı Başlığı: Gizle

Adım 5: Visual Builder'a Geçin

Ardından, blog gönderisi şablon düzenini oluşturmaya devam etmek için Görsel Oluşturucu'ya geçin.

6. Adım: Blog Düzeni Yükleyin

Oradayken, İç Tasarım Düzen Paketinde bulunan blog düzenini yükleyin. Bu düzenin çoğu parçasını yeniden kullanacağız ve yapmamız gereken işi minimumda tutmak için bazı değişiklikler yapacağız.

7. Adım: Kahraman Bölümü Metin Modülünü Sil

Bu durumda İç Tasarım blog düzeninin kahraman bölümündeki Metin Modülü gereksizdir. Bu yüzden hemen silebilirsiniz.

8. Adım: Kahraman Bölüm Aralığını Değiştirin

Ardından, bölüm ayarlarını açın ve bölümünüzün üst ve alt dolgusunu '%5' olarak değiştirin.

9. Adım: Öne Çıkan Resmi Kahraman Bölümü Arka Planı Olarak Yükleyin

Bölüm ayarlarında, arka plan resmini de öne çıkan resminize değiştirin. Blog gönderisi şablon düzenini yeni blog gönderinizle eşleşmesi için her yeniden kullandığınızda bu arka plan resmini değiştirmeniz gerekecektir.

Adım 10: Gönderi Başlığı Modülü Ekleyin

Devam ederek, Yazı Başlığı Modülünü satırınızın sütununa ekleyin.

11. Adım: Öne Çıkan Resim Öğesini Devre Dışı Bırakın

Öne çıkan görselimiz için bölüm arka planını zaten kullandığımızdan, devam edip Yazı Başlığı Modülünün 'Öne Çıkan Görseli Göster' seçeneğini devre dışı bırakabilirsiniz.

Adım 12: Metin Ayarları

Ardından Tasarım sekmesine geçin ve Metin alt kategorisine aşağıdaki değişiklikleri uygulayın:

• Metin Rengi: Açık
• Metin Yönü: Merkez

Adım 13: Başlık Metni Ayarları

Ardından, Başlık Metni alt kategorisini açın ve aşağıdaki ayarları kullanın:

• Başlık Yazı Tipi: Muli
• Başlık Yazı Tipi Ağırlığı: Kalın
• Başlık Metin Boyutu: 50px
• Başlık Satırı Yüksekliği: 1.7em

Adım 14: Meta Metin Ayarları

Meta Metin alt kategorisi, bunun yerine aşağıdaki ayarlara ihtiyaç duyacaktır:

• Meta Yazı Tipi: Muli
• Meta Yazı Tipi Ağırlığı: Normal
• Meta Metin Boyutu: 14px
• Meta Çizgi Yüksekliği: 1em

Adım 15: Blog Modülünü Kaldırın

Üzerinde çalıştığınız gönderiyi aşağı kaydırın ve halihazırda mevcut olan Blog Modülünü silin.

Adım 16: Metin Modülü Ekle

Bunun yerine o satıra bir Metin Modülü ekleyerek hemen devam edin. Bu Metin Modülü, ziyaretçilerinizle paylaşacağınız içeriği içerecektir.

Adım 17: Metin Ayarları

Örnek bir metin veya ilk blog gönderinizi ekledikten sonra Tasarım sekmesine gidin ve Metin alt kategorisinde aşağıdaki değişiklikleri yapın:

• Metin Rengi: Koyu
• Metin Yazı Tipi: Muli
• Metin Yazı Tipi Ağırlığı: Normal
• Metin Boyutu: 17px

Adım 18: Başlık Metni Ayarları

Başlık Metni alt kategorisi için bunun yerine aşağıdaki ayarları kullanın:

• Başlık Yazı Tipi: Muli
• Başlık Yazı Tipi Ağırlığı: Kalın
• Başlık Yazı Tipi Stili: Altı Çizili
• Başlık Altı Çizgi Rengi: #f4583f
• Başlık Altı Çizgi Stili: Çift
• Başlık Metni Boyutu: 26px
• Başlık Hattı Yüksekliği: 1.8em

Adım 19: Boyutlandırmayı Değiştirin

Son olarak, aşağı kaydırın ve Metin Modülünüzün Boyutlandırmasını şu şekilde değiştirin:

• Genişlik: %68 (Masaüstü), %100 (Tablet ve Telefon)
• Modül Hizalaması: Merkez

Adım 20: Gelecekteki Gönderiler için Düzeni Kaydet

Artık blog yazısı şablon düzeninizi düzenlemeyi tamamladığınıza göre, devam edip Divi kitaplığınıza kaydedebilirsiniz. Bu, her yeni blog yazısı oluşturduğunuzda düzeni yeniden kullanmanıza olanak tanır. Elbette, her yeni blog yazısı oluşturduğunuzda, öne çıkan resim, kahraman bölümü arka plan resmi ve içerik gibi bazı şeyleri değiştirmeniz gerekecek.

Bölüm 2: Sosyal Paylaşım Simgelerinizi Ayarlayın

1. Adım: Kenar Çubuğunu Seçin

Artık ilk örnek blog gönderinize sahip olduğunuza göre, sosyal paylaşım simgelerinizi ekleyebilir ve gönderilerinizde nasıl göründüklerini görebilirsiniz. Araçlar > Monarch Ayarları > Sosyal Paylaşım > Konumlar'a giderek başlayın ve konumunuz olarak 'Kenar Çubuğu'nu seçin.

2. Adım: İlgili Sosyal Ağları Ekleyin

Ardından, Ağlar sekmesini açın ve paylaşım olanaklarına ihtiyaç duyduğunuz kadar sosyal ağ ekleyin.

3. Adım: Kenar Çubuğu Görünüm Ayarları

Son olarak, Kenar Çubuğu sekmesini açın ve aşağıdaki görünüm ayarlarının sosyal paylaşım simgelerinize uygulanmasını sağlayın:

• Kenar Çubuğu Yönü: Sol
• Giriş Animasyonu: Sağa Kaydırın
• Paylaşım Sayılarını Görüntüle: Hayır
• Toplam Payları Görüntüle: Evet
• Toplam Paylaşım Metin Rengi: Koyu
• 'Tüm Ağlar' Düğmesini Görüntüle: Hayır
• Simge Aralığı Ekle: Hayır
• Mobil Cihazlarda Gizle: Hayır
• Özel Renkler Kullan: Evet
• Arka Plan Rengi: #f4583f
• Gönderi Türü Ayarları: Yalnızca Gönderiler

Son düşünceler

Bu yazıda, ücretsiz Interior Design Layout Pack, Divi ve Monarch'ı kullanarak web sitenizi sosyal medyaya nasıl hazır hale getireceğinizi gösterdik. Web sitenize sosyal kanıt için sosyal medya takip simgelerini ve gönderilerinize sosyal paylaşım simgelerini nasıl ekleyeceğinizi göstermenin yanı sıra, gelecek tüm gönderileriniz için kullanabileceğiniz bir blog yazısı şablonu düzeni de hazırladık. Herhangi bir sorunuz veya öneriniz varsa; Aşağıdaki yorum bölümünde bir yorum bıraktığınızdan emin olun!

COME 2 US / Shutterstock.com'dan Öne Çıkan Görsel