Çevrimiçi bloglar, kendi web sitesini işleten her büyük baskı markasıyla dijital yayınlara dönüşmüştür. Bu bloglar genellikle daha küçük bir kişisel siteden çok daha profesyonel görünen bir dijital dergi halini alırlar.

Ama ne dergi düzenine girer? Ve kendi siteniz için bir tane nasıl tasarlayabilirsiniz?

Bu liste, kaliteli dergi blog tasarımı için 9 temel özellik ile başlamanız gerekir. Bu özelliklerle çalışırsanız ve bir kullanılabilir arayüz herhangi bir çevrimiçi yayına uyması gereken harika bir tasarıma sahip olacaksınız.

1. Güçlü Markalaşma

Bu belirgin görünebilir ancak güçlü bir marka, kişisel bir blog üzerinden “magazin” hissini satmaya gerçekten yardımcı oluyor. Yetkili bir yayına gidiyorsanız odaklanmanız gerekir markalaşma konusunda .

Diğer bloglardan nasıl ayrılacaksınız? İdeal olarak içerik üzerinden, ancak markanız bunun büyük bir kısmı. Örneğin, aşağıdaki Kablolu logosu teknoloji blogları arasında iyi bilinmektedir. Yıllardır etraftaydı ve bu markayı gördüğünüzde siteyi anında tanıyorsunuz.

Ancak sitenizin kenar çubuğuna ve altbilgisine de marka ekleyebilirsiniz. Amaç, sadece rinky-dink blogspot sitelerinden daha güçlü olan tutarlı bir stil yaratmaktır.

01-kablolu-dergi

2. Gevrek Manşetleri

Başlığınızı herhangi bir yolla şekillendirebilirsiniz, böylece doğru bir tasarım yoktur. Ama sen her zaman istiyorsun başlık tipografi Bu gevrek, yağsız ve genellikle kalın.

Başlıklara bir göz atın ABD Dergisi ne demek istediğimi görmek için. Bu başlıklar tüm sayfa genişliğini kapsar ve harfler oldukça kalındır. Bu başlığı görmezden gelemezsiniz çünkü pratik olarak yüzünüze itilir. Bu, başlığınızdaki hedeftir - dikkati çekecek ve insanları okumaya devam etmeye teşvik edecek kadar dikkat çekin.

02-us-dergi-başlık-güçlü

3. Katmanlı Gezinme Menüleri

Bazı tasarımcılar, magazin sitelerinin büyük menülere ihtiyaç duymadığını söyleyerek bu özelliğe karşı tartışabilirler. Bu genellikle doğrudur, ancak dergi tarzı web siteleri genellikle geniş bir gönderi arşivine sahiptir. Bu yayınların hepsine göz atmanın en iyi yolunu sunmak istersiniz.

WordPress kategorilerini, etiketleri, hatta özel taksonomiler Bunları büyük bir mega navigasyona ekleyebilirsiniz. Bu, son gönderilerin veya popüler etiketlerin / kategorilerin listelerine veya her ikisinin bir karışımına sahip açılır menüler içerebilir.

İçin menü Atlanta dergisi açılır kapanır bağlantıların bir sürü ile oldukça pürüzsüz. Ayrıca, akıllı telefon kullanıcılarının kaçırmaması için duyarlı kayar nav, mobil cihazlarda açıkça erişilebilir.

Bu kademeli gezinme, çok seviyeli açılır menüleri içerebilir veya kullanıcıyla birlikte kaydırmak için bile sabitlenebilir. Pek çok seçenek ve gerçekten en büyük etken, kullanılabilirlik için tonlarca bağlantı ile harmanlanabilirlik.

03-atlanta-dergi-açılır-nav

4. Öne Çıkan Mesajlar Widget'ları

Her dergi tarzı ana sayfa farklı yayın küçük boyutları, özel biçimler ve elbette farklı özellikli widget'larla biraz farklı görünüyor.

Bunları herhangi bir dergi sitesi olarak görüyorum çünkü özellikli widget dikkat çeken şey. En çok dikkat çeken son yayınları veya sıcak hikayeleri tanıtmak için kullanabileceğiniz budur.

Arama Motoru Dergisi bir atlıkarınca türü kaydırıcıya sahiptir, burada bir seferde öne çıkan hikayelerinin 3'ü arasında döner. Her hikaye, sol taraftaki bir önizleme küçük resmini de sunan bir snippet yükler.

Ancak iki ana sayfa aynı değil, bu yüzden favori dergi sitelerine göz atmayı deneyin ve diğer öne çıkan hikaye stillerini bulabilirsiniz.

04-arama-motoru-dergi özellikli-Widget

5. Önemli Paylaşım Düğmeleri

Binaya gelince güçlü bir varlık sosyal medyayı görmezden gelemezsin. Dergi tarzı blog'unuza daha fazla ziyaretçi istiyorsanız, her gönderide sosyal paylaşım düğmelerini isteyeceksiniz.

Bunlar pek çok stilde gelir ve sayfanın kenarına sabitlenebilir veya gönderinin altına eklenebilir, hatta Pinterest paylaşım düğmeleri gibi resimlere eklenebilir.

ZDNet'te, yazı başlığının hemen altında uzun bir dikdörtgen paylaşma düğmeleri kullanırlar. Bu, en iyi sosyal ağlara referans vermek için renkli bloklarla düz simgeler kullanır.

Ancak yine bazı popüler blogları inceleyerek birkaç örnek bulabilirsiniz. Hangi stili seçerseniz seçin, bu iyi bir fikirdir. bölünmüş test hangisinin (hangileri) en çok hisseyi oluşturduğunu görmek için biçimler.

05-zdnet paylaşım-düğmeler

6. İlgili Yazılar

Eminim hepimiz haber makalelerinin altındaki “siz de hoşunuza gidebilir…” başlıklı bu araçları görüyoruz. Bunlardan bazıları yerel reklamlar ancak dergi tarzı siteler, ilgili içerikleri tanıtmak için bu widget'ları gerçekten kullanır.

Bu özellik herhangi bir blog için bir temel olmalı çünkü sayfa gösterimlerini fazla çaba harcamadan artırmak için harika bir yol. Ziyaretçiler her zaman kategoriye göre göz alamazlar, ancak ilgili yayınlara göre göz atabilirler. Aşağıdaki örnek Gerçek Basit'den Süper temiz bir tasarıma sahiptir; tam olarak ne için gitmeli.

Gönderi küçük resimleri önce dikkat çeker, bu yüzden bunların başlıklar yakınında belirgin bir şekilde öne çıktığından emin olun.

06-gerçek basit-you-mayıs-benzeri

7. Erişilebilir Arama (Cepte Hatta)

Her web sitesi bir arama formuna ihtiyaç duyar. Bu en iyi yollardan biri kullanılabilirliği artır Kişilerin alakalı içerik bulmasına yardımcı olarak.

Bir dergi sitesiyle arasındaki fark, genellikle arama yapmak için çok meşgul olabiliyor olmasıdır. Kullanıcılar o kadar çok içeriğe bürünmüş olabilirler ki, arama yapmaya çalışmaktan bile rahatsızlık duyamayacakları pek çok bağlantı vardır.

Gibi belirgin bir arama formu İtmeli Kare daha fazla araştırmayı teşvik etmek için idealdir.

Gezinmenize büyüteç simgesini çizebilir ve her sayfada açılan geçiş efektini kullanabilirsiniz. Doğal olarak bunun için çalışır mobil de Bu yüzden her dergi düzeni için güvenilir bir seçim.

07-itme-kare-arama-dergi-özellik

8. Özel Sayfa Öğeleri

Bu özellik biraz belirsiz ancak amacına belli belirsiz şekilde bakıyorum. Her genel blog genellikle aynıdır: Paragraflar üzerinde, az-özel biçimlendirme ile paragraflar.

Büyük dergi temaları, post-in özellikleri ekleyerek özelleştirme avantajından yararlanır. Bunlar , içeriğinizi iyileştiren ve yayınlarınızın daha kolay tüketilmesini sağlayan sayfa öğeleri olabilir. Çeşitli web sitelerinde kullandığım birkaç fikir:

  • -Tırnak Pull
  • İçindekiler
  • Yayın içi resim slayt gösterileri
  • “Ayrıca bakınız” ilgili yazılar

İlgili yayınlar widget'ından daha önce bahsettiğimi hatırlıyor musunuz? Gönderinizin sonuna yakın eklemek harika bir şeydir, ancak ilgili içeriği yayınınıza da ekleyebilirsiniz.

Örneğin TechCrunch her gönderinin alt kısmına bir "ayrıca bkz" widget'ı ekler. Bu ayrıca teknik blogda da baskındır Hongkiat İçeriğe küçük bloklar içinde alakalı yazılar ekler.

Sitenize hangi özellikleri eklemeniz gerektiğini tam olarak anlatamam. Ama kesinlikle bazı fikirleri beyin fırtınası yaparak geçirin ve neyin yapıştığını görmek için onları test edin.

08-android-otorite-page-elementler

9. Öne Çıkan Resim Başlıkları

İlk pageload'da dikkati çekmek istiyorsanız iki şey istersiniz: büyük bir başlık (daha önce kaplıdır) ve net bir özellikli görüntü.

WordPress özellikli resimlerle birlikte gelir varsayılan olarak ve resimleriniz için belirli boyutları programlayabilirsiniz. Dergi tarzı bloglar için, bunları oldukça büyük yapmak ve takip etmek en iyisidir. kahraman görüntü trendi . Aşağıdaki Dwell ekran görüntüsünde olduğu gibi tam ekran görüntü kullanabilirsiniz. Veya düzeninizin içerik alanına uygun görüntüleri tasarlayabilirsiniz.

Her gönderide, içeriği satmaya yardımcı olacak büyük bir resim olmalıdır. Üstüne doğru kaydırırsanız, bu yazı üzerinde bile hemen hemen her dergi tarzı blogda bunu göreceksiniz!

Düzeninizi tasarlarken tüm bu fikirleri göz önünde bulundurun ve göz alıcı özelliklere sahip görüntüler için bol bol yer bırakın.

09-bekleme-dergi özellikli görüntü