Mükemmel WordPress temasını nasıl seçilir
Hiç WordPress temasını seçtiniz ve sadece yanlış temayı seçtiğinizi fark etmek için bir web sitesi derlemeye başladınız mı? Yatırım yapılan para ve zamanla, anahtarlama yapılmayabilir ve onsuz daha iyi olacak bir tema kullanılarak tuzağa düşürülebilirsiniz. Bir araba seçmeye biraz benzer bir tema seçmek: Güzel ürünlerin güzelliği ve gücü ile yönlendirilmesi çok kolay ve ihtiyacınız olan şey, beş kişi için rahat bir koltuk olan güvenilir bir sedan olduğunda değiştirilebilen iki koltuklu bir araba ile bitiyor . Kendimi en az birkaç kez bu durumda buldum. Deneme yanılma beni, proje gereksinimlerini tanımlamak ve bir taahhütte bulunmadan önce aday temalarını değerlendirmek ve karşılaştırmak için gayri resmi bir sistem geliştirmeye teşvik etti. Bu makalede, temaları seçmek için kullandığım süreci ve bir sonraki WordPress projeniz için uygun bir tema seçme şansınızı artırmak için nasıl kullanabileceğinizi açıklayacağım.
Ne uyanmaya çalıştığınızı bilin, tam olarak ne yapmak istediğinizi bilene kadar temayı asla seçin. Bir tema seçmek eğlencelidir, ancak web sitesi içeriğini planlamak, bir web sitesi yapma sürecinin ve en çok kendi disiplini gerektiren parçanın en önemli parçasıdır. İçerik tasarımdan önce gelir. İçeriksiz tasarım bir tasarım değil, dekorasyon. – Jeffrey Zeldman (@Zeldman) 5 Mayıs 2008 İlk İçerik, İkinci Temanın Seçimi. Web sitesinin etkili olabilmesi için içerik öncelikli olmalıdır. Web sitesinin hedeflerini, genel yapıyı ve temaları görmeye başlamadan önce bile web siteleri oluşturmak için kullanılacak medya kaynakları ve metinlerini belirleyin.
Web Sitesine dahil edilecek tüm sayfaların bir kataloğunu oluşturun ve her sayfaya neyin dahil edileceği. Mümkün olduğunca ayrıntılı olun. Örneğin, şirketin ana personelini vurgulayan bir sayfa içerecek bir işletme web sitesi oluşturursanız, sayfa hakkındaki açıklamanız şöyle görünebilir: Personel Sayfası: Dört Yönetici Personel için Profil. Her profil fotoğraf, 125 ila 150 kelime arasında biyografi ve bir veya iki sosyal simge içerecektir. Bir temadan ihtiyacınız olan özellikleri tanımlamak için bu bilgileri kullanın. Daha sonra tema için alışveriş yaparken, kullanmayı planladığınız özellikler için varsayılan desteği içeren temayı belirlemek için bu listeye tekrar bakın. Bu adımdaki anahtar, yapmaya çalıştığınız şeyi yapmak için oluşturulan temayı bulmaktır. Yanlış tema, temayı vizyonunuza uyacak şekilde bükmeye çalıştığınızda hayal kırıklığı için bir tarif – asla yerine getirilmemesi amaçlanmayan bir vizyon. Sydney gibi WordPress tema dizinindeki en popüler temaların çoğu çok fazla görüntüdür ve yaratıcı ajanslar için portföy web sitesi olarak kullanılmak üzere uygundur. Bir blog oluşturuyorsanız, Sydney gibi temalardan kaçınmayı ve yirmi on altı gibi proje türünüzle tasarlanmış temaları seçmeyi tercih edeceksiniz.
Sydney mi yoksa yirmi mi? İçeriğinize en uygun temayı seçin.
Son olarak, bir çerçeve ile bir tema oluşturmak istemiyorsanız ve mükemmel temayı bulamıyorsanız, kolayca ayarlanacak şekilde tasarlanmış tema veya cilt çerçevesini seçebilirsiniz. Cilt çerçevesinin kullanımı kolay olacak şekilde tasarlandığını söylemeye neredeyse gerek yok. Ancak, aynı şey temalar için de geçerli değildir. Bazılarının ayarlanması kolaydır, diğerleri ayarlanması çok zordur ve kolayca hasar görebilir. Bu makalenin son bölümünde, bu rotayı takip etmek istiyorsanız temayı ayarlamanın ne kadar kolay olduğunu belirlemenin yollarını keşfedeceğiz. Bir web sitesini derlediğinizde demo içeriğini göz ardı edin, belirli içeriğiniz var. Dikkatle seçilen resimleri, grafikleri, videoları ve metni entegre edeceksiniz. Web sitesine giden her içeriğin belirli bir amacı olacaktır. Tema tasarımcısı bir demo sitesini birleştirdiğinde, aynı engellerle karşılaşmazlar. Amaçları, mümkün olduğunca çekici bir site oluşturmak ve mevcut her tema özelliğinden yararlanmaktır. Lorem iPSUM’u ve bunu yapmak istedikleri kadar çok stok fotoğrafını kullanabilirler. Bir demo gördüğünüzde, demo içeriğini değerlendirmek için orada olmadığınızı unutmayın. Temanın ihtiyaçlarınıza ne kadar uygun olduğunu değerlendirmek için oradasınız.
Demo özelliğine dikkat edin Demo site içeriğini görmezden gelmeniz gerekse de, demo özelliğine dikkatlice dikkat etmelisiniz. Personel profilleri örneğimize geri dönersek, belirli yollarınızın bir profil oluşturabileceğini öğrenmek için Demo’ya bakın. Demo, bu amaç için kolayca kullanabileceğiniz özellikleri içeriyor mu? Bu ihtiyacı hedefleyen özellikler sunan WordPress tema dizininin temasına bakın. Bazı WordPress temaları personel profili özelliklerini içerir.
Dikkat edilmesi gereken en önemli tema bileşenlerinden bazıları şunlardır:
Site Gezinme Düzeni: NAV öğeleri belirli bir esnekliğe sahip olacaktır, ancak tasarımın ihtiyaçlarınıza göre kapsamlı olduğundan emin olun. Örneğin, bir mega-menüye ihtiyacınız varsa, onu destekleyen temayı seçerseniz çok daha kolay olacaktır.
Marka web sitesi nasıl ele alınır: Zaten yapılacak bir logonuz ve sloganınız varsa, marka konumuyla ve temadaki boyutla eşleştiklerinden emin olun. Özelliklerin temanın kendisi veya eklentiler tarafından desteklenip desteklenmediği: Eklentiler tarafından desteklenen özellikler sunan bir tema seçmelisiniz. Bu şekilde, temayı değiştirmek zorunda kalırsanız, çoğu özellik yine de çalışır. Mega-Menu örneğimize geri döndüğümüzde, bir temanın maksimum mega menü eklentisini içermesi, varsayılan tema özelliklerine sahip mega menüyü açmaktan daha iyi olurdu.
Tema nasıl ayarlanıyor: Görsel besteciler veya açık editörler gibi görsel editörlerle çalışmak ister misiniz veya web sitesi sunumlarını değiştirmek için CSS kurallarını manuel olarak yazmayı mı tercih ediyorsunuz? Bir şekilde güçlü bir tercihiniz varsa, temanın tercihlerinizle eşleştiğinden emin olun. Kaçınılması gereken hatalardan biri, CSS kurallarını görsel editörler kullanılarak oluşturulan web siteleriyle manuel olarak yazmaktır. İçeriğinize uygun bazı temaları belirledikten ve ihtiyacınız olan özellikleri sunduktan sonra önyargılı olmayan görüşler alın, birkaç farklı test vardır. temanın teknik performansını karşılaştırmak için kullanılabilir.
Bir seçenek, tema demo sitesini Pingdom web sitesi hız testi ile çalıştırmaktır. Endişe verici bir sonuç almadığınız sürece şu anda açılış saati veya sayfa boyutu hakkında çok fazla endişelenmeyin. Yükleme süresi web siteleri, hazırlık ve barındırma konumuna göre önemli ölçüde değişebilir, ayrıca demo sitesinde uygulanan önbellekleme ve madenciliğe göre. Demo sitesi sayfasının boyutu genellikle oldukça şişmiştir, çünkü çok kaliteli videonun görüntülerinin ve arka planının kullanımı. En çok dikkate alınan metrik, yapılan HTTP isteklerinin sayısı ve genel performans seviyesidir.
Gerçekten kullanmak istediğiniz temanın veya çerçevenin bu testten geçerken iyi gitmediğini fark ederseniz, temayı doğrudan reddetmek için nedenlerden ziyade sinek kuşu gibi iyi bir önbellekleme ve madenleştirme eklentisini seçmeniz gerektiğini düşünün.Temayı değerlendirirken bu testin sonuçlarını kullanmanın en iyi yolu, tema adaylarının karşılaştırılması için temeldir.Örneğin, bu testin sonuçlarına dayanarak OnePress kullanmaya karar verdiyseniz, iki tema gerçekten iyi test edilmesine rağmen, Oneepress’e biraz mükemmellik verebilirsiniz. Pingdom testi sonuçlarının karşılaştırılması.
Temayı değerlendirmek için kullanabileceğiniz bir başka araç da Google PagePeed Insights’dır. Bir kez daha, aradığınız özel bir ölçüt yok. Bu testte göz önünde bulundurduğunuz tüm temaları çalıştırın ve sonuçları karşılaştırın. Bunu yaptığınızda, seçtiğiniz temaya göre üstesinden gelmeniz gereken performans sorunlarını belirlemek için test sonuçlarını kullanın. Yapmak istediğiniz şey, tema ile çalışmanın nasıl hissettirdiğini anlamaktır. Birçok tema yönetici alanının yöneticilerini sunar. Bu tema ile çalışmanın nasıl hissettirdiğini anlamak için bu önizlemeyi gözden geçirmek birkaç dakikanızı ayırın. Tema veya çerçeve görsel bir sürükle ve bırak düzenleyicisi içeriyorsa, önizlemeyi doğrudan editörden bulup bulmayacağınıza bakın ve web sitesi öğesinin konumunu ve görünümünü değiştirmek için birkaç dakikanızı ayırın. Temayı değiştirmek için özel bir CSS yazacaksanız, tema demo sitesini açacak ve bir geliştirici aracı kullanarak CSS dosyasına bakın. Amaç, web sitesini ayarlamak ne kadar kolay veya zor hissetmektir. İşte CSS temasını değerlendirirken aradığım bazı şeyler: Kaç CSS hattı kullanılıyor? Temanın birkaç yüz ila birkaç bin sıraya sahip olması olağandışı değil. Mutlak bir prensip olmasa da, daha az CSS kuralı olan temalarda manuel düzenleme yapmak genellikle daha kolaydır.
Kaç CSS dosyası kullanılır? Çoğu tema birkaç CSS dosyasından CSS kuralları çizecektir. Ancak, manuel düzenleme yapmayı planlıyorsanız, dosya sayısı o kadar az olursa o kadar iyi olur. Daha az dosya daha organize bir kod tabanı gösterme eğilimindedir ve manipülasyon için daha kolay olacaktır. Kaç kez! Önemli kullanılır? Neredeyse tüm temaların standart CSS mirasını en az birkaç kez bu değerle değiştirmesi beklense de, bir manuel düzenleme yapmayı planlıyorsanız ve bir temanın bu değeri birkaç yüz kez kullandığını fark ederseniz, manipüle etmenin zor olacağını tahmin edebilirsiniz. . Manuel olarak.
CSS kurallarını manuel olarak yazarak tema sunumunu düzenlemenin ne kadar kolay olduğunu anlamanın bir yolu, Demo Sitesini doğrudan düzenlemek için geliştiricideki stil panelini değiştirmek ve kullanmak istediğiniz öğeleri seçmektir ve öğeyi ne kadar özel seçmeniz gerektiğidir. ve istenen değişikliği yapın. Daha önce hiç bir Chrome geliştiricisi kullanmadıysanız, WordPress’in geliştirilmesi için nasıl kullanılacağına dair makalemize bakın. Birçok şeyi tartıştığımız tema seçim listesini kontrol edin. Bunu kolaylaştırmak için, bu makalede tartışılan kriterlerin bir listesi:
İçerik öncelik alır, sonra tasarım. Temayı gösterecek içeriği belirleyerek işlemi başlatın.
Aradığınız temanın türünü belirleyin: tema çerçevesi, olduğu gibi kullanım için eksiksiz özellik teması veya ayarlanabilecek tema.
Pingdom Web Sitesi Hız Testi ve Google PagePeed Insight gibi testleri kullanarak aday temasının performansını karşılaştırın. Görsel düzenleyiciye sahip değilse tema veya çerçevede görsel düzenleyiciyi veya CSS sınıf kodu taban değerlendirmesini deneyin.
Listeyi çalıştırdıktan sonra, projenize en uygun çerçeveyi veya temayı seçmeye hazır olmalısınız.
WordPress projenizin temasını nasıl seçersiniz?Attığınız başka adımlar var mı?Bize aşağıdaki yorumlarda anlatın.
Etiket:
çocuk teması
çerçeve
Edge Düzenleme
WordPress teması
