WordPress TwentyFourteen Teması: Kusurlu Bir Güzellik

Onları sevin veya onlardan nefret edin, WordPress varsayılan temaları önemlidir. Her yükseltilmiş ve yeni WordPress sitesine otomatik olarak yüklenirler ve büyük görünürlük kazanırlar.

2014 için WordPress, belirli bir kullanım, yani dergiler için bir tema üretmek için önceki varsayılanlardan ayrıldı. Ve sadece herhangi bir dergi teması değil, aynı zamanda “güzel bir dergi teması”.

Ve kesinlikle güzel. Ancak temayı kullanmak istiyorsanız, kusurlarıyla da mücadele etmeniz gerekecek.

TwentyFourteen resmi olarak “güzel bir dergi temasıdır”. Cesur bir iddia ama görsel olarak tarafsız TwentyTwelve'den çok daha büyük bir etki yarattığına ve öncekilerden, özellikle de ilginç TwentyThirteen'den çok daha iyi göründüğüne şüphe yok.

Görmediyseniz, şimdi demo sitesine gidin ve onunla oynamak için beş dakika harcayın.

Okumaya devam edin veya şu bağlantıları kullanarak devam edin:

• Somunlar ve Cıvatalar: Yirmi On Dört Tema
• Yirmi On Dört Tema Duyarlılığı
• Bir Dergi Teması mı?
• Potansiyel İyileştirmeler

Somunlar ve Cıvatalar: Yirmi On Dört Tema

TwentyFourteen'in düzeni, kendisini içerikle hizalayan isteğe bağlı bir sağ kenar çubuğuyla basit bir üstbilgi, sol kenar çubuğu ve altbilgi yapılandırmasıdır. İnce başlık sabittir ve kalıcı olarak görülebilir.

Renk şeması siyah, beyaz ve yeşildir ve site Google'ın Lato yazı tipini kullanır.

Tema özelleştirmeleri, içeriğin ana sayfada bir kaydırıcı veya ızgarada öne çıkarılmasına izin veren Öne Çıkan İçerik işlevinin eklenmesiyle diğer tüm temalarla hemen hemen aynıdır. İçerik, ya bir etiket belirtilerek ya da içerik "yapışkan" hale getirilerek seçilir.

Biri üstbilgide ve biri sol kenar çubuğunda olmak üzere iki menü konumu ve üç widget alanı vardır – Birincil Kenar Çubuğu, İçerik Kenar Çubuğu ve Alt Bilgi Alanı. Altbilgi, sınırsız widget'ın eklenmesine izin verir, ancak dördü en uygunudur.

Tema, standart listeye ek bir pencere öğesi sağlar: TwentyFourteen Ephemera. Bu aslında oldukça kullanışlı bir pencere öğesidir ve demodaki İçerik Kenar Çubuğunda yaygın olarak kullanılır, ancak çıktıyı kontrol etmek için hiçbir seçenek sunulmadığı için biraz hayal kırıklığına uğrar.

Yirmi On Dört Hakkında İyi Olan Şey

Bu tema hakkında hayran olunacak çok şey var:

• Renk şeması – siyah arka plan çekincelerine rağmen siyah, beyaz ve yeşil kombinasyonu çalışır. Düzenlerde beyaz alanın liberal kullanımı önemli ölçüde yardımcı olur
• Tipografi, siyah bir arka plan üzerinde beyaz metin olarak görüntülendiğinde bile iyi çalışan net, canlı, profesyonel görünümlü yazı tipleriyle baştan sona mükemmeldir (en sevdiğim kombinasyon değil)
• Resimler de iyi görünüyor, özellikle yazı sayfalarındaki geniş özellikli resimler
• Etiketlerde stil – anında görsel ipucu oluşturan etiketler gibi görünürler

• 

  Gezinme sonrası stil - gezinmeyi yalnızca üst üste yerleştirmek, geleneksel sol ve sağ hizalamaya göre çok daha temiz ve estetik açıdan hoş

