Üniversiteler ve Kolejler için Ücretsiz Ana Sayfa Düzeninizi İndirin

Bugün Divi topluluğumuza başka bir ücretsiz düzen sunuyoruz. Bu düzen, bir üniversite veya kolej için bir Divi web sitesi kurmak isteyen kişilere yardımcı olacaktır. Bu düzeni ana sayfanız olarak kullanmak, mevcut öğrencilere ve gelecekteki öğrencilere üniversitenin veya kolejin ne hakkında olduğunu göstermenin mükemmel bir yoludur. Ve tabii ki, onlara keşfettikleri üniversitenin veya kolejin harika bir stil anlayışı ve dijital varlığa sahip olduğunu da gösteriyor.

Üniversite ve Kolej Düzeni

Üniversiteler ve kolejler için bir web sitesi tasarlarken hatırlamanız gereken bir şey var; görsel tutun. Üniversiteler ve kolejler, yeni öğrencileri çekmek için sadece eğitim sistemlerinin kalitesine güvenmekle kalmaz, aynı zamanda duyguları da tetiklemeye çalışırlar. Bu duygusal katılımı tetiklemenin kolay bir yolu, öğrencilerin en büyük ihtiyaçlarından biridir; sosyal iletişim.

Kolej veya üniversitenizdeki bağlılığı göstermek ve bu duygusal katılımı tetiklemek için gerçek hayattan resimler kullanmanızı öneririz. Üniversitenizin veya kolejinizin profesörlerinin ve öğrencilerinin yüksek kaliteli resimlerini seçin. Bu gönderide sizinle paylaşacağımız freebie düzeni için de aynı şeyi yaptık.

Hemen indirebileceğiniz ücretsiz ana sayfa düzeni şöyle görünür:

Youtube Kanalımıza Abone Olun

Üniversite ve Kolej Düzenini İndirin

Düzeni beğendiyseniz ve ücretsiz olarak indirmek istiyorsanız, devam edin ve aşağıdaki forma e-postanızı girin. İndir düğmesine tıklayarak devam edin ve gerekli dosyaları hemen alacaksınız.

E-posta adresinizi girerek bültenimize abone olacaksınız. Web sitemizdeki yeni ilginç ve Divi ile ilgili yazılardan haberdar olacaksınız ve ilk bedavalardan biri olacaksınız. Zaten aboneyseniz, e-posta adresinizi girmenin "yeniden abone olmanıza" veya fazladan e-posta almanıza neden olmayacağını bilin. Sadece indirmeyi sizin için kullanılabilir hale getirecektir.

ZIP'de neler var?

Ücretsiz düzeni indirirken aşağıdaki dosyaları alacaksınız:

• University-college-master-layout.json – bu dosyayı içe aktarmak, tam düzeni ve tüm bölümleri Divi Kitaplığınıza ekleyecektir.
• University-college-full-layout.json – bu yalnızca tam üniversite ve kolej düzenidir.
• bölümler klasörü – bu klasör, üniversite ve kolej düzeninin yedi ayrı bölümü için tüm JSON dosyalarını içerir.

Üniversite ve Kolej freebie'niz, indirilenler klasörünüzde sıkıştırılmış bir klasör olarak görünecektir. Bu yazının sonraki bölümünde mizanpajı nasıl yükleyeceğiniz konusunda size hızlı bir kılavuz vereceğiz.

Üniversite ve Kolej Düzenini Ayarlama

İndirilen sıkıştırılmış klasörü bulduğunuzda, devam edip sıkıştırmayı açabilirsiniz. Kullanmak istediğiniz bölümlere bağlı olarak yukarıda bahsedilen dosyaları bulacaksınız. Bunları Divi kitaplığınıza yükleyebilirsiniz.

Divi > Divi Kitaplığı > İçe ve Dışa Aktar > İçe Aktar'a gidin > Üniversite ve Kolej ana dosyasını seçin

Web sitenize yeni bir sayfa ekleyerek devam edin. Divi Builder'ı etkinleştirin ve şuraya giderek sayfanızdaki Divi Kitaplığına erişin:

Divi Kütüphanesi (ön uçtaki “+” sembolü) > Kütüphaneden Ekle > Üniversite ve Kolej

Sayfanız için Üniversite ve Kolej düzenini seçtikten sonra, sayfa düzeninin Divi Builder'da açıldığını göreceksiniz.

Düzenin amacı ana sayfa olarak kullanılmaktır. İnsanların web sitenizi doğrudan ziyaret ettiklerinde bu sayfaya gelmesini istiyorsanız, WordPress ayarlarınızda onu ön sayfanız olarak ayarlamayı unutmayın.

Ayarlar > Okuma > Ön sayfa'ya gidin > En son oluşturduğunuz sayfayı seçin

Düzeni Kullanma

Düzen, ziyaretçiye farklı bilgiler sağlayan 7 ana bölüme sahiptir. Genellikle insanların zihnindeki profesyonellik ile bağlantılı olduğu için mavi renge odaklandık. Bunun üzerine, tüm sayfa boyunca 'Montserrat' yazı tipi ailesini kullanmaya karar verdik. Bu yazının sonraki bölümünde, size farklı bölümlerde yol göstereceğiz.

Kahraman Bölümü

Gördüğünüz gibi bu düzenin Kahraman Bölümü oldukça temiz. Basit olması için bir Metin Modülü ve bir Düğme Modülü kullandık. Ayrıca, bölümde arka plan olarak kullanılan görüntüye bir ayırıcı stili ekledik. Kodu incelemek için; bölümünüzün Özel CSS sekmesine gidin ve ana öğeye gidin. Bölücü stili bir eğri gibi gösteren bir klip yolu oluşturduk.

Sayı Sayacı Bölümü

Başlangıçta, bu ikinci bölüm, kahraman bölümünün bir parçası gibi görünüyor. Bu etki, esas olarak satırın ikinci sütununda kullanılan müdahale eden Harekete Geçirici Çağrı Modülü ile yaratılmıştır. Modül, kahraman bölümünün üzerinde yüzüyor gibi görünüyor ve dikkatleri orada yazılanlara çekiyor. Harekete Geçirici Mesaj Modülünün önceki bölümden ayrı olmasını istiyorsanız, Gelişmiş Tasarım Ayarları sekmesine gidin ve üst kenar boşluğunu kaldırın.

Harekete Geçirici Mesaj Modülünün önceki bölümden ayrı olmasını istiyorsanız, Gelişmiş Tasarım Ayarları sekmesine gidin ve üst kenar boşluğunu kaldırın.

Giriş Bölümü

Bu bölüm için eğriyi devam ettirmek istedik, bu yüzden bu bölümün üstünde de bir eğri oluşturduk. Bunu yaparak farklı bölümler arasında bir bağlantı oluşturuyoruz ve aynı zamanda güzel görünüyor.

Çalışma Alanları Bölümü

Çalışma alanları bölümünde, sayı sayacı bölümünde yaptığımız kayan efektin aynısını kullanmaya karar verdik. Bu da ziyaretçilere söz konusu çalışma alanlarından birinin özel olduğu fikrini vermektedir. O anda hangi hedef kitleyi hedeflediğinize bağlı olarak, bu çalışma alanını istediğiniz zaman değiştirebilirsiniz.

Halihazırda öğrencileri tıbbi çalışma alanına çekmek için her türlü pazarlama faaliyetini yapıyorsanız, aynı dönemde o çalışma alanını vurgulamayı seçin. Ayrıca telefonlarda ve tabletlerde gizlenen ekstra vurgulayan bir ok ekledik.

Bu bölüm için Blurb Modüllerini kullanmadık çünkü özellikle çalışma alanına odaklanan görüntülere sahip olmak istedik. Bu düzendeki simgeler için yeni AutoDraw aracını kullandık ve sihirli değnek aracıyla Photoshop'ta şeffaf PNG görüntüleri yaptık. İndirmek için simgeler aramak için çok fazla zaman harcamak istemiyorsanız, ancak sağladıkları çizimlerin sınırlı olduğunu biliyorsanız, AutoDraw'ı kullanmak kolay bir yoldur.

İndirmek için simgeler aramak için çok fazla zaman harcamak istemiyorsanız, ancak sağladıkları çizimlerin sınırlı olduğunu biliyorsanız, AutoDraw'ı kullanmak kolay bir yoldur.

Öğrenci Bölümü

Öğrencilere hikayelerini ortaya koymanın iki yolu vardı; Referans Modülü veya Kişi Modülü kullanılarak. Bu durumda, ana odağın görüntüde olduğundan emin olmak için kişi modülünü seçtik. Daha önce de söylediğim gibi; insanlar sadece belirli bir üniversiteyi veya koleji eğitim alanları için değil, aynı zamanda başkalarının sosyal ilişkileri ve deneyimleri için de seçerler. Biz görsel yaratıklarız, bu yüzden referansları, ifadeleri ve kelimeleri bir yüzle ilişkilendirmeyi seviyoruz. Bir üniversitenin veya kolejin kalitesine güvenmeyi ve inanmayı kolaylaştırır.

İletişim Formu Bölümü

Web sitesinde yeterince resim kullandık, bu yüzden iletişim formunu temiz ve basit tutmaya karar verdik.

altbilgi

Altbilgi de çok temizdir. Bir üniversitenin veya kolejin ifade etmesi gereken ciddiyeti vurgulamak için bu bölümde daha koyu bir arka plan rengi kullandık. Sosyal medya kanallarına, adrese, telefon numarasına ve e-posta adresine butonlar gibi bir web sitesi ziyaretçisinin ihtiyaç duyabileceği tüm pratik bilgileri koyduk.

Toplama

Topluluğumuzun tüm üyelerinin, ister kendileri ister müşterileri için olsun, bu düzen ile üniversiteler ve kolejler için web siteleri oluşturmaya kolayca başlayabileceklerini umuyoruz. Web sitesinin diğer sayfalarında aynı stili, yazı tipi ailesini ve renkleri kullanmanızı öneririz.

Herhangi bir açıklama veya soru aşağıdaki yorum bölümünde kabul edilir. Beklemede olacağım ve tüm sorularınıza elimden geldiğince yardımcı olmaya çalışacağım. Bunun da ötesinde, Divi için görmek istediğiniz öğreticiler hakkında herhangi bir öneriniz varsa, ateş edin!

Divi hakkında daha fazla bilgi edinmek ve daha fazla ücretsiz Divi almak istiyorsanız, e-posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun, böylece her zaman bu ücretsiz içeriği bilen ve bu ücretsiz içerikten yararlanan ilk kişilerden biri olursunuz.