Ücretsiz yirmi on yedi wordpress temasını nasıl ayarlayabilirim
Yirmi Seventeen, WordPress 4.7 ile yeni bir varsayılan tema olarak gönderildi. Bu iş odaklı tema, geçmişte varsayılan blog merkezli temadan dikkat çekmeye değer olan kalkışa işaret ediyor ve bloglama platformundan daha geniş olan her türlü web sitesini yapmak için uygun olan daha geniş bir WordPress geçişini yansıtıyor. Yirmi on yedi denemeyi planlıyorsanız, hızlı bir şekilde bir şeyler bulacaksınız: Bu tema selefi gibi değil. Önceki varsayılan tema yalnızca minimum bir ayar gerektirir ve doğrudan kutudan işlevsel bir blog teması olacak şekilde tasarlanmıştır. Bu yirmi yedi ile olmaz.
Tabii ki, bir blog teması olarak kullanabilirsiniz, ancak aslında bunun için tasarlanmış veya amaçlanan bu değildir. Bu, resmi tema demo sitesine bakarak hızlı bir şekilde görebileceğiniz bölüm tabanlı sayfaların bir kısmını kullanarak bir işletme web sitesi oluşturmak için gerçekten tasarlanmıştır. Bu odak kaymasının sonucu, yirmi on yedi ayarın önceki varsayılan temadan biraz daha fazla iş gerektirmesidir. Bu yazıda, yirmi on yedi kez keşfedeceğiz, ne sunduğunu göreceğiz ve yirmi on yedi ile kolay bir profesyonel iş yönü sayfası ayarlayabilmeniz için tema ayarlarında size rehberlik edeceğim.
Yirmi -Sevenden Tanıtım
İş web siteleri için bir veranda olarak işlev görmek için yön sayfalarının kullanılması Web’i zorla aldı. Ve yirmi on yedi, WordPress teması temasıyla ilginç iş yönü sayfaları oluşturmayı kolaylaştırır. Olanakları öğrenmek için, resmi yirmi on yedi tema demosuna bakın. Doğrudan yarasadan video başlığını göreceksiniz. Biraz aşağı kaydırın ve sayfanın tasarımı açık olacaktır. Her bölüm, geniş ve yükseklik tam bir görüş alanı kaplayan çarpıcı bir paralaks arka plan görüntüsü ile ayrılır. Navigasyon yapışkan bir üst navigasyon çubuğu ile basit hale getirilir. Ve bir yazı tipi, Libre Franklin, tüm temalarda çeşitli ağırlık, parlaklık değeri ve stilde kullanılır. Doğru bir şekilde düzenlendikten sonra, yirmi on yedi, okunabilen ve görsellerin güçlü görsel kullanımı, birçok alan kullanımı ile dengelenen modern ve profesyonel bir görünüm sunar. Verandayı Yirmi Sevente’de Nasıl Yapılır Matt Mullenweg’in yakın tarihte özelleştirici üzerinde ne kadar vurgu yapıldığını göz önünde bulundurarak, özelleştiricide yirmi on yedi düzenlemenin çok fazla çalışması meydana gelmesi şaşırtıcı değildir.
Yirmi on yedi WordPress teması etkinleştirilmiş özelleştiricide bulunan menü seçeneklerine bakın. Özelleştiriciden menü ve widget ayarları gibi standart özelliklere ek olarak, başlık veya video resimlerini ayarlayabilir, farklı renk şemalarına geçebilir ve içeriği ön sayfanıza ayarlayabilirsiniz. WordPress 4.7 ayrıca görünür düzenleme kısayolu adlı yeni bir özellik de tanıttı – yukarıdaki resimde mavi bir simge olarak göründüler. Bu kısayollardan birini tıkladığında, sitenin bölümünün ayarlanabileceği ayar menüsünü açacaktır. Başlık görüntüleri, sloganlar ve site başlıkları ve her sayfa bölümünde görünen içerik gibi yirmi on yedide birçok özelliği düzenlemeyi kolaylaştırır. Düzenlemek istediğiniz içeriği bulun, görünür olan kısayolu düzenle ve kalbinize ayarlayın. WordPress 4.7 ayrıca CSS özelleştirici ek menü seçeneğinin altında bulacağınız yeni bir özelleştirici özelliği ile donatılmıştır. Daha önce yeni ek CSS özellikleri hakkında yazdık, bu yüzden sadece burada kısaca bahsediyoruz ve bunun temel bir özellik olduğunu ve yirmi on yedi için özel bir özellik olmadığını gösteriyoruz. Yirmi on yedi nasıl yönetileceğini göstermek için temayı kişisel web sitem için kullanacağım gibi ayarlayacağım. Hadi devam edelim. 1. Adım: Verandanın her bir bölümü için bir sayfa oluşturun
Ön sayfada görüntülemek istediğiniz sayfayı oluşturun.
Yapmanız gereken ilk şey birkaç sayfa yapmaktır: Statik ana sayfanız olarak kullanılacak bir sayfa oluşturun.
Blog sayfası veya yayınınız olarak kullanılacak bir sayfa oluşturun.
Verandanızda görüntülenecek içeriği yüklemek için dört adede kadar ek sayfa oluşturun – Blog sayfanızı kullanmayı veya ana sayfa bölümlerinden biri olarak yayınlamayı planlıyorsanız üç ek sayfa oluşturun. Örnek web sitem durumunda, bir Ana sayfa, blog sayfası, sayfalar, hizmet sayfaları ve iletişim sayfaları. Adım 2: Her sayfaya üstün görüntüler ekleyin Paralaks görüntülerinin etkisini elde etmek için, sayfanızın ön sayfasının bir parçası olacak her sayfaya büyük özellikler eklemeniz gerekir. Önceki adımda oluşturduğunuz ana sayfaya üstün görüntüler eklemek istemeyebilirsiniz, ancak birbirinize üstün görüntüler eklemek istersiniz.
Her sayfa için üstün bir görüntü ayarlayın.
Yirmi on yedi demo, 2000 piksel ve 1200 piksel yüksekliğinde görüntüler kullanıyor. Boyuna yakın görüntüler çok iyi çalışıyor. Küçük görüntüler kullanmayın, yoksa sonuçlar çok kötü olacaktır. Benim durumumda, StocksNAP’ın ücretsiz bir resmini çektim ve boyutunu 2000 piksel genişliğine ve yaklaşık 1200 piksel yüksekliğe değiştirdim, yüzde 10 verdim. Adım 3: Statik bir ön sayfa ve posta sayfası ayarlayın
Statik bir ön sayfa görüntüleme seçeneğini seçin. Şimdi ayarlamaya başlama zamanı. Başlat Ayarı – Görünümü Aç> Yönetici alanında ayarlayın veya sitenin ön ucunu görüntülerken Yönetici çubuğuna ayarlayın.
Statik ön sayfa menü öğesini seçin ve aşağıdaki ayarları ayarlayın: Ön sayfa ekranının altında, statik bir sayfa için radyo düğmesini seçin.
Ön sayfa çekme menüsünden Site Ana Sayfanızı seçin.
Gönderi menüsünden ve posta sayfasından aşağı blog yayınınızı veya sayfanızı seçin. Kaydet’i ve yayınlamaya basmayı unutmayın, ardından bir sonraki adıma devam edin. Adım 4: Daha önce oluşturduğunuz çeşitli sayfaları ön sayfaya belirlemek için sayfayı her ön sayfaya ayarlayın, ayardan tema seçeneği menü öğesini seçin. Ardından, görüntülemek istediğiniz ilgili ön sayfaya her sayfayı belirlemek için aşağı indirme menüsünü kullanın.
Adım 5: Ana Gezinme menünüzü Oluşturun Özelleştirici menüsünden menü seçeneğini seçerek veya Yönetici alanında görünüm> menüleri açarak bir gezinme menüsü oluşturabilirsiniz. Her iki durumda da, WordPress menüsünü yapmak WordPress 4.7’de değişmez, bu nedenle daha önce yaptığınız gibi bir menü oluşturun ve üst menü konumuna ayarlayın. Adım 6: Bir sonraki video üstbilgisini ekleyin, ho-hum başlığını bir video ile değiştirelim. Ayarlamada Medya Başlık Menü öğesine göre görünen veya bulan Kısayol Düzenle Kısayolunu tıklayarak alakalı ayar bölümünü açın. Kullanmak istediğiniz videoyu yükleyin veya seçin. Veya isterseniz başlıkta görüntülenecek YouTube video URL’sini de sağlayabilirsiniz. Bir video yüklerseniz, tema talimatlarının 2000 kez 1200 piksel boyutuna sahip videolar önerdiğini unutmayın.
Sitemde kullanmak için ücretsiz stok videoları seçtim.1920 x 1080 pikselde, önerilen boyutlarla eşleşmez, ancak yine de oldukça iyi görünüyor.Bu noktada, ön sayfalı statik ana sayfanız tamamlandı!Ekstra Kredi: Dinamik bir sayfada gezinme Oluşturun Yirmi on yedide olmayan özelliklerden biri, ön sayfalar arasında navigasyon için varsayılan destektir.Navigasyon sizi doğrudan ilgili verandaya götürürse kesinlikle eğlenceli olacaktır.Neyse ki, bu hızlı bir şekilde gelişebileceğimiz bir ihmaldir.Yapılacak ilk şey, web sitenizin çeşitli sayfalarına değil, kimliğin özelliklerine bağlanan bir menü yapmaktır.Bunu yapmak için şuna benzer özel bir menü bağlantısı yapın: Kimliği kullanarak özel bir menü bağlantısı yapın.
Bir kimlik oluştururken, ön sayfa olarak görüntülenen her sayfanın sayfa başlığını kullanın, ancak başlığı küçük harfle değiştirin ve başlıktaki alanı bir bağlantı işareti ile değiştirin. WordPress’i Alt Directory’ye yüklediyseniz – yerel geliştirme ortamında geliştirilen siteler için oldukça yaygın olan uygulama – Linkinize alt dizin eklemeniz gerekir. Örneğin, bu proje için geliştirme sitemin URL’si http: // localhost/wp4point7. Bu, WordPress’in alt dizine yüklendiği anlamına gelir: …/wp4point7. Bağlantının düzgün bir şekilde işlev görmesi için, URL’ye şu şekilde alt dizin girmem gerekir: /wp4point7 /#hakkında. Bir alt dizin kurulumu ile çalışmıyorsanız, alt dizini ortadan kaldırabilir ve yukarıdaki resimde gösterilen yapıyı kullanabilirsiniz. Navigasyonunuz yerinde olduğunda, her ön sayfaya bir kimlik eklemeniz gerekir. Bunu iki yoldan biriyle yapabilirsiniz. En basit çözüm, wordpress.adi sayfa düzenleyicisini kullanarak sayfa başlığına doğrudan bir kimlik eklemektir. HTML’yi doğrudan sayfa düzenleyicisindeki başlık alanına ekleyebilirsiniz, ancak bu yöntem ideal değildir.
Bir kimlik eklemek için başlığı span öğesine sarmış olduğumu unutmayın.Kimliğin kendisi, bir bağlantı işareti ile değiştirilen başlıktaki herhangi bir alanla küçük harfle sayfanın başlığıdır – bu, kimliğin özel gezinme menüsü bağlantısına eklediğimiz kimliğe uyacağı anlamına gelir.Buna ek olarak, yukarıda stil özellikleri ve 96 piksel dolgu ekledim.Bağlantı tıklandığında, dolgu değeri içeriği yapışkan navigasyon çubuğunun altında görülebilecek şekilde aşağı iter.Dürüst olmak gerekirse, bu yaklaşım biraz hackleniyor ve bunu gerçekten umursamıyorum.Yapmayı tercih ettiğim şey, jQuery kullanarak açıklık, kimlik ve dolgu öğeleri eklemek.Bu şekilde, editördeki sayfa başlığını bozmadım, ancak yine de aynı nihai sonucu elde ettim.İşte istenen sonuçları üreten birkaç kod: JPEN365/1FE6F1942945696F2C1DB8DCDE6B812’nin özünü içeren
Kodun yaptığı şey, her bölümün başlığını bulmak ve ardından başlığı aralıktaki stil ile sarmaktır. Buna ek olarak, kod, bölümün başlığını alarak, küçük harfe dönüştürerek, ardından alanı bir bağlantı işareti ile değiştirerek kimlik değerini yapar. Yani, blogumun (yukarıda gösterildiği gibi) başlığı ile bir parçanız varsa, bu kod aşağıdaki kimlik özniteliğini ekleyecektir: id = ‘my-blog’. Bu kimlik biçimi, özel gezinme menüsü bağlantınız için önerdiğim aynı sözdizimiyle eşleşir. Kodu sitenizdeki yüklemek için, iki farklı yerden birine ekleyebilirsiniz: etkinleştirilmiş yirmi on yedi çocuk temasının bir parçası olan JavaScript dosyaları veya özel JavaScript içeren eklenti. Şahsen, ikinci rotayı kullanıyorum ve WordPress temasının değiştirilmesinin basit bir eklentiye nasıl değiştirileceğine dair makalede açıklanan özel CSS ve JavaScript eklentilerini kullanıyorum. Ancak, JQuery eklemek için Simple Custom CSS ve JS gibi eklentileri kolayca kullanabilirsiniz. JQuery yüklü ve yeni bir gezinme menüsü oluşturulurken, sitemin ana navigasyonunun şu anda çalışması budur. Şimdi yirmi on yedi, ana sayfalar ve ana navigasyon olarak düzenleniyor ve veranda arasındaki sayfanın bir navigasyonu olarak işlev görüyor. Birkaç adım daha ileri gitmek istiyorsanız, aşağıdaki ek iyileştirmeleri uygulamayı düşünebilirsiniz: Verandanın bir parçası olarak görüntülenen sayfalardan birini hemen açan herkes veranda hakkındaki ilgili bölüme yönlendirilir. Örneğin, http://example.com/contact sayfasını ön sayfaya aktarın http://example.com/#contact.
Ön sayfalar arasında gezinmeyi etkinleştirmek için jQuery kullanmayı seçerseniz, yalnızca verandaya kodu yüklemek için koşullu bir etiket kullanın. Siteniz veranda sayfası olmayan ek bir sayfa ekleyecekse, sayfayı gezinme menüsüne ve sayfayı ekleyin. Tüm bölüm bağlantılarını aşağıdaki resimde gösterildiği gibi gerilme menüsündeki ön sayfayı düzenleyin.
Sonuç Yirmi on yedi, en azından varsayılan temaya göre yeni nesil WordPress temalarını ifade eder. WordPress’in yirmi on yedi arkasındaki geliştiricinin, WordPress’i iş dünyasına ve e -ticaret web sitesine bloglamanın kökünden daha fazla teşvik etmeye kararlı olduğu açıktır. Yirmi Seventeen, ön bahçe tasarımının güzel ve modern bir bölümünü sunar. Ancak, düzenleme önceki standart temadan biraz daha fazla çaba gerektirir. Bu yazıda gördüğünüz gibi, yapılan çabalar çok değerlidir ve sonuç, daha önce varsayılan tema tarafından hayal edilebilecek çok daha profesyonel ve çekici bir iş web sitesidir. Yeni varsayılan WordPress teması hakkında ne düşünüyorsunuz, yirmi on yedi? Aşağıdaki yorum bölümünde bize bildirin!
Etiket:
yirmi -onveven
WordPress 4.7