• Meta veri stili sonrası – akıllı simgeler büyük harfle yazılmış metinle iyi çalışır
• Açılır menüler sol kenarda iyi çalışır ve yine yeşil arka plandaki beyaz metin şaşırtıcı derecede etkilidir
• Öne çıkan görüntü ızgarası – gönderileri vurgulamak için son derece etkili ve basit mekanizma
• Ephemera widget'ı – yalnızca birkaç seçenek daha mevcut olsaydı bu daha da faydalı olabilirdi
• Arama davranışı – bir kullanıcının bir arama giriş kutusunu ortaya çıkarmak için tıklaması gerekip gerekmediği tartışmalı olsa da, arama simgesinin yanında bir metin kutusunun ortaya çıkması gibi son zamanlardaki can sıkıcı eğilimden ziyade arama simgesinin altında görünen metin kutusunu seviyorum

Ama Dezavantajları Var

Bazen güzellik sadece derindir ve tema kusurları olmadan değildir:

• 

  Kaydırıcı – masaüstünde düzgün çalışması için büyük resimlere (800 pikselden büyük) sahip olması gerekir, bu da temayı mevcut bir sitede kullanmayı zorlaştırabilir

• Kaydırıcı – otomatik oynatma işlevine sahip değildir!
• Izgara – duyarlı tasarıma bırakmak yerine ızgaranın konfigürasyonunu (yani satır başına görüntü sayısı) belirleyebilmek ister
• Öne Çıkan İçerik, özel gönderi türlerini desteklemez – özel gönderi türü Etiketler sınıflandırmasını desteklese bile yalnızca gönderiler seçilir
• Açılır menüler, üst menüdeki en sağdaki seçenekler için kullanılamaz, aksi takdirde sayfa sınırlarının dışına "uçarlar"
• İçerik kenar çubuğu tüm içeriğe uygulanır - ana sayfada istiyorsanız, tüm gönderilerde ve sayfalarda alırsınız (ancak sayfalarda kenar çubuğunu kaldırmak için tam genişlikli şablonu seçebilirsiniz*)
• "Dahili" sayfaların üst kısmındaki büyük boşluk - bu, arama çubuğunu yerleştirmek içindir, ancak ana sayfada olduğu gibi arama girdisini neden üst üste bindiremediğinden emin değilim.
• Sabit maksimum genişlik tasarımı, ancak ortalanmış yerine sola hizalanmış
• Başlık oldukça kısa – oraya uygun boyutta bir logo yerleştirmek zor olabilir!
• Ana sayfa – Gönderileri listelerken ve ızgarayı kullanırken, ilk gönderinin öne çıkan görseli ızgara ile dikkat çekmek için savaşıyor

Tanjant: Gönderilerin Neden Şablonları Yok?

Bu, TwentyFourteen'e özgü olmasa da, İçerik Kenar Çubuğu ile oynarken ve tam genişlikli şablonu seçerek sayfalarda gizlerken ortaya çıktı.

WordPress, Sayfa Şablonları için olduğu gibi Gönderi Şablonlarına neden izin vermiyor? Yazıları görüntülemek için şablonları tam olarak sayfalarla aynı şekilde seçebilmek gerçekten yararlı olacaktır ve bu şu anda yalnızca eklentiler aracılığıyla mümkündür. Belki de TwentyFifteen için bir özellik talebi?

Yirmi On Dört Tema Duyarlılığı

Yirmi On Dört'e geri dönelim. Doğal olarak duyarlı bir temadır, ancak ne kadar iyi yanıt verir ve hangi seçimleri yapar? Yanıt verdiği sürece neden umursadığımızı sorabilirsiniz, ancak sitenin masaüstü olmayan ekranlara nasıl yanıt verdiği, içerik kararlarınızı etkileyebilir.

tabletler

Tablet ekranlarına yanıt verirken, tema üst menüyü gizleyerek onu standart üç çubuklu menü simgesiyle değiştirir. Simgeye tıklamak, temel bir genişletme yoluyla menüyü ortaya çıkarır ve arama girişi metin kutusu kaplamasının gösterdiği kadar etkili veya estetik olarak hoş değildir.

Izgara sorunsuz bir şekilde yanıt verir, kendisini iki görüntü olarak yeniden yapılandırır, ancak yatay modda yalnızca dört görüntünün kullanılabileceğini, portre modunda bir ziyaretçinin altı görüntü göreceğini, ancak hepsi bu kadar olduğunu unutmayın.

Tipografi ve daha küçük ekranda mükemmelleşen ve okuma deneyimini gerçek bir zevk haline getiren geniş özellikli görüntülerle içerik harika görünüyor.

Yine de, tümü sol kenar çubuğunun içerik ve altbilgi arasında hareket etmesinden kaynaklanan üç sorun vardır.

İlk olarak, kenar çubuğunun etkin bir şekilde ortadan kalkması, üst çubuktaki menünün, kullanıcıların navigasyon aradığı yer olması muhtemel olduğu anlamına gelir. Bu, sizi sanal olarak bu üst menüyü sitenin ana navigasyonu olarak kullanmaya zorlar, bu da yalnızca seçeneklerinizi azaltmakla kalmaz, aynı zamanda daha önce vurgulanan uçup gitme sorunuyla karşılaşmanızı da sağlayabilir.

İkinci olarak, sol kenar çubuğunu hareket ettirmek, cihazlar arasında hareket ederken bağlamını tamamen değiştirir (yine TwentyFourteen ile sınırlı bir sorun değildir). Masaüstünde, önemli bir gayrimenkul parçasıdır (hepimiz 'F' okuma modellerimizi hatırlarız), bu nedenle içerik buna göre seçilir, ancak onu altbilgiye taşıyın ve bu içerik kesinlikle yerinde görünmüyor.

Üçüncüsü, sitenin sloganı sol kenar çubuğunda yer aldığından, tablet kullanıcıları tarafından hemen görülmez, bu da yeni kullanıcıların yalnızca sitenin başlığına ve dört veya altı özellikli resme (veya seçerseniz yalnızca tek bir resme) sahip olacağı anlamına gelir. kaydırıcı) sitenin amacını ve kullanışlılığını belirlemek için. Bu bana oldukça büyük bir görev gibi geliyor.

Bir çözüm, sol kenar çubuğunu tamamen gizlemek ve üst çubuktaki menü simgesinin belirli bir kenar çubuğuna (veya en azından sol kenar çubuğuna) kaydırarak site sahibinin tıkladığında neyin ortaya çıkacağına karar vermesine izin vermek olacaktır. simge. Bu, tabletlerde iyi çalışan ve giderek yaygınlaşan bir tekniktir. TwentyFourteen'in de bu yolu seçmemiş olması şaşırtıcı.

cep telefonları

Tabletlerde olduğu gibi, içerik bir mobil cihazda harika görünüyor ve daha küçük ekrana yanıt vermenin saf mekanikleri açısından temanın hiçbir sorunu yok.

Ancak, yukarıda tabletlerde vurgulanan aynı sorunlar mobilde de yaşanıyor. Aslında, gezinme sorunu, sınırlı ekran boyutu ve herhangi bir uzunluktaki bir menünün sığmayacağı gerçek olasılığı nedeniyle vurgulanmıştır.

Ayrıca, öne çıkan içeriği ızgara biçiminde görüntülemek, ızgaranın yalnızca tek bir görüntüye indirgendiği mobil cihazlar için pek uygun değildir. Ekrana tek bir resim sığdırıldığında, öne çıkan içeriği geçerek başka herhangi bir içeriğe geçmek için çok fazla kaydırma yapılır, bu da, "hoş geldiniz" biçimi olarak statik bir sayfa kullansanız bile, kullanıcıların daha önce pes edebileceği anlamına gelir. oraya varırlar.

Öte yandan kaydırıcı, hem cep telefonlarında hem de tabletlerde gerçekten iyi çalışıyor (kaydırıcının altındaki içerik görünür olduğundan portre modunda daha iyi), ızgara masaüstünde kaydırıcıdan çok daha iyi performans gösteren TwentyFourteen sahipleri için bir ikilem sunuyor. ancak kaydırıcı tabletler ve cep telefonları için daha iyi bir seçimdir.

Bir Dergi Teması mı?

“Güzel dergi teması” deniyor ama gerçekten dergiler için uygun mu?

TwentyFourteen'in, özellikle hazır yüksek kaliteli görüntüler kaynağına sahip bir yayıncı için iyi çalışabilecek parlak, yüksek üretimli bir görünüme sahip olduğuna şüphe yok.

Tasarım kesinlikle dergi temalarının çoğundan daha minimal, sevdiğim bir yaklaşım ve en olası kullanıcılar nicelikten çok kaliteye (belki de daha uzun biçime) odaklanan yayıncılar olacak gibi görünüyor. Sitenin yüksek üretim hissini bozmadan reklam eklemenin ne kadar zor olabileceğini merak ediyorum, bu yüzden belki de bu, ücretsiz yayın yapan veya bir abonelik modeli kullananların ilgisini çekiyor.

Ana sayfa, özellikle masaüstü olmayan cihazlarda bir sorundur. Bir site hikayesini, amacını, varlık nedenini hemen anlatabilmelidir ve benim endişem tasarımın buna izin vermemesi.

Kitlelerinin büyüyen ve giderek daha önemli bir kesimi olduğu için, temanın özellikle tabletlere nasıl tepki verdiği yayıncılar tarafından ertelenebilir.

Potansiyel İyileştirmeler

Tema henüz piyasaya sürülmemişken iyileştirmeler hakkında konuşmak biraz zor ama TwentyFourteen'i kullanmak isteseydim, özelleştireceklerimin bir listesi:

• Öne Çıkan İçeriğe özel gönderi türü desteği ekleme
• Kullanıcının bir ızgara satırındaki görüntü sayısını belirlemesine izin verme
• Kaydırıcıya otomatik olarak sonraki slayta geçme yeteneği ekleme
• İçerik Kenar Çubuğunu yalnızca ana sayfaya atayabilme
• Her platform için öne çıkan bir görüntü bileşeni belirleme seçeneği (yani ızgara > masaüstü, kaydırıcı > tablet, mobil)
• Tasarımın merkezlenmesi
• Soldaki kenar çubuğunu içeri kaydırılan bir kenar çubuğuna dönüştürme ve onu başlıktaki menü simgesine bağlama

yıkama

Yirmi On dört güzel. Renk şeması, tipografi, görüntülere verilen önem, boşlukların liberal kullanımı, hepsi cilalı, yüksek üretim görünümüne ve hissine katkıda bulunur.

Alışılmışın dışında etkili bir şekilde kullanılıp kullanılamayacağı tartışmalıdır. Temanın tabletlere ve mobil cihazlara yanıt verme şekli, özellikle ana sayfada bir sorundur ve kaydırıcı küçük ekranlarda daha iyi görünürken ızgara daha büyük ekranlarda daha iyi görünürken site sahiplerini gereksiz bir uzlaşmaya zorlar.

Sert gelebilir ama bence TwentyFourteen beklentinin biraz altında kalıyor. TwentyThirteen'de kesinlikle çok büyük bir gelişme ama kesinlikle birinci sınıf değil ve Matt Mullenweg'in “bir yıl boyunca keyfini çıkarmak için tam bir varsayılan tema yılı” arzusunu karşılamakta zorlanabilir.

Elbette bu ücretsiz bir temadır ve WordPress varsayılan temaları hiçbir zaman tema tasarımı ve geliştirmenin sınırlarını zorlamayı amaçlamamıştır.

TwentyFourteen, kullanıma hazır olarak etkili bir şekilde kullanılabilecek bir çözüm sunmuyor. Bununla birlikte, yaptığı şey, yüksek kaliteli bir dergi sitesi oluşturmak isteyen ve kusurlarını ortadan kaldırmaya ve kusurlarını gidermeye hazır olan WordPress tema bilgisine erişimi olanlar için önemli bir destek sunmaktır.

• ücretsiz temalar