Adım Adım Kılavuz: Yirmi -Onventeen temalı bir web sitesi nasıl oluşturulur
Bu makaleyi tıklarsanız, zaten WordPress kullanabileceğinizi veya yapılabilecek bazı şaşırtıcı şeyler duyduğunuzu varsayıyorum ve şimdi web sitenizi veya blogunuzu oluşturmak için kullanmayı düşünüyorsunuz. Çok ölçeklenebilir ve kullanıcı dostu bir CMS olmanın yanı sıra, WordPress ile ilgili en iyi şeylerden biri, ücretsiz olarak indirilip yüklenebilmesidir. WordPress.org Platform Host, bir web sitesi tamamen ücretsiz ve kolayca tamamen oluşturmanıza yardımcı olacak ücretsiz temalar, eklentiler ve diğer işlevlerden oluşan kapsamlı bir veritabanına sahip açık kaynaklı bir yazılımdır. İş odaklı bir web sitesi oluşturmak istiyorsanız, işletmeler için bu görevden daha fazlası olan birçok ücretsiz WordPress teması vardır. Bugün hakkında konuşacağım ücretsiz temalardan biri yirmi on yedi temadır.
2010’dan bu yana neredeyse her yıl, WordPress geliştirici ekibi, üretim yılına göre adlandırdıkları temayı yaptı. Yirmi Seventeen, iş sitelerine hizmet etmek için temel amacıyla inşa edilen temalardan biridir, ancak hemen hemen her türlü web sitesi ile çalışabilir. Bir video başlığı ve çeşitli büyüleyici üstün görüntüler ile görünür, ayrıca ön sayfanın birçok bölümünün yanı sıra logolar, navigasyon, sosyal menüler, widget’lar vb. Tüm bu özellikler, web sitesini istediğiniz şekilde ayarlamak ve kişiselleştirmek için size çok fazla alan sağlar.
Daha fazla uzatmadan, bu, yirmi on yedi temayla bir web sitesi oluşturmanıza yardımcı olacak size hazırladığım eksiksiz bir rehber.
Bu makalede, aşağıdakileri öğreneceksiniz:
Tema Hazırlama Süreci
Kontenea widget’ı ekleyin
Menü Yapın
Ek CSS
Tema hazırlama süreci
Web sitenizi oluşturmaya başlamadan önce, önce yapmanız gereken birkaç adım vardır. İyi başlamak için yapmanız gereken budur.
Yirmi -yedi temasını yükleyin ve etkinleştirin
İlk mantıklı adımınız, önce temanızı bulmak ve etkinleştirmektir. Bunu WordPress kontrol panelinizdeki görünüm> temalara erişerek yapabilirsiniz.
Burada kayıtlı bazı temalar bulabilirsiniz, ancak ihtiyacınız olan temaya sahip değilseniz, daha fazla tıklayarak kolayca bulabilirsiniz.
Yirmi on yedi temayı bulduktan sonra, yükleme düğmesini tıklayarak yüklersiniz.
Verandayı ziyaret ettikten sonra, özel içerik olmadığını, ancak sadece birkaç varsayılan sayfa olduğunu göreceksiniz. Burada, temanın ana özelliklerinden bazılarını, öğelerin konumunu ve kullanılan renkler ve yazı tipleri de dahil olmak üzere sayfanın kendisinin yapısını göreceksiniz. Tüm bunları tercihlerinize uyacak şekilde değiştirebilir ve ayarlayabilirsiniz. Aracı kaldırın
Burada sunulan şey, bence WordPress yönetici panosu aracılığıyla daha kolay erişilebilen belirli alanlara yol açan bir kısayol. Şahsen, buradan yeni bir sayfa veya yayın oluşturmam gerekmez. Web sitesi oluşturma sırasında, her zaman en rahat iki sekme açıyorum – biri yönetici için, diğeri doğrudan site için. Bu yüzden nihayet bu sefer takım çubuğunu sildim. Bunu silmek için kullanıcıya gittim> tüm kullanıcılara gittim ve kendi kullanıcımın adını buldum. Kendi web sitemi başlattığımdan ve bu yüzden kendimi sadece kullanıcı olarak kabul ettiğimden beri listede yalnızca bir kullanıcı profili var.
Sonra, beni birkaç seçenekle ekrana götürecek düzenleme seçeneğini seçeceğim. Aygıt bıçağının varsayılan olarak kontrol edilmesini sağlayan “Siteyi görüntülerken araç çubuğunu görüntüleyin”, bu seçeneği sileceğim ve sayfanın altındaki profili güncelleyin.
Tarih ve Saat Biçimi
Bu çok kullanışlı bir blog ayarı olduğundan, baştan beri yönetmenizi tavsiye ederim. Belirlediğiniz biçim blog tarihiniz olarak görüntülenecektir. Tercihime göre ayarlamadan önce neye benzediğini görün: Bu tarih, makalenin yayınlandığı tarihtir. Yirmi on yedi tema, varsayılan olarak ay/tarih/yıl biçiminin altında ayarlanırken, diğer bazı temaların farklı bir formatı olabilir veya hiç tarihi olmayabilir. Ayrıca, yayın yorumlarında görünen tarihi de bulabilirsiniz. Temanın etkinleştirilmesi sırasında, temalarla birlikte sayfalar ve yayınlara ek olarak, her yayında bir varsayılan yorum da vardır. Her tema, kurulum sırasında bu seçeneği içermelidir, çünkü farklı bir sayfa (ve özellikleri) örneği olarak işlev görürler, site yayınlandığında gibi görünecektir.
En çok beğendiğiniz biçimi seçmek size kalmış. Buraya koymanız gereken bir diğer şey de zaman diliminiz. Sizden farklı bir varsayılan zaman dilimi ayarı varsa ne yapmalısınız? Bu özel şey başıma geldi. Örneğin, makalemi iki gün içinde 15: 00’de yayınlanacak şekilde planlayacağım. Ancak gün (ve zaman) gelecek ve gidecek ve makalem yayınlanmadı. Sadece belirli bir süre sonra saat dilimi ayarlamadığımı fark ettim ve saat 15:00 olması gerekse bile hala 13.00’de olduğunu gösterdi. Bu nedenle, her zaman saat diliminizi ayarlamayı hatırlamanız gerekir.
Site kimliği
Tema rengi
İçerik ekle
Görüntüye çerçevelenen düğmeyi tıklayarak istenen görüntüyü ekleyebilirsiniz.
Ev, kullanıcının URL’yi hemen tıkladığında gördüğü ilk şeydir. Bu, kullanıcılara sizinle ilgili bazı temel bilgiler sağlamayı amaçlayan bir sayfadır. Ayrıca, kullanıcıların sitenizde kalması için yeterince dikkat çekebilecek iyi bir tasarıma sahip olmalıdır. Buna ek olarak, ana sayfada, kullanıcılara daha iyi erişilebilirlik sağlamak için sitenin diğer bölümlerine yol açan açık bir navigasyon olmalıdır. Bir blog temanız varsa, ana sayfanız bazı makalelerinizin kısa bir önizlemesini içerebilir, böylece insanlar üzerine tıklayabilir ve hemen okuyabilir. Her iki durumda da, ana sayfanız çok dağınık veya çok uzun olmamalı, sadece sağ tarafta öz ve bilgilendirici olmalıdır, bu da burada WPKlik’teki ana sayfamızla yapmaya çalıştığımız bir şeydir. Sayfa> Tüm sayfalara gittikten sonra, hangi sayfaların ana sayfa olarak belirlendiğini kolayca öğreneceksiniz – “ön sayfa” adı hemen yanında olacaktır.
Bu temanın kurulumu ile bir araya gelen doğuştan gelen ana sayfa çok ilginç. İlk bakışta, sayfada birkaç kez daha görünen bir dizi metin ve paralaks görüntüsünden oluşur. Ama aslında, çizimler ve metin çizgileri bir birime. Bu “birlik” i örnek olarak alacağım. Temsil ettiği şey, tam olarak? Bu, verandadan bağımsız bir ayrı avluyu temsil ediyor. Yukarıdaki resimde görüldüğü gibi, bu sayfa blog olarak adlandırılırken, sağdaki metin sayfa içeriğidir. Yukarıdaki resim, sayfanın kendisine yüklenen üstün bir görüntüdür. Bir sayfa> tüm sayfalar açarsanız ve blogun adını içeren bir sayfa bulursanız, gerçeği söylediğimi göreceksiniz. Dolayısıyla, verandada belirli bir sayfa olarak ayrı ayrı çalışan bazı varlıklar var. Tüm bu sayfalar verandada görünmek için “denir”. Verandanın bu bireysel sayfadan tüm içeriği çektiğini hatırlamak çok önemlidir. Bu yüzden ana sayfanızın bu konsepte sahip olmasını istiyorsanız, ana sayfanızda görünecek ve yalnızca sitenizde bu rolü alacak belirli bir sayfa oluşturmanızı öneririm. Verandadaki parça sayısı, ihtiyacınız olan sayfa sayısını temsil eder. Sadece bir kısa not – başlık görüntünün altında görülebilen ilk metin satırı, verandanın metninin kendisidir. Bundan sonra, parçayı hesaplamaya başlamalısınız. Ana sayfamın örneklerinde 4 parça var:
WordPress çekirdek kurulumu ve teması sırasında aktif editör Gutenberg editörüdür. Gutenberg, kullanıcıların bu blokta her türlü içerik eklemesine olanak tanıyan içerik oluşturmak için bloklar kullanır. Birçok blok türü vardır ve her birinin kendi rolü vardır (metin blokları, görüntü blokları, galeri blokları vb.).
Klasik bir düzenleyiciye geçmek istiyorsanız, bunu yapmanızı sağlayan eklentiyi yükleyebilir ve etkinleştirebilirsiniz – klasik editör eklentisi. Ancak Gutenberg’i kullanmaya devam etmenizi tavsiye ettim. Sizinle ilgili sayfadaki ilk birkaç blok, aşağıdaki resimde iki çerçevede görebileceğiniz başlık ve klasik bloklardır. Başlığın başlığı bu sayfada zorunlu bir kısımdır ve her zaman başında bulunur. Editör I (her zaman editörde bulabileceğiniz ilk öğe). Bu, daha sonra verandanıza çekilen sayfa başlığını girme amacına hizmet eder. Bir blog yazısı yazarsanız, makalenizin adını gireceğiniz yer burasıdır. İkinci sütun klasik bir bloktur ve içeriği tıklayarak değiştirebilirsiniz. Bu alanda başka türden içerik türleri de ekleyebilirsiniz. Ancak yine, bu sayfaya (veya özellikle ev için yapılan diğer sayfalar) girdiğiniz her şeyin ana sayfanızda görüneceğini hatırlamanız gerekir. İhtiyacım olan şey, ana sayfa metninin altında görünecek üstün bir görüntü.
Sayfa düzeni, içeriğinizin yalnızca ana sayfanızda değil, tüm sayfalarda nasıl düzenleneceğini seçme olanağı sağlar. İçeriğinizin iki sütuna ayrılması olasılığı vardır – başlık için bir sütun, içerik için başka bir sütun. Başka bir olasılık, başlığınızı en üstte görüntülenen ve aşağıdaki tüm içeriğinizle yalnızca bir sütuna sahip olmaktır.
İçeriğin ön sayfası 4 farklı parçadan oluşur. Bu bölümlerin her birinde, ana sayfanızda görünecek bir sayfa ekleyebilirsiniz. Temel olarak, tüm bu sayfaları verandada görünecek şekilde “ararsınız”.
Bahsettiğim gibi, ana sayfam iletişimim ve blogumdan oluşacak. Yirmi on yedi tema başka bir sayfanın eklenmesine izin verse de (toplam 4), üç tane almayı seçiyorum ve son kısmın boşaltılmasına izin veriyorum (4 içerik bölümünün ön sayfasında seçerek – seçerek hariç tutabilirsiniz). Örneğin, yalnızca iki sayfa görüntülemek istiyorsanız, son iki parçayı boşaltacaksınız. Dört alanın tümü için “Seç” i seçerseniz, bu, diğer tüm sayfaların verandanıza çekilmeyeceği ve ana sayfanızın yalnızca tüm parçaların üzerinde görünen içerikten (doğrudan verandaya girilen içerik) oluşacağı anlamına gelir. Bu, tüm bu ayarlardan sonra sayfam ekranım:
Benim tavsiyem, benim gibi temaları yüklemekle bir araya gelen ana sayfa sayfalarını değiştirmek. Yeni bir tane silmeyi ve oluşturmayı seçerseniz, bunu ana sayfanızda görünecek şekilde ayarlamanız gerekir. Bunu görünüm açarak> Özelleştir> ana sayfa ayarları. Yeni sayfalar yapmak
Bir sitenin sınırsız sayıda sayfası olabilir. Tamamen ne kadar sahip olacağınız özel ihtiyaçlarınıza bağlıdır. Aynı bina ilkeleri veranda dışındaki tüm sayfalar için kullanılır. Sayfanızı açarak sayfanızı oluşturmaya başlayabilirsiniz> Yeni Ekle. Her sayfanın ilgili sayfada görüntülenecek benzersiz bir başlığı vardır. Ancak, isterseniz, sayfa başlığını ve içeriği gizleyebilirsiniz. Tüm bilgileri, resimleri ve diğer medyayı koyabileceğiniz Gutenberg bloğunu kullanarak içerik oluşturabilirsiniz. Daha önce de belirttiğim gibi, tüm içeriği oluşturduktan sonra, sayfaları yayınlayabilir, taslak olarak kaydedebilir veya daha sonra yayınlayabilirsiniz. Ayrıca, artık kullanmanız gerekmeyen tüm sayfaları silebilirsiniz. Artık ihtiyacınız olmayan tüm sayfaları silmeniz gerekiyor çünkü kullanılmayan her şey yalnızca web sitenizi yükleyecektir. Sayfayı silmek için sayfa> tüm sayfalarda silmek istediğiniz sayfayı bulmanız gerekir, ardından çöp kutusunu tıklayın.
İstenen biçimi seçtikten sonra, her şey yeni bir sayfa oluşturduğunuzla aynı kalır. Gönderinize bir başlık verebilir ve içerik ekleyebilir, ardından yayınlayabilir, taslak olarak kaydedebilir veya yayınlanacak şekilde planlayabilirsiniz. Aşağıda örnek var. İlk blog yazımda başlıklar, metin ve bazı fotoğraflar var. Metin metin bloğuna (ilk iki paragraf) yerleştirilebilir, ancak ben (kişisel olarak) daha sık klasik blokları (son iki paragraf) seçiyorum, çünkü metni kalınlaştırabilirim veya başka özellikler ekleyebilirim. Sütun bloklarının yardımıyla görüntüler ekledim. Görüntülerin içeriğinizi böyle görüntülemek için aynı boyutlara sahip olmasını sağlamak çok önemlidir.
İki varsayılan menü, yirmi on yedi tema ile birlikte gelir. Birincisi, başlık resminin hemen altındaki her sayfada bulunur:
Tüm menü ayarlarına görünüm> menü tıklatarak erişilebilir. Mevcut menüleri düzenleyebileceğiniz yer burasıdır. Sadece açılır menüden düzenlemek istediğiniz menüyü seçin. Ekranın sol tarafında, menüye ekleyebileceğiniz sayfalar, yayınlar vb. Menü yapısı sağda ve orada öğeyi sürükleyebilir ve siparişi değiştirebilirsiniz.
Bir altbilgi menüsünün oluşturulması sırasında, birkaç varsayılan ayar içeren özel bir bağlantı oluşturulmuştur. İhtiyacınız olmayan tüm bağlantıları silebilirsiniz ve kaydetmek istediğiniz bağlantı için yalnızca bağlantıyı değiştirmeniz ve sosyal medya profilinize giden bağlantıyı girmeniz gerekir. Ayrıca, yalnızca sunulanlar için değil, diğer sosyal ağ siteleri için ek bağlantılar da ekleyebilirsiniz. Örneğin, Pinterest ekleyebilirsiniz ve altbilgideki simge Pinterest simgesini çeker. İşte, girerseniz kendi simgeleri olacak yirmi on yedi temasında desteklenen bazı sosyal ağlar:
Belirli tema özelliklerini değiştirmek ve tercihlerinize göre ayarlamak istiyorsanız, her zaman bazı ek CSS girebilirsiniz. Bu, görünüm açılış> Özelleştir> Ek CSS ve kod satırını oraya ekleyerek yapılabilir.
Bunu, değiştirmek istediğiniz belirli öğelere (veya daha doğrusu sınıfa) yeni özellikler ekleyerek yapabilirsiniz. Örneğin, başlangıçta sitenin ve sloganın görünümünü değiştirmek istediğimi söyledim. Elemanları kontrol ettiğimden, sınıflarını kontrol ettiğimden ve onlara farklı özellikler verdiğimden emin oldum.
Ayrıca görünüm> özelleştirme> renkleri girerek rengi değiştirebileceğinizi de belirttim. Ancak, bu sadece ışık temaları için geçerlidir.
Karanlık temadaki rengi değiştirmek istiyorsanız, bunu yapmak için kod basittir:
Başlangıçta, sloganın size bazı sorunlara neden olabileceğinden bahsettim. Özellikle, renkli görüntüleriniz varsa, bu, sloganın net görülmemesine neden olabilir. Bu yüzden bir stil seçeneğine sahip olmak her zaman iyidir … site-description {font-family: ‘dans senaryosu’, kalesf;
Font-Heavy: Kalın;
Arka plan renkleri için kod satırları, istenen öğeye veya sınıfa eklenmesi gereken aşağıdaki gibidir: Arka plan-rengi:#000000; .
Şimdi, sloganımın kodu şuna benziyor:
Font-Heavy: Kalın;
Yazı tipi boyutu: 20px;
Renkler:#000000;
Rulman: 0 18px 9px 11px;
Dolgu, metnin arka plan düzlemini geliştirme işlevine sahiptir. Size uygun değeri girmelisiniz. Son olarak, site başlığına da arka plan ekleyeceğim: .Site-title {arka plan-color:#000000;
Dolgu-sol: 10px! Önemli;}
Ana sayfanıza ekstra bir parça ekleyin
Özel CSS eklemek, verandada 4’ten fazla parça göstermenize de yardımcı olabilir. Örneğin, ana ekranınızda da görüntülenecek 6 ek sayfaya sahip olmak istiyorsunuz. Bunun gerçekleşmesi için yeterince kolaydır – yalnızca aşağıdaki kodu eklemeniz gerekir:
add_filter (‘TwentyEventeen_front_page_sections’, ‘prefix_custom_front_page_sections’);
geri 6;
}
Kod, Functions.php Dosya Temasına eklenmelidir. Ve endişelenme-bu adımları takip ederseniz, yanlış yapmayacaksınız. İlk olarak, açık görünüm> tema düzenleyicisi.
Ardından, Function.php’i arayın.
Kodu alttaki ekleyin ve dosyayı güncelleyin.
Çözüm
Ve sadece bu – yirmi on yedi temalı bir web sitesi oluşturmak için bilmeniz gereken tüm önemli şeyler.Bununla birlikte, bu öğreticide bahsettiğim tüm seçeneklerin yanı sıra, genel web sitenizin hızını, güvenliğini ve kullanım kolaylığını artırmak için web sitelerinin oluşturulması sırasında girebileceğiniz her zaman bazı ek işlevler vardır.Örneğin, yeni bir site başlatmak için sahip olması gereken bazı WordPress eklentilerini deneyebilir veya sitenizi arama motorları için optimize edecek pratik WordPress SEO eklentilerinden birini yükleyebilirsiniz.Sitenizin nereye gitmesini istediğiniz yere, umarım bu öğretici size yardımcı olur ve umarım binanızla şanslısınızdır! Umarım bu makale yararlıdır.Eğer isterseniz, bu makalelerin bazılarını okumaktan çekinmeyin!
DOKAN eklentisi ile çok satıcı bir pazara nasıl başlarsınız
Web sitesi tasarımı ilhamı için en iyi platform
Yumuşak dokunuşlu ücretsiz kadınsı wordpress teması