Bir sonraki projeniz için yeni Divi düzen paketini kullanarak 10 adım

Zarif Divi Tema Tasarım Girişimi’nin bir parçası olarak, Kenny ve Tasarım Ekibi bizi her hafta yeni bir ücretsiz Divi düzen paketi ile şımarttı. Düzen paketi, her Pazartesi bir düzen paketi görüntüleyen bir blog yayınından indirilebilir. Birçoğunuz çok kısa sürede yeni bir web sitesi oluşturmak için bir düzen paketi kullandınız. Bugünün gönderisinde, bir sonraki projeniz için yeni Divi düzen paketini kullanırken takip edilecek 10 ana adım sunarak bu düzenden maksimum sonuçları nasıl alacağınızı göstereceğim. Ayrıca bu düzeni bir profesyonel gibi idare etmek için çok ünlü olmayan bazı ipuçları ekledim.
Zevk almak! Not: Tüm adımlar gibi, bunun listelenen siparişte yapılması amaçlanmıştır. Örneğin, varsayılan renk paletinizi önce ayarlamazsanız, varsayılan aksanınızın rengini değiştirdiğinizde mevcut olmaz. Bir sonraki projeniz için yeni Divi Düzen Paketini kullanarak 10 Adım YouTube kanalımıza abone olmak için Divi kütüphanenize aktarma düzeni önce Divi temanıza yeni bir düzen eklemenin en iyi yolu, önce Divi kütüphanesine aktarmaktır. Ardından, yeni bir sayfa oluştururken, kütüphanenizden yeni bir düzen ekleyebilirsiniz.
Düzeni web sitenize eklemeden önce, emin olmanız ve Düzen paketini blog yayınından indirip zip dosyasını açmanız gerekir. WordPress kontrol panelinizden, Divi> Divi kitaplığını açın ve sayfanın sol üst kısmındaki İçe Aktar ve Dışa Aktar düğmesini tıklayın. Görünen taşınabilirlik sermayesinde, İçe Aktarma sekmesini seçin ve dosyayı seçin. BMED Düzen Paketi klasörünü bulun ve dosya adında “All” ile JSON dosyasını seçin. Bu, tüm mizanpajları tek tek yapmak yerine, aynı anda kütüphanenize yükleyecektir. Örneğin, bir mod düzeni paketi yüklemek istiyorsanız, düzen klasöründen Fashion_all.json adlı bir dosya seçeceksiniz. Ardından Divi Maker’ın düzeninin içe aktarını tıklayın.#2 Düzeni yeni sayfaya ekleyin Bu işlem oldukça kolaydır. WordPress kontrol panelinizden sayfaları açın> Yeni ekleyin. Yapmanız gereken sayfa başlığını girin. Divi Builder’ı kullanmak için tıklayın ve görsel üreticiyi yayın. Sayfanın altındaki Ayarlar menüsünü açın ve soldaki “Yükleme” artı simgesini tıklayın. Kütüphaneden yükleme sermayesinde, “Kütüphaneden Ekle” yi tıklayın ve yeni düzeni yüklemek için listeden yeni düzeni seçin.

Her yeni sayfa için bu işlemi tekrarlayın, her sayfa için yeni bir düzen ekleyin.

#3 Ana menünüzü oluşturun Bu yeni bir kurulumsa, bu yeni sayfayı üst başlıktaki ana menü çubuğunda görmeye başlayacaksınız. Bunun nedeni, ana menüyü yapmadığınızdır, böylece varsayılan olarak menünüz sitenize eklediğiniz tüm sayfalar ve yayınlar tarafından doldurulacaktır. Ana menünüzü oluşturmak için WordPress kontrol panelini açın, aşağıdakileri yapın: 1. Görünüşe gidin> menü. 2. Sayfanın üst kısmındaki “Yeni Menü Oluştur” bağlantısını seçin. 3. Menü adını girin. 4. Sayfanın altındaki sol anahtardaki menü öğenizi seçin. 5. Menüye Ekle’yi tıklayın 6. Menü öğenizi yerine sürükleyerek ayarlayın. 7. Sayfanın altındaki Ayarlar menüsünün altında, ekran konumu olarak “Birincil Menü” seçeneğini seçin. 8.#4 menüsünü kaydedin Varsayılan renk paletinizi ayarlayın Sık sık bu adımı yapmayı ve her zaman pişman olmayı unutuyorum. Varsayılan renk paletinizi ayarlamak, bir divi üreticisini kullanarak renkleri düzenlemeyi çok rahat hale getirir. Bir renk kodu bulmak için kaç kez başka bir modüle geri dönmem veya bir geliştirici kullanarak öğeyi kontrol etmem veya gözlerimin uzantısını kullanmam gerektiğini söyleyemem, tekrar tekrar kullandığım aynı rengi bulmak. Yeniden. Bunu kendinize yapma! Varsayılan renk paletini WordPress kontrol panelinizi açarak ve Divi> tema seçeneklerine yönlendirerek ayarlayabilirsiniz. Ve orada genel sekmede kayıtlı seçeneği bulacaksınız. Orada ihtiyacınız olan rengi ekleyin. Arka planı ve metni kolayca organize etmek için beyaz bir renk (#FFFFFFF) ve bazı koyu renkler ( #333333 veya koyu yazı tipi renginiz için ayarladığınız her şey) korumak her zaman iyi bir fikirdir.
#5 Global aksanınızın rengini ayarlayın, yeni sitenizi ayarlama sürecinde temayı ayarlamak için bir yol bulabilirsiniz. Bunu yaparken, önce küresel aksanların rengini değiştirmelisiniz. Global aksanınızın rengini değiştirmek için tema ayarını açın ve genel ayarlar> düzen ayarlarına yönlendirin ve alttaki tema vurgu renk seçeneklerini bulun. Tema seçeneklerinizdeki varsayılan renk paletini güncellediğiniz için renk paletinde sizin için mevcut olan yeni renklere dikkat edin. Ardından, değiştirdikten sonra, ayarlarınızı kaydedin ve yayınlayın ve sayfanızı yenileyin. Güncellenmiş tema vurgu rengi otomatik olarak yaklaşık 20 öğeye uygulanacaktır, bu yüzden önce bunu güncellemek önemlidir. Bazı güncellenmiş öğeler otomatik olarak şunları içerir: Renk gövdesi bağlantısı renk widget widget widget widget sosyal altbilgi navigasyonu renk albüm menüsü için aktif renk bağlantı renk arka plan menüsü ikincil menü renk arka plan slayt içinde ve tam ekran başlık stili menü hamburger için hamburger Ana Menü Renk Renk açılır menü Renk Arka Plan İkincil menü Renk Arka Plan Menü Açılır İkincil Renk Arka Plan İkincil menü Renk Ana menü aktif menü Altbilgi Aktif Bağlantı

Bu öğeye hemen uygulanan değişiklikleri görmezseniz, ayarlamayı depolamanız ve çıkmanız, sayfayı yenilemeniz ve ayarlamayı yeniden girmeniz gerekebilir. #6 Başlık Stiliniz Başlığınızı temanın ayarlanmasından ayarlayabilirsiniz. WordPress kontrol panelinizi açın ve Divi> Tema Özelleştirici> Başlık ve Navigasyon’a gidin.

Yeni düzeninize uyacak şekilde başlığı kesinlikle düzenlemeniz gerekir. Önce önce istediğiniz başlığa karar vereceğim (varsayılan, tam genişlik, merkezi vb.), Ancak ne seçerseniz seçin, başlık stilinizi yeni düzeninizle eşleştirdiğinizden emin olun. Ve menünüzdeki öğelerin okunması ve dinavigasyon kolay olduğundan emin olun. Ana, ikincil ve sabit gezinme menüsü için bir seçeneğiniz var. Siteniz için geçerli olan her şeyi düzenlemek için zaman ayırın. Global aksan rengini ayarlarsanız, bazı başlık renk ayarları sizin için değiştirilir. Bu yüzden önce rengi ayarlamak önemlidir. #7 Stil Çubuğu Alt bıçaklarınızı temanın ayarlanmasından da ayarlayabilirsiniz. WordPress Gösterge Tablonuzu açın ve Divi> Tema Özelleştirici> Altboya> Alt Çubuğa gidin. Alt bıçaklar göz ardı edilmemelidir. Sayfanızın üst kısmındaki bir navigasyon çubuğu ile birleştiğinde, tüm sayfayı çerçeveleyen gerekli kitapçı haline gelir. Tabii ki, varsayılan siyah arka plan herhangi bir sitede “işlev görebilir”, ancak onunla daha fazla deney yapacağım. Bazen arka plan rengi altında, hemen üstünde olan altbilginin arka plan renginden biraz daha koyu olan bir bıçak vermeyi seviyorum.

#8 Sayfa düzeninizde tasarım değişiklikleri yapmak için kısayollar kullanın, çünkü düzeniniz modülünüze yüklü tasarım ayarları ile donatılmıştır, bu da tasarım ayarlarınızda küresel ölçekte (tüm siteler) biraz sıkıcı olabilir.Ancak süreci hızlandırmak için bazı hileler var.Yeni başlayanlar için, önce bir sayfanın düzeninde bir değişiklik yapacağım.Bu şekilde, tasarım değişiklikleri gerektiren diğer sayfalara eklenecek düzenlenen sayfalardan öğeleri kaydedebilirsiniz.İşte belirli düzenlerde tasarım değişiklikleri yapma sürecini hızlandırmak için bazı hileler.Doğru tıklayın seçeneğini kullanarak, modül kuvvetini aynı modül türü olduğu sürece bir modülden bir modülden bir sonraki modüle kopyalamak ve eklemek için doğru -tıklatma seçeneğini kullanabileceğinizi unutmayın.
Geçerli tema ayarını kullanarak kontrol edebilmeniz için varsayılanı geri yükleyin, tema ayarı (örneğin kutunun gölgesi gibi) tarafından ayarlanamayan modüller için kullanılabilir bazı ayarlar vardır. Genel bir kural olarak, ayarlar ayarlamalarda mevcutsa, ayarlama temaları modüldeki varsayılan ayarlara bağlı olarak değiştirilir. Ancak bazı modüller için, temayı ayarlama stilini kontrol edebilmeniz için belirli tasarım ayarlarının varsayılan olarak kurtarılmasına devam etmeniz mantıklı olabilir. Bunun için iyi kullanım durumları, içerik metninin ve başlık metninin ayarlarıdır. Örneğin, düzende özel bir yazı tipi, metin rengi ve metin boyutuna sahip bir metin modülünüz varsa, tema ayarından tema ayarından varsayılan duruma kadar değiştirene kadar değiştiremezsiniz. Değiştirmek istediğiniz seçeneği ararken varsayılan olarak ayarlananları kolayca değiştirmek istediğiniz ayarları bulmak için bir arama kutusu kullanın, bazı seçeneklerin yanında “Varsayılan Varsayılan” simgesine sahip olduğunu göreceksiniz. Bu, varsayılandan değiştirildiği anlamına gelir.

Tüm tasarım ayarlarını benim gibi görsel yapımcıları sevenler için tek bir tıklamayla varsayılan olarak döndürün, bu kullanışlı hileyi bulamayabilirsiniz. Bir arka uç makinesindeyseniz, modül ayarlarını düzenlemek için tıklayın, ardından Tasarım sekmesini seçin. Bir şeye dikkat ediyor musunuz? Bu, sekmede bulunan “Küçük Varsayılan’a Geri Yükleme” simgesi / düğmesidir.
Tıklamak, ayarları kaybetmek istediğinizi onaylamanızı isteyecektir. Evet’i seçerseniz, tüm tasarım sekmesi ayarlarınız varsayılan duruma döner. Bu elbette gelecekteki görsel üreticilere eklenecek. #9 Yeni bir sayfa oluşturmak için anahtar öğeleri kaydedin veya bazen farklı düzen gerektiren ek sayfalar veya yayınlar oluşturmanız gerekir. Belki başlıklar, içerik bölümleri ve altbilgi bölümleri ile daha yaygın bir sayfa düzeni istersiniz. Ya da belki daha karmaşık bir yön sayfası oluşturmak istersiniz. Blogunuzu göndermek için özel bir yazı düzeni bile oluşturabilirsiniz. Bunu yapmanın en kolay yolu, yeni bir tane oluşturmak zorunda olduğunuz düzen öğelerini kullanmaktır. Ve bu, tasarımınızı tüm sitelerde tutarlı tutmanın en etkili yoludur. Ek sayfa düzeni yapmak için kullanmanız için düşünmeniz gereken bazı temel öğeleri tartışalım. Bu sayfanın başı beyin değil. Her sayfa bir başlık gerektirir. Kütüphaneniz için kesinlikle başlığı kaydedeceğim. Her türlü sayfaya uyacak şekilde gölgenizden daha yaygın bir sürüm bulmanızı öneririm. Genellikle iletişim sayfası düzeni bunun için iyi bir adaydır, çünkü genellikle ortalanmış bir başlık, altyazılı ve arka plan rengine sahiptir. Başlık Bu bölüm de başlık sürümünüzü saklamak için iyi bir fikirdir. Bu şekilde yeni sayfanıza daha fazla içerik eklediğinizde, yeni bir başlık stiliniz olacak ve kullanıma hazır olacaksınız.

İçerik bölümü birçok durumda, bunun için yalnızca beyaz arka plana sahip basit bir metin modülüne ihtiyacınız vardır, ancak bazen yeni düzeninizin içeriğin benzersiz bir kısmı vardır. Bu, bir kutunun gölgesine sahip bir metin modülü veya benzersiz bir şekilde düzenlenmiş birkaç açıklama modülü olabilir. Tutarlılığı korumak için, gelecekte kullanmak için ihtiyacınız olanı kütüphaneye kaydedin. Bangs (parlak ve karanlık) Yeni bir sayfa oluştururken daha fazla düğme eklemeniz gerekebilir. Kütüphanenizde mevcut düğmenizin karanlık ve parlak bir sürümüne sahip olmak çok rahattır. Düğme modülünü karanlık ve parlak sürüm için kaydetmenizi öneririm.

Her düzenin dipnotları genellikle sayfanızın altındaki bıçağın hemen üstünde iyi bir altbilgi ile donatılmıştır. Bazı düzenler bu altbilginin farklı versiyonlarına sahiptir. Bu bölüm genellikle iletişim bilgileri, optin e -postası ve diğer önemli bilgileri içerir. İleride kullanmak için kullanmak istediğiniz birini bulun ve kütüphanenize kaydedin.

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir