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.

Ardından, aşağıdaki resimde yaptığım gibi Etkinleştir düğmesini seçerek etkinleştirmelisiniz. Ve voila! Siteniz artık yirmi on yedi temayı kullanıyor.

Temayı yükledikten ve etkinleştirdikten sonra, sayfalar ve yayınlar listenizi görmelisiniz. Varsayılan olarak, birkaç sayfa temanın kendisi ile birleştirilir. Widget alanında kayıtlı birkaç widget ve menüde birkaç öğe de bulunmaktadır. Tüm bunlar değiştirilebilir ve ihtiyaçlarınıza göre ayarlanabilir, yani bunlardan birini düzenleyebilir veya silebilirsiniz.

Kurulumdan sonra sitenizin görüntülenmesi:
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

Sayfanın üstüne yaklaştığımda beni rahatsız eden ilk şey, siteyi doğrudan başlattıktan sonra ortaya çıkan araç çubuğuydu. Belki bazı insanlar için hala yararlıdır, ancak silmeyi tercih ederim.
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.

Daha sonra, ihtiyacım olursa siteye yeni kullanıcılar ekleyebilirim. WordPress kullanıcılarının rolü değişebilir, bu çok iyi çünkü her rolün sitede farklı yetkilendirilmesi vardır. Örneğin, bir gün benim için bir makale yazacak bir yazar olmaya karar verirsem, onlara yöneticinin diğer bölümlerini rahatsız etmeden kendi makalelerini yazmalarına izin veren yazarın rolünü vereceğim.

Belirli bir sayfaya bağlantı yalnızca amaçlanan sayfaya ulaşmanıza izin veren bir yol değil, aynı zamanda web sitenizin SEO’sunun çok önemli bir parçasıdır. Bunun nedeni kısmen iyi tanımlanmış bir bağlantının arama motorunun belirli sayfalardan neyin oluştuğunu bilmesine yardımcı olmasıdır. Şu anda, web’in her yerinde gizlenen çok fazla rekabetle, göze çarpmak istiyorlarsa herkes buna dikkat etmelidir. Bu yüzden size en başından kalma yapı yapısını belirlemenizi tavsiye ediyorum. WordPress birçok olasılık sunar ve tüm seçenekler ayarlar> kalıcı bağlantıda bulunur:

Şahsen her zaman Post Name Permalink türünü seçtiğinizden emin olurum. Bu kalıcı bağlantı, bence iyi bir seçenek olan sayfa başlığına göre yapılır. Bu benim için uygun değilse, sayfanın kendisindeki sümüğü her zaman değiştirebilirim. Tabii ki, her şey kendi ihtiyaçlarınıza bağlıdır, bu yüzden bu seçeneği de bu şekilde ayarlarsınız.
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.

Varsayılan format sizin için çalışmıyorsa ve değiştirmek istiyorsanız, bunu ayarlar> Genel olarak yapabilirsiniz:
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

Site kimliği, site logonuz, site başlığı, başlık etiketi ve favicon olmak üzere birkaç farklı şeyin bir kombinasyonudur. Her şey önemlidir çünkü markanızı temsil eder. Adınızı orada yoksa, tüm bu öğelerin tasarımı hakkında ne yapacağınızı dikkatlice düşünmelisiniz. Kendiniz tasarlamayı gerçekten sevmiyorsanız, bazı web sitelerini ücretsiz ve premium simgelerle izleyebilir ve birisinin sizin için yapması için ödeme yapmak yerine tanıyacağınız bir şey yapabilirsiniz. Aşağıda site kimlik ayarlarının konumunu görebilirsiniz: Bu, tüm bu farklı öğeleri ekleyebileceğiniz yerdir:

Logo için resimlerin nasıl yükleneceğini açıklamak için çok fazla zaman harcamayacağım çünkü yapmaya başladığınızda oldukça açık. Sadece medya kitaplığından resim yükleyebileceğinizi (başlangıçta, burada tema ile bir araya gelen resimlerin çoğunu bulacaksınız) ve bilgisayarınızdan resim yüklemenizi sağlayan dosyaları yükleyebileceğinizi eklemek istiyorum ( Başlangıçta sizin için daha kullanışlıdır, çünkü o zaman medya kütüphanesinde aralarından seçim yapabileceğiniz birkaç görüntü var). Ayrıca bir kesme seçeneği de alırsınız, ancak kullanmayı planladığınız şey iyi bir boyuta sahipse, resminizi yüklerken kullanmaktan kaçınmanızı öneririm. Değilse, daha sonra WordPress’te görüntüleri hızlı bir şekilde düzenleyebilirsiniz.

Rastgele bir düz logo ve site simgesi giriyorum (Site veya Favicon simgesi, genellikle tarayıcı sekmesinde, yer işareti çubuğunda ve WordPress hücresel uygulamasında görebileceğiniz küçük bir simgedir). Tasarıma çok fazla odaklanmayacağım çünkü asıl amacım bu öğeleri nasıl değiştirebileceğinizi göstermek. Tamamlandıktan sonra tüm değişiklikleri kaydetmeyi unutmayın: Sitenizdeki tüm değişiklikleri bir süre depolamak ve uygulamak için düzenleme düğmesi kullanılır. Bu düğme varsayılan olarak size görüntülenmezse, dişliyi tıklayarak ek bir seçenek bulabilirsiniz. Bu, görünüm> özelleştirme ve tüm sayfalar ve yayınlarda düzenlenmesi gereken her şey için de geçerlidir. Yaptığınız her değişiklik yayınlanabilir, taslak olarak saklanabilir veya yayınlanması planlanabilir. İşte değiştirdiğim tüm öğeler örnekleri. Site simgesi (Favicon):

Logo, başlık ve etiket başlığı:
Tema rengi

Yirmi on yedi tema, bazı temel renklerden ayarlama olasılığını sunar. Bunu yapmak için, görünümden açık> özelleştir> renkler.

Koyu ve parlak renk şemaları, sitenin temel ten rengini temsil eder. Aşağıdaki parlak ten rengi siyah harfli beyaz bir arka planla işaretlenmiştir:

Koyu ten rengi siyah beyaz arka planlar gösterir:

Özel seçenek size etkin bağlantı ve imlecin rengini değiştirme olanağı sağlarken, başlık metninin rengi site başlığının ve slogan harflerinin rengini değiştirir. Parlak ten rengine sahip temalar varsayılandır.

Menüyü sil

Başından beri yapmak istediğim başka bir şey de menüyü silmek. Temayla eşleşen bir menü varsa, hiçbir şeyi rahatsız etmesini istemiyorum, ancak menü sırasında bazı öğelerimi eklemeyi tercih ediyorum. Sadece bu fırsat için verandadan ayrılmayı planlıyorum çünkü inşa edilmeyi planladığım ilk şey ve mevcut sayfaları da düzenleyeceğim. Menüyü silmek için görünüm> menülere gitmelisiniz. İki menüde yirmi on yedi – sosyal bağlantı menüsü ve üst menü temasıyla birlikte gelir. Ancak, silmek istediğim öğe en iyi menü. Bu nedenle, bu özel menüyü seçeceğim ve ev dışındaki tüm öğeleri sileceğim. Sil’i tıklamayı ve ardından bunu kendiniz yaparken menüyü kaydetmeyi unutmayın.
İçerik ekle

Başlık resmini değiştir

Yirmi on yedi temanın başlık görüntüsünden tanınabileceğini söylemek güvenlidir. Görüntü neredeyse ekranın her yerinde verandada görünür.

Aynı resim parçasını diğer tüm sayfaların üstünde bile görebilirsiniz.

Doğal olarak, burası kendi resminizi yerleştirmek istediğiniz bir alandır. Bu makalenin başlangıcında bahsettiğim gibi, bu tema size başlık görüntüleri, video başlıkları veya her ikisini de ekleme yeteneği sunar. Başlık resminiz olacak görüntüleri yüklerken, görüntünün boyutuna dikkat etmelisiniz. Çok küçük boyutlarla görüntüler yüklerseniz, kalite kötü olacaktır ve kesinlikle bunun olmasını istemezsiniz. Öte yandan, çok büyük ve çok ağır (MB) görüntüler yüklerseniz, sayfalarınızı yükleyebilir, bu da yavaş yüklenmesine neden olur. Bu yüzden bir orta zemin bulmak ve hatta Photoshop’taki görüntünün boyutunu mükemmel olmak için değiştirmek önemlidir. Önerilen başlık görüntü boyutu 2000x1200px’dir. Üstbilgi resimlerini yüklemek için görünümü aç> özelleştirin. Ortam başlık ekranını bulun:
Görüntüye çerçevelenen düğmeyi tıklayarak istenen görüntüyü ekleyebilirsiniz.

Benim tavsiyem, yalnızca belirli bir nesne içeren veya yalnızca her görüntü öğesi çerçevede görüldüğünde eksiksiz görünen görüntüleri kullanmaktan kaçınmanızdır. Bunun yerine, neredeyse eşit veya daha doğrusu daha benzer öğeleri olan görüntüleri kullandığınızdan emin olun, bu da mantıklı ve kesilmiş olsa bile “sağlam” görünür. Bu gereklidir, çünkü diğer sayfanızda görünen görüntünün yalnızca bir kısmına sahip olacaksınız, bu nedenle sadece anlamı olmayan rastgele parçalar değil, mantıksal bir birlik olarak görünmesini istiyorsunuz. Bu benim örneğim:

Bu şekilde, veranda ve rastgele bir sayfadaki başlık resmim iyi görünüyor. Ancak, başlık ve başlık etiketimin daha sonra düzelteceğim arka planla çok entegre olmadığından emin olmalıyım. Resimler yerine, bir video da yükleyebilir veya yalnızca YouTube’a yükleyebilir ve ardından sayfanıza bir bağlantı 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:

Ev

Hakkında

Bloğum

İletişim

Veranda için doğrudan verandaya içerik ekledim, diğer bölümler için daha sonra arayacağım bireysel bir sayfa yaptım. Şimdi, sayfalara> tüm sayfalara gidiyorum. Şu anda orada neler olduğunu kontrol edeceğim. Burada, ana sayfaya çağrılma niyetiyle hangi sayfaların yapıldığını görebiliyorum. Kendi bilgilerimi ve resimlerimi eklemek için sayfayı düzenleyeceğim ve iletişim kuracağım ve ayrı bir blog sayfası oluşturacağım. Daha sonra, mevcut blog sayfasını neden görmezden geldiğimi açıklayacağım. Dediğim gibi, birkaç sayfa düzenleyeceğim ve birkaç yeni sayfa oluşturacağım. Sayfaları açarak yeni bir sayfa oluşturacağım> Yeni Ekle. Düzenlemek için, Sayfa> Tüm sayfalarda değiştirmek istediğim sayfayı bulacağım ve ardından Düzenle’yi tıklayacağım.

Bu gibi sayfaları düzenlemeye başladığınızda veya yeni bir sayfa oluşturmaya başladığınızda, özellikle neyi değiştirmek istediğinizi iyi ödemelisiniz.
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ü.

Bu görüntüyü eklemek oldukça basittir. Yukarıdaki resimde gösterildiği gibi, editörün sağ tarafında, kalıcı bağlantı bölümünün hemen altında özellikli bir görüntü bölümü vardır. Buraya tıklayarak resminizi girebilirsiniz. Yukarıdaki resimde, Slug URL’sine girebileceğiniz yeri de görebilirsiniz. Her sayfanın salyangozları değiştirme seçeneği vardır. Sayfanızın sayfanızın genel ayarlardan farklı olmasını istiyorsanız, burada sayfanın kendisinde değiştirebilirsiniz. Yeni bir sayfa oluştururken veya mevcut düzenleme yaparken her zaman yayınlamaya tıklamayı unutmayın.

İhtiyacım olan tüm sayfaları yapmayı bitirdikten sonra, görünüm> özelleştir> tema seçeneklerine erişerek ana sayfamda görüntülemek istediğim sayfayı ayarlayacağım. Burada iki tür ayar var. Birincisi sayfa düzeni, ikincisi ön sayfa bölüm içeriğidir.
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.

Son bir not – ayrıca çok fazla sayfa kaldırılırsa bu da sitenizi tıkayabileceğinden, çöp kutusundaki yiyecek artıklarını temizlediğinizden de emin olun.

Bir blog yazısı oluşturma

Şimdi içeride nasıl bir sayfa oluşturacağımı gösterdikten sonra, size bir blog yazısı nasıl oluşturulacağınızı da göstereceğim. Bir blog yazısı yapma ilkesi bir sayfa oluşturmakla aynıdır, fark başka bir yerde yapılır. Sol menüdeki gönderi bölümü size bazı farklı seçenekler sunar. Birincisi, yapılan tüm yayınları görüntüleyen tüm yayınlar seçeneğidir. Henüz yapmadığım için, şu anda sadece yirmi on yedi temaya uygun olana sahibim. Yeni ekle seçeneği, sayfalardaki gibi yeni bir yazı yapmayı amaçlıyor. Bir kez daha, bloklar yardımıyla içerik eklenebilir. Kısaca, yalnızca WordPress’te yayınlamayı planladığınız içerik türüne bağlı olarak kullanabileceğiniz çeşitli yazı formatları türlerinin olduğunu belirteceğim. Aşağıdaki yazı biçimlerinden birini seçerek yayınınıza özel bir görünüm verebilirsiniz: standart, galeri, bağlantılar, alıntılar, videolar ve ses.

İ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.

Yukarıdaki resimde yazının sağ tarafında kenar çubuğunu görebilirsiniz. Daha sonra tartışacağım. Blog yayınlarına ve sıradan sayfalara ait olan bir diğer şey de kategori ve etiket değildir. Belirli kriterleri takip eden makaleleri gruplandırmayı hedefliyorlar. Kısacası, tüm etiketi temsil etme kategorisi (yani haberler, iş, teknoloji vb.), Etiketler yayınlarda bulunabilecek daha spesifik şeylerdir. Örneğin, konuya bağlı olarak, teknoloji kategorisindeki makaleler, yazılım, teknoloji, akıllı telefonlar, aletler vb. Gibi etiketlere sahip olabilir.

Bir veya iki yayın oluşturduktan ve blogunuzu başlattıktan sonra, daha önce ziyaret ettiğiniz blog sayfasına geri dönmelisiniz – sayfada> tüm sayfalarda bulunur.

Tıpkı verandanın başlığının hemen yanında diğerlerinden farklı olduğunu gösteren bir “ön sayfa” metni olduğu gibi, blog sayfasında da yanında bir “gönderme sayfası” var. Bu, şimdiye kadar kaydedilen tüm yayınları yayınlayan belirli bir blog sayfasıdır. Başka bir deyişle, bu size sitenizdeki tüm yayınların genel bir resmini sunar. Bu sayfa silinmemelidir – kullanıcıların blogunuzu kolayca keşfedebilmesi için bu sayfa menüye yerleştirilir.

widget alanı

Sayfaya koyduğunuz içeriğe ek olarak, her tema ek içerik ekleyebileceğiniz bir alana sahiptir. Her temanın bu alanın belirli bir sayısı vardır. Özellikle yirmi on yedi temanın üçü var – blog tarafı, altbilgi 1 (sol altbilgi sütunu) ve altbilgi 2 (sağ altbilgi sütunu). Bu alanda tema kurulumu ile birlikte gelen bazı veriler var, ancak değiştirilmesi gerekiyor. Bu alana erişmek için açık görünüm> widget’lar. Oraya girdikten sonra, ekranın sağ tarafında bulunan tüm widget alanlarını göreceksiniz (bu durumda üç). Bu alanların her birinde widget var. Diyelim ki bu widget, sayfanızda belirli bilgileri sunma amacını sunan sayfa bloğu türünü temsil eder. Solda, mevcut tüm widget’ların bir listesini göreceksiniz.

Bu widget’ı kullanmak için çekebilir ve istenen widget alanına yerleştirebilirsiniz. Bu, ek bir widget ile widget alanının görünümüdür.

Ayrıca, aşağıdaki resimde birkaç widget bulunan widget altbilgisi alanını görebilirsiniz. İlk bakışta sosyal bir ikon da bu alana ait gibi görünse de, aslında altbilgi menüsünün bir parçasıdır. “Gururla çalışan WordPress” bölümü de varsayılan olarak bir tema ile donatılmıştır ve silinebilir.

Widget alanının düzenlenebilmesinin bir başka yolu da görünüm> özelleştirmek> widget’ları açmaktır.

Bir menü yapmak
İki varsayılan menü, yirmi on yedi tema ile birlikte gelir. Birincisi, başlık resminin hemen altındaki her sayfada bulunur:

İkincisi altbilgide:
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:

Behance, Codepen, Deviantart, Digg, Dribbble, Dropbox, Facebook, Flickr, Foursquare, Github, Google+, Instagram, LinkedIn, Meanpath, Medium, Pinterest, Pocket, Reddit, Skype, Slideshare, Snapchat, Soundcloud, Spotify, Stumbleupon, Plant, Bitki Plant Twitch, Twitter, Vimeo, Vine, VK, WordPress, Yelp, YouTube.

Menü Ayarları Belirli menülerin görüneceği konumu belirleyin. Menü ekranının altında bulabilirsiniz. Üst menü onay kutusu işaretliyse, bu menünün başlık görüntünün altındaki her sayfada görüneceği anlamına gelir. Ancak, Sosyal Bağlantı menüsü işaretlenmişse, bu, menünün altbilgi alanında görüneceği anlamına gelir.

İsterseniz, daha önce var olan düzenleme yerine özel bir menü de oluşturabilirsiniz. Tıpkı sayfalar ve yayınlar (ve genel olarak sitedeki diğer tüm şeyler) gibi, siteyi yüklememek için kullanmadığınız her şeyi sildiğinizden emin olun. Ayrıca görünümü açarak menüleri düzenleyebilirsiniz> Özelleştir> Menüler. Ek CSS
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.

Sloganın başlığını ve rengini değiştirin
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:

.Site-Başlık A {Color:#E92442! Önemli;}

. Açıklama Site {Color:#E92442! Önemli;}

Kodun. Site-Title kısmı, site başlığının kısaltılmasıdır, oysa .Site-deskript slogan içindir. Yapmanız gereken tek şey bu kodu kopyalamak ve istenen rengi (veya rengi) girmektir.

Sloganın düzenlenmesi
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;

Yazı tipi boyutu: 25px;

Opaklık: 1;

}

Element sınıfına başka bir yazı tipi eklediğim kodum. Ayrıca belirli yazı tipi özellikleri (ağırlık ve boyut) giriyorum ve opaklığı 1 olarak değiştiriyorum. Sloganınız için istediğiniz diğer yazı tiplerini ekleyebilirsiniz. Ve elbette, eklediğim tüm özellikleri girmek zorunda değilsiniz, ancak size uygun olanı seçebilir ve ihtiyacınız olmayan silinebilir. Daha önce hiç CSS’de hiçbir şey yapmadıysanız, endişelenmenize gerek yok – bunu yapmak oldukça kolay. Bu konuda, özellikle belirli yazı tiplerinin nasıl ekleneceği veya CSS ile metin nasıl düzenleneceği konusunda birçok yararlı öğretici de vardır. Tüm bunları web sitenizdeki her türlü metine uygulayabilirsiniz. Sadece bir öğe sınıfı bulmanız ve bazı özellikler vermeniz gerekir. Sizin için yararlı olabilecek başka bir şey, sitenin başlığının ve sloganının arkasına arka plan rengi eklemektir.
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:

.Site-description {font-family: ‘dans senaryosu’, kapuf;
Font-Heavy: Kalın;
Yazı tipi boyutu: 20px;

Opaklık: 1! Önemli;
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’);

İşlev prefix_custom_front_page_sections ($ num_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.

Şimdi, görünüm> özelleştir> tema seçeneklerini açın ve şimdi göreceksiniz, 6 sayfa daha ekleme seçeneğiniz var.
Çö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ı

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir