2021’de 6 adımda bir WordPress sitesi nasıl oluşturulur.A Kılavuzuna Z’ye

2017 yılında, web tasarımını öğrenmek için çalıştığım şirkette bir fırsat var. HTML, CSS ve JavaScript öğrenmeye başladım. Çok keyif aldım. İlk hatamı deneyimleyene kadar. Sonra bana bir yan proje verildi: gerçek web sitesi. Çok mutluyum, meslektaşlarım yardım istediğimde benim için orada. Birkaç ay sonra bir STK için WordPress Pro-Bono atamasını yaptım. Seyahat pazarında olduğumuzu ve ben pazarlama yapıyorum. Ancak insanları yeni beceriler öğrenmede güçlendirme kültürü var.
Ben DIY türüyüm ve kodu öğrenmek için öğrenme eğrisinin beklenenden çok daha uzun olduğunu fark ediyorum. WordPress ile her şey farklı çalışıyor. Hızlı bir şekilde ileriye dönük, 2020’de nihayet Colibri’nin üreticisi için çalıştım, Colibri popüler bir drag ve wordpress sayfa yapımcısı oldu. Bugün araçla çok kolay şeyler. WordPress, insanları kısa sürede sıfırdan web siteleri oluşturma konusunda güçlendirebilir. Ve sadece web siteleri için ilham … İnternet genelinde. Şimdi bunlar adımlar:
Alan adınızı seçin
Hosting Web Sitesini Alın
WordPress arabirimini tanıyın
WordPress temasını yükleyin
WordPress web sitenizi oluşturun
Önemli WordPress eklentileri yükleyin
Sadece birkaç adım olduğu için bir süpercalifragilisticexpialidocious web sitesine sahip olmak için yeterli olmadığından, kılavuzun sonunda sizin için bir bonus var: UX tasarım ipuçları ve püf noktaları.
Ancak konuya atlamadan önce diğer konuları vurgulamak istiyorum. Çok geç değil, söz veriyorum. WordPress web sitesinin maliyeti nedir? WordPress web sitesinin maliyetinin ayrıntılarını yapmak istiyorsak, eklememiz gereken şey budur: Bir etki alanı satın almak: Fiyatlar 15 $/yıldan başlayabilir
Ev sahibi satın alma: Fiyatlar 8 $/yıldan başlıyor
WordPress teması. Şimdi, ayarlama seviyesine ve dahil etmek istediğiniz kaç özelliğe bağlı olarak, 0 $ ile başlayabilirsiniz. Temel web sitesinden memnun olmak istemiyorsanız, yıllık WordPress tema paketi 70 $ arasında değişmektedir.
WordPress eklentisi. Birçoğu ücretsizdir, ancak gelişmiş bir seçenek istiyorsanız, ücretli paketi artırmanız gerekir.
Bu, en temel web sitesinin 23 $/yıldan başlayacağı anlamına gelir. Gelişmiş bir tema özelliği istediğinizde, maliyet yıl yaklaşık 100 $ ‘a yükselecektir.
Eklentiyi artırdığınızda, yılda yaklaşık 200-500 $ ödemeniz gerekebilir. Özellikle yapılan bir şey istiyorsanız ve WordPress geliştiricilerini çağırmanız gerekiyorsa, maliyet ilk yılda 1000 dolardan fazla olabilir. Çevrimiçi mağazalar için maliyetler önemli ölçüde artabilir, çünkü birçok kişi gerekir. İşlevler ve performans ve güvenlik ana. Şimdi bitirdikten sonra, bugün konumuzun en altına ulaşmanın zamanı geldi: 2021’de bir WordPress web sitesi nasıl oluşturulur. 1. Alan adınızı seçin
Kaynak: https://unsplash.com/photos/n1xuwr8iof0 Bilmiyorsanız, alan adı işletme adınız veya ürün adınızdır. İsim çok güçlü olabilir, bu yüzden alan adınızı seçerken acele etmeyin. Ayaklarınızın soğuk olduğunu düşünüyorsanız, endişelenmeyin, orada size yardımcı olabilecek araçlar var.

Web sitemin alan adını seçmek için ipuçları ve püf noktaları, bir süre önce iş için web sitesinin alanı için bazı beyin fırtınası yapın ve “Wazz” ın oldukça ilginç göründüğünü fark etti. Kısa, hatırlanması kolay. Ama googling yaparken, evet … diyelim ki, gülüyordum. İngilizce argoda, bu “idrar yapmak” anlamına gelir. Gerçekten insanlar, araştırmanızı yapıyor. Sonra fotoğraf web sitemin adını vermek istiyorum. “Ay ışığını” analiz ediyorum. Çok eğlenceli, romantik, bir masal gibi … değil. Görünüşe göre “yasadışı olarak damıtılmış veya kaçak olan alkol” anlamına geliyor. Bu nedenle, adlandırmanızın benzersiz, hatırlanması kolay olduğundan ve İngilizce veya diğer popüler dillerde (örneğin: İspanya) garip bir anlamı olmadığından emin olun. uluslararası gitmek. Yerel bir işletme iseniz, bunu özleyebilirsiniz. Şimdi, WordPress siteniz için bir etki alanı adı seçmek için küçük bir kontrol listesine bakalım:
İşletmeniz/ürününüz için ilgili anahtar kelimelerin bir listesini yapın. Ürünü kullandıktan sonra kullanıcının nasıl hissettiğini düşünün. Doğal malzemelerden yapılmış bir deri ürün yelpazeniz olduğunu varsayalım. Listeniz “cilt”, “tedavi”, “güvenli”, “doğal”, “güzel”, “taze” vb. Gibi kelimeler içerebilir. Bir alan adı fikri üretmek için Namelix veya Novanym gibi araçları kullanın.
Yeni keşfedilen alan adınızın anlamını kontrol edin. Ben her zaman Google’ın “{buraya ad ekle} anlamına gelir” gibi. Sözlük açıklamasıyla bitireceğim. Sonra, Google’ın imajına gittim ve nasıl eşleştiğini gördüm. Belki bu ismi olan bir şarkıcı, manga karikatürünün adı vb. Var var. Öyleyse, süreci tekrarlamanız gerekir. Bu adla bir işletme sayfası olup olmadığını görmek için Facebook veya LinkedIn’de bir alan adı arıyor.
Satılık bir web sitesi alan adı olup olmadığını kontrol edin. Birçok site için “.com” en iyi en iyi etki alanıdır (TLD), ardından “.org”, “.net” veya “.io”.
Alan adınızı satın alın. Bunu GodAddy gibi alan adı kaydı veya barındırma sağlayıcınız aracılığıyla yapabilirsiniz.
Ve bu bizi bir sonraki bölüme götürüyor. 2. Sunucuda ziyaret ettiğiniz her web sitesini barındırma web sitelerini alın. Bu, bir barındırma sağlayıcısından bir web barındırma almanız gerektiği anlamına gelir. Bir WordPress web sitesi oluşturduğumuz düşünüldüğünde, wordpress.com veya başka bir üçüncü taraf barındırma sağlayıcısından bir barındırma paketi seçebilirsiniz. Devam etmeden önce bir şey açıklayayım. WordPress.com ve wordpress.org var. Fark, bir web sitesini barındırıp oluşturabileceğiniz wordpress.com’da. WordPress.org’dan, web siteniz için başka bir yerde barındırılan temalar ve eklentiler alırsınız. WordPres.com paketlerini buradan karşılaştırabilirsiniz.
Bu kılavuz hipotezi, gerçekten bir marka oluşturmak ve web siteniz üzerinde tam kontrole sahip olmak istediğinizdir. Bu, üçüncü bir taraflı barındırma sağlayıcısına gideceğiniz anlamına gelir. Üç ana barındırma hizmeti vardır: paylaşılan barındırma, VPS ve Hosting Yönetilir. İlk durumda, sunucu kaynakları daha fazla site arasında bölünür. Uzun vadede, bu site gelişirse ve siteniz de performans sorunları yaşayabilirsiniz. Bir VPS hizmetine veya yönetilen barındırma paketine ihtiyacınız olduğunu fark edebilirsiniz. Bu nedenle, bir barındırma sağlayıcısı seçerken bunu düşünmeniz gerekir: iş amacınız nedir? VPS barındırma kullanıyorsanız, kaynaklar hala paylaşılacak, ancak bunlar üzerinde kontrol sahibi olacaksınız. Ayrıca güvenlik ve performans açısından bir artış göreceksiniz. Hosting yönetilen hizmet “a la merak”. Kendi fiziksel sunucunuzu alacaksınız ve iyileştirme ve güvenlik geliştirme göreceksiniz. Açıkçası, her şey bundan daha karmaşık olabilir, ama sadece büyük bir barındırma resmini tanımlamak istiyorum. Ardından, planı analiz ettiğinizde, çok dikkat edin:
Fiyat
Depolamak
Destek
Göstermek
Bazı barındırma sağlayıcıları, alan adı teklifleri (örneğin: namecheap), web sitesi yapımcıları (örneğin: godaddy), e-niaga seçenekleri vb. Gibi paketlenmiş birkaç ek özelliğe sahiptir.
Şimdi, “HTTP” veya “HTTPS” kullanarak birkaç web sitesine dikkat etmiş olabilirsiniz. Onların derdi ne? HTTP, modern bir web sitesinin temelidir. Tarayıcıyı ve sunucuyu bağlar ve isteklere göre işlevler. Şimdi, ek “S”, şifrelenmiş web sitelerine ve güvenli web siteleriyle paylaşılan verilere bağlantılar anlamına gelir. Kullanıcının web sitenizden bir ödeme yaptığını veya hesabı girdiğini varsayalım. Kullanıcının yazacağı bilgiler kişisel olacaktır. Hacklemeden korunmak. Bu, “güvenli soket katmanı” anlamına gelen SSL teknolojisi ile olur. Tüketiciler için “HTTPS” görmek güveni ifade eder, çünkü verilerini ve gizliliklerini koruyabilirsiniz. Bu, bir SSL sertifikası almanız gerektiği anlamına gelir. Seçim planınızın bunu da içerdiğinden emin olun. Bir barındırma paketi aldığınızda ve giriş bilgilerinizi hazırladığınızda, tek eksik kısım WordPress’in kendisidir. Dışarıdaki çoğu barındırma sağlayıcısı, WordPress’i gösterge tablolarından/sihirbazından yüklemenize izin verir. Her şey oldukça sezgisel. Sitenize nasıl gideceksiniz? Kolay. Sadece web sitenizin tarayıcı adresini yazın ve aşağıda görüldüğü gibi “/ wp-admin” ekleyin.
3. WordPress arabiriminin tanın WordPress Gösterge Tablosu 9 parçaya sahiptir. Onları görelim. WordPress Ayarları
Bu bölümde 7 menü öğesi daha vardır. Burada yapılması gereken en önemli şeyleri kısaca açıklayacağım.
“Genel” altında, site, slogan, URL, saat dilimi, zaman biçimi ve tarih ve dil başlığını ayarlayabilirsiniz.
“Okuma” altında, hangi WordPress sayfasının ana sayfa olarak işlev gördüğünü ve hangisinin “blogunuz” olduğunu söyleyeceksiniz. Bu önemli bir adım. Ayrıca, sayfada kaç blog yazısı veya web sitenizin Google tarafından dizine eklenmesini istiyorsanız seçeceksiniz. “Tartışma” altında bir blog yorum ayarları yapacaksınız.
“Medya” da, medya kitaplığına resim eklerken kullanılacak pikseldeki maksimum boyutu ayarlayabilirsiniz.

‘Permalinks’ içinde URL biçiminizi ayarlayacaksınız.

Gizlilik Politikası sayfanızı “Gizlilik” olarak belirleyebilirsiniz.
“Ayarlar” paneline yaklaşmanın en iyi yolu, tüm bu öğeleri girmek ve eksik bilgileri doldurmak, sadece önemli bir şeyi kaçırmadığınızdan emin olmak için. İşler oldukça kolay, bu yüzden soğuk olma. Tüm ayarlar 30 dakikadan daha kısa bir sürede yapılabilir. Bilmeniz gereken WordPress sayfaları ve yayınları, içeriğinizin “sayfa” veya “yayın” i gireceğidir. Burada zamanınızın% 95’ini geçireceksiniz. “Sayfa” statik. Bir “ana” sayfanız, “Hizmet” sayfanız, “Bize Ulaşın”, bunun ne anlama geldiğini anlıyorsunuz. Gönderiniz altında en son blog makaleniz, belki portföyünüz olabilir. Bu dinamik bir sayfadır, çünkü en son web sitesi içeriğinizi otomatik olarak en üstte yerleştirirler.
Gösterge tablosundan “Gönder” i seçtiğinizde, bir yayın yapabilirsiniz, tüm yayınları görselleştirebilir ve etiketleri ve kategorileri yönetebilirsiniz.
Yukarıda görüldüğü gibi “Yeni Ekle” yi seçerseniz yeni bir gönderi oluşturabilir veya “Tüm Gönderiler” e gidebilir ve ardından “Yeni Ekle” yi seçebilirsiniz. Aynı şey sayfa için işlev görür. “Tüm sayfalar” veya “tüm yayınlar” da göreceğiniz, temanız tarafından kullanılan birkaç sayfa ve varsayılan yayınlardır.
Şimdi, yayınları veya sayfaları nasıl düzenleyebilirsiniz? İmleci sayfaya yönlendirdiğinizde ve varsayılanınızı yayınladığınızda, birkaç seçenek görürsünüz: Düzenleme, Hızlı Düzenle, Çöpçü, Bkz. Yukarıdaki ekran görüntüsünde “Colibri’de Düzenleme” de var. Bunun nedeni, WordPress Colibri Maker’ı kullanarak sayfayı ayarlamanızı sağlayan bir eklenti yüklememizdir (ancak daha sonra tartışacağız). WordPress Media Tüm medyanız burada: resimler ve videolar. Çekebilir ve serbest bırakabilir veya yükleyebilirsiniz.
Gönderi/sayfa düzeyinizden de medya ekleyebilirsiniz. Bu konu hakkında daha fazla şey göstereceğim. WordPress, “Yorumlar” adlı 4. gösterge paneli bölümünü yorumladı. Burada yayın yorumlarınızı yönetebilirsiniz. Spam veya çöplere taşınabilecek birçok spam yorumu alacaksınız. Alakalı onaylayabilirsiniz.
“Görünüm” menüsü
Bu düzeyde şunları yapabilirsiniz:

Temayı arayın, yükleyin ve etkinleştirin (sonraki bölümde daha fazla ayrıntı).

Sitenizin yan, altbilgisi ve diğer alanına bir içerik bloğu eklemek için widget’ı ayarlayın.

WordPress web sitesi menünüzü belirleyin.

Sitenize bir arka plan resmi ekleyin.

Tema kodunuzu “Tema Düzenleyicisi” nde düzenleyin (yalnızca geliştiriciyseniz önerilir).

Şimdi, belirli eklentileri etkinleştirdiğinizde, “Ekran” nın altında bazı yeni menü öğeleri görebilirsiniz. Bu durumda, Skyline temasını etkinleştirdiğimiz için, “SkylineWP ayarları” altında yönetme seçeneğini görüyoruz. Her tema kendi ayarlarıyla gelebilir. Burada Skyline ile iyi çalışan bazı eklenti önerileri göreceksiniz. Bu bizi bir sonraki menü öğesine götürür. Eklentiler Yalnızca SEO optimizasyonu, SEO denetimi, web sitelerinin güvenlik ve rezervleri, tablolar, formlar, e-ticaret özellikleri ve daha fazlası gibi temalara göre yönetilemeyen birçok özellik vardır. Eklenti, bu seçeneklerin eksikliğini telafi etmek için burada. İşte eklentiyi nasıl yükleyeceğiniz, etkinleştireceğiniz ve devre dışı bırakacağına dair küçük bir öğretici. Her şey sezgisel ve kullanıcı dostudur.

Kullanıcı
Bu düzeyde, web sitenize kimin erişebileceğine karar vereceksiniz. İhtiyaçlarınıza bağlı olarak katkıda bulunanlara, konuk yazarlara, editörlere vb. Erişim sağlayabilirsiniz. Teçhizat
“Aracınızın” altında, diğer içerik yönetim sistemlerine (örneğin blogger) veri araçlarını içe aktarma ve dışa aktarma seçeneğiniz olacaktır. Ayrıca, WordPress yapılandırmanız ve dikkatinizi gerektiren öğeler hakkında bazı önerilerle önemli bilgileri gösteren “Site Sağlığı” bölümü de vardır. kullanıcınız için kişisel veriler. Ve bununla birlikte, WordPress pano bölümünü tamamladık. Daha çekici bir işe dönelim. 4. WordPress temaları nasıl yüklenir Bunun için WordPress yönetici kontrol panelinize gitmeniz, sol menüden “Ekran” yı tıklamanız gerekir, ardından “Tema”. Ardından, “Yeni Ekle” düğmesini tıklatın. Görünen birçok şablon göreceksiniz ve en son, üstün, popülerliğe veya özelliklere göre filtreleyebilirsiniz.
Kendi büyüleyici ve Colibri temalarımızın en popüler 20 WordPress temasına kayıtlı olduğunu söylemekten gurur duyuyoruz. Temayı seçtiğinizde “Yükle” yi tıklayın, ardından “Etkinleştir” i tıklayın.
Görünüm-> temalara geri dönerseniz WordPress temanızı da etkinleştirebilirsiniz. Tüm kurulum işlemi öğreticimizde de açıklanmaktadır.
Şimdi rock and roll için hazırsınız! Giphy 5. aracılığıyla WordPress sitenizi WordPress’te oluşturun, web sitesi tasarımı seçtiğiniz temaya bağlıdır.Ekstra bir şeye ihtiyacınız varsa, iyi … kayıp özellikleri dolduracak bir şey bulmanız gerekebilir.Genellikle, her WordPress teması 2 tasarımı vardır: biri bloglar için, diğeri sayfalar için.Sınırlı renkler, özel özelleştirme yok.Bu, belirli bir zamanda eklentinin yararlı olacağı anlamına gelir.Şimdi, WordPress temasının temel işlevselliğe sahip bir tema ayarlaması var.Özel özelliklere ihtiyaç duymayan ve sitelerini çok hızlı bir şekilde inşa etmek isteyenler için çok uygundurlar.İhtiyacınız olduğunda, kendi CSS stilinizi ekleyebilirsiniz.Kendi vizyonunuza uygun bir düzene sahip bir tema seçtiğinizden emin olun.Temayı nasıl ayarlayabilirsiniz?Sadece görünüm açın-> Özelleştir.
Sol taraftan, neyin değiştirileceğini seçebilirsiniz: içerik, menüler ve diğerleri. Sağ tarafta, web sitenizin bir önizlemesi vardır. Kalem simgesini tıklayarak metni gerçek zamanlı olarak değiştirebilirsiniz. Öte yandan WordPress yapımcılarımız var. Onlar gerçekten benzersiz bir web sitesi oluşturmanıza yardımcı olan eklentilerdir. Temanızın düzenini tamamen değiştirebilirsiniz. Bizim durumumuzda Skyline, Colibri adında önceden yüklenmiş bir yapımcı yaptı, bunu örnek olarak kullanacağız. Ücretsiz veya ödenen tema sürümüne bağlı olarak, oynamak için çeşitli unsurlarınız vardır: başlıklardan, belirli sayfalardan, davetiyeler gibi daha küçük bileşenlere, sekmelere, sayımlara, hesaplara ve daha fazlasına. Temanızı daha önce olduğu gibi, görünümden> özelleştirme veya kısayollar alabilirsiniz, aşağıda gösterildiği gibi. Ne değişiklikler? Özelleştiricide daha fazla özelliğe erişeceksiniz.

Ayarlamaları kullanmanın yanı sıra, WordPress – Varsayılan Düzenleyicide web sitelerini ayarlamak için başka seçenekler de vardır. Her gönderi ve sayfanın altındaki “Düzenle” seçeneğinden erişebilirsiniz. Ayrıca, yeni bir gönderi veya sayfa eklediğinizde, doğrudan varsayılan düzenleyiciye (üreticiyi etkinleştirmediğiniz sürece) gideceksiniz.
Yani, bir sonraki bölümde, yollar hakkında daha fazla tartışacağız:

Bir WordPress sayfa üreticisini kullanarak bir WordPress web sitesi oluşturun

Varsayılan WordPress düzenleyicisini kullanarak bir WordPress sitesi oluşturun

A. Ücretsiz bir web sitesi üreticisi WordPress web sitesi üreticisi kullanarak WordPress web sitesi nasıl oluşturulur WordPress ayarlamalarını tamamen yeni bir seviyeye getirmenize yardımcı olur. Her şeyi ayarlayabileceksiniz: başlıklar, sayfa içeriği, altbilgi, navigasyon menüsü, küresel, bireysel stil, herhangi bir şey! Tasarım veya kodlama becerilerine gerek yoktur! Genellikle sürükleme ve bırakma işlemi. Ve mobil tasarım konusunda endişelenmenize gerek yok, inşaatçının duyarlı bir yönü var. Web Sitesi Ayarları Nasıl Ayarlanır Özelleştirici, Sol Yan Panelinize bakın. Şimdi “Genel Ayarlar” a aşağı kaydırın. Burada hazırlayabilirsiniz:

Web siteniz adı.

Web sitenizin bir bütün olarak renk şeması ve tipografisi.
Bloglar, başlıklar ve altbilgiler için şablonlar: Hangi arka plan kullanılır, boşluklar, sınırlar, gölgeler vb.

Alan: İçeride düğme, sütun vb.

CSS Özel Stili

Yeni bir web sitesi sayfası oluşturmak istiyorsanız, “sayfa” nı açmak ve “Yeni Ekle” yi seçmek istiyorsanız, WordPress’te Builder’ı kullanarak içerik oluşturma. Sayfanızı adlandıracağınız varsayılan WordPress düzenleyicisine yönlendirileceksiniz. Ardından, “Colibri ile Düzenle” yi seçin. Mevcut WordPress sayfasını düzenlemek istediğinizde, “Colibri’de Düzenle” yi tıklayın.

Sol panelde her “+” işaret için WordPress sayfanıza parçalar nasıl eklenir. Pencereyi bloklar ve bileşenlerle açın. Beğendiğiniz tasarımı bulmak için aşağı kaydırabilir veya sadece kategoriyi yazabilirsiniz. Colibri Maker’da bulunan kategoriler: Kahraman aksanları, Hakkında, Özellikler, İçerik, Harekete Geçme Daveti, Bloglar, Sayımlar, Portföyler, Fotoğraf Galerileri, Tanıklıklar, Müşteriler, Takımlar, Kişiler, SSS ve Fiyatlar. Bu önceden belirlenmiş bir şablondur Seçtiğiniz renk şemasına uygun şablon. Bloklardan birini seçerek, blokta görünen “+” işaretini tıklayarak, blok sayfanın altına yerleştirilir. Sol yan panelin kısmını sürükleyerek ve bırakarak istediğiniz yere taşıyabilirsiniz.
“Boş” blok için de bir seçenek vardır.
Bu, onu isteklerinize göre ayarlayabileceğiniz anlamına gelir. Sonunda, tasarımınızı daha sonra kullanmak için kaydedebilirsiniz. Her bölümün sağ üst köşesindeki ayar simgesinden, satır başına öğe sayısını ayarlayabilir, öğeleri yeniden düzenleyebilir, yeni bloklar ekleyebilir ve hatta tüm parçaları silebilirsiniz.
WordPress sayfanızın kısmını nasıl ayarlayabilirsiniz Metni değiştirmek istiyorsanız, bunu sıralı, yani o kısmında, canlı olarak yapabilirsiniz. Düğmede metin için bir satır düzenleme mevcut değildir. Soldaki panelde yönetilecekler. Resimleri sitenizden değiştirmek istiyorsanız, her şey sezgiseldir. Resminizi seçerek başlayın.

Ayrıca soldaki panelde de görebilirsiniz. Resmi tıklayın. Görüntü yüklemenizi veya kütüphanelerden birini seçmenizi isteyen yeni bir pencere göreceksiniz. Yüklemeyi seçerseniz, çekerek ve kaldırarak yapabilirsiniz. Şimdi, bahsettiğim panele geri dönün, 3 ana seçeneği vardır: Düzen, Stil ve Devam. Sağdaki web sitesi önizlemesinin bir bölümünü her seçtiğinizde, uygun parça panelini göreceksiniz.
Birer teker alalım:
Düzen
Burada kabın genişliğini ve yüksekliğini yapı seviyesinde ayarlayabilirsiniz. . Basitçe söylemek gerekirse, bir kap bir blok tarafından işgal edilen gerçek alandır. Kapta içeriği (metin, resim) yerleştirirsiniz. İçeriğinizin mesafesini ve üst veya altta ne kadar yakın yerleştirildiğini de ayarlayabilirsiniz. Bloğunuza yeni çizgiler de ekleyebilirsiniz.
Stil
Bu seviyede, bloğunuzun arka planını ayarlayabilir veya bir bölücü ekleyebilirsiniz. Bölücü, web sitesinin ne zaman bittiğini veya başladığını gösteren görsel bir işarettir.
Gelişmiş

Bu heyecan, çocuklar! Tipografi ve uzaydan duyarlı olana kadar, en küçük web sitesi ayrıntılarına girebileceğiniz yer burasıdır. Normal veya yüzen elemanın durumuna bağlı olarak varyasyonlar yapabilirsiniz. Blogdaki belirli öğeleri seçerseniz, diyelim ki başlık, aynı panel solda görünecektir.

Bu, düzenlemenizle daha ayrıntılı olabileceğiniz anlamına gelir. Daha ayrıntılı başlıklardan ve öğelerden bahsetmişken, buna “bileşen” denir. Onlarla nasıl oynayabileceğinizi görelim. WordPress Site Bileşenlerinizdeki Bileşenler Nasıl Kullanılır Başlık, Sürücü, Bölücü, Düğme, Güney Kore, Fiyat ve daha fazlasına başvurun. Bloklarla aynı şekilde erişilebilirler. Yan yana oturdular ve sürükle ve bırak işlevleri vardı. Colibri 40 bileşen sunar. Daha önce de belirtildiği gibi, “Düzen”, “Force” veya “Devam” a giderseniz, soldaki panelden ayarlayabilirsiniz. Çok cihazlı dünyada hücresel duyarlılığın, tamamen duyarlı bir web sitesine sahip olmak çok önemlidir. Varsayılan olarak, Skyline hücresel duyarlı bir temadır. Bu, parçaların çeşitli cihazlara göre ayarlanacağı anlamına gelir. WordPress sitenizin ekranını bir tablet veya hücreselde görmek istiyorsanız, sol alt kısımdaki kontrollerle oynarken bunu yapabilirsiniz.

Ayrıca cep telefonlarındaki belirli özellikleri, örneğin “Devam” seçeneğinde gizlemeyi de seçebilirsiniz. WordPress Customer’da bir menü nasıl oluşturulur Şimdi, sayfanızı tasarladığınızı ve menüye eklemeniz gerektiğini söyleyin. Sağdaki panelde, sitenizde olduğu gibi yukarıdan aşağıya sıralanan tüm parçalarınız var. Altbilgi son bölümünüz. Altında, bazı ek özellikler göreceksiniz.

Burada menünüzü oluşturabilirsiniz. “Yeni Bir Menü Oluştur” i seçtikten sonra menü adınızı verebilir ve yerleşimi (üstbilgi, altbilgi, sayfa vb.) Seçebilirsiniz. “İleri” yi seçerken, sayfanızı “Öğe Ekle” seçeneğinden menüye ekleyebilirsiniz. Bundan daha kolay olamaz. WordPress widget ile nasıl çalışılır Widget’ın kenar çubuğuna, altbilgiye ve sitenizin diğer alanlarına ekleyebileceğiniz bir içerik bloğu olduğunu söylemiştim. WordPress Maker eklentisini kullanırken, widget’ı yalnızca WordPress yan çubuğunuz için kullanacaksınız, çünkü daha önce tasarlanmış bir altbilgi düzeniniz var. Genellikle kenar çubuğu blog sayfası tarafından kullanılır. Her temanın arama bıçaklarından, son yayınlardan ve yorumlardan, sosyal widget’lardan görüntülere ve videolara kadar farklı bir widget seçeneği vardır. Instagram profilinizi kenar çubuğunda görüntülemek istediğinizi varsayalım, bunun için bir WordPress Instagram Widget var.

En sevdiğim widget’lardan biri özel HTML düzenlemesine izin veren bir widget. Çok güçlü olduğunu hissediyorum. Bu söyleniyor, biraz bitmişsin. Tebrikler, WordPress siteniz aktif ve çalışıyor! Şimdi, WordPress’te siteler oluşturmak için diğer yöntemleri kontrol edelim. B. Varsayılan WordPress (Gutenberg) Düzenleyicisini kullanarak bir WordPress web sitesi nasıl oluşturulur. Bunu çok hızlı yapacağım. Bu editör WordPress’te hala yenidir (bu, Aralık 2018’den beri varsayılan WordPress editörüdür), ancak topluluğun katkısı sayesinde büyümeye devam etmektedir. Klasik WordPress editörü şöyle görünüyor:

Şimdi var:

Şimdi, bilmeniz gereken şey, tüm temaların bu yeni editörle uyumlu olmadığıdır. Bir Gutenberg-Siap bulmalısın. Sınırlı WordPress Varsayılan Düzenleyicisi ile Düzen Tasarımı. Bu aynı zamanda bloklara da dayanır. Şimdi, önceki bölümde bildiğiniz gibi, blok her şey olabilir: başlık, resim, düğmeler, videolar vb. Şimdi, neden konuyla ilgili ısrar etmiyorum: Gutenberg’in incelemesini kontrol ederseniz, en son 1’dir. Yıldız İncelemesi. Bu iyi bir deneyim değil. Lansmandan bu yana 2 yıl geçti ve ortadaki birçok güncelleme olmasına rağmen, bu hala erken aşamalarda. WordPress artık düzenleme deneyiminin gelişebilmesi için yeni bir blok oluşturmak için topluluğa bağlı. Kaden gibi size yardımcı olabilecek araçlar var, ama oraya gelmedik. 6. Temalar ve Eklentilerden Yapılan Önemli WordPress eklentisi WordPress ekosistemini yükleyin. Bu, eklentilerin nasıl yükleneceğine dair çok kısa bir öğreticidir.

Eklenti Önerilerimiz

tip Eklenti İşlevi nedir?

<td class = "wpdt-cell wpdt-bağdaş wpdt-bc-009688 wpdt-tc-fffff" veri-hücre-data-col-index = "2" WordPress Maker sürükleme işlevini sağlar ve temanızı kaldırın colibri seo wordpress eklentisi

Organik olarak sıralamasına yardımcı olabilecek minimum web sitesi değişiklikleri SEO YOAST

Wordpre eklenti şekli ss Değerli kullanıcı verilerini yakalamak için bir form kullanın (elbette onayla bunlar). Class = “wpdt-cell-row”> pazarlama e-posta Müşterileriniz ve müşterilerinizle iletişimde kalmak için bir pazarlama kampanyası geliştirin.

wordpress için mailchimp Güvenlik eklentisi Kötü amaçlı yazılımları temizleme ve gayri meşru girişten korunma. 5 “> jet paketi WordPress E-Niaga Eklentisi

Çevrimiçi bir mağaza oluşturmanıza yardımcı olmak için. row-index = “6”> woocommerce medya kitaplığı yöneticisi Ortamınızı yönetmenize yardımcı olmak için. > <td class = "wpdt-cell wpdt-bold" veri-hücre-data-col-index = "0" data-low-index = "8" anti-spam Sitenizin tehlikeli içerik yayınlamasını önleyin. https://akismet.com/ analitik Kullanıcınızın trafiğini ve davranışını anlamanıza yardımcı olun. Google Analytics

Şimdi başka bir konuya gidelim: sayfa hızı.Hem ziyaretçileriniz hem de Google, sitenizin hızı konusunda çok endişelidir.Neden Google?Hız, organik olarak sıralanırken dikkate alınan önemli bir faktördür, yani burada: Sitenin hızı kullanıcılar için neden kötü ve sonunda siz?Onlara kötü bir deneyim sunarsanız, teklifinize dahil olmayabilirler, hatta yakın gelecekte geri dönmeyebilirler.Google’ın 2018’deki araştırmasına göre, hücresel kullanıcıların% 53’ü yüklenmesi 3 saniyeden fazla süren bir site bıraktı (Holy Moly!).Ve gör!

Yükleme sayfası hücresel ziyaretçileri nasıl etkiler (not: bağlı, siteden ayrılmak anlamına gelir)? . Öyleyse, kullanıcılarınızdan ve Google’dan başparmak almayacak şekilde web sitenizin performansını nasıl düzeltebilir ve web sitenizin performansını nasıl artırabilirsiniz? 2 sıradan çözüm seçtim (orada çok daha fazlası var, ama oldukça teknik). ● Web sitenizi optimize et Resim resmi orijinal boyutuna yüklenmemelidir. Ayrıca, JPEG (daha az renk) yerine PNG kullanmayı deneyin. Smush, görüntü sıkıştırma için WordPress eklentimizdir. Görünür kalitede bir azalma görmeyeceksiniz ve sayfanızın hızı optimize edilecektir. ● Basit önbellekleme, önbellek daha sonra erişilecek içerik için geçici depolama sağlar. Web siteniz, aynı ziyaretçi tarafından ilk veya beşinci kez erişilirse farklı şekilde yüklenir. Nedenmiş? Önbellek tarayıcısıyla uğraştığınızda, tarayıcınız dosyanın bir kopyasını web sitesinden kullanıcı cihazında (sabit sürücü, cep telefonu) saklar. Web sitesi önbellek olduğunda, tarayıcının yalnızca yeni veya güncellenmiş bir sayfa yüklemesi gerekir ve yeni bir sunucu isteği başlatmaya gerek yoktur. “Dönüş” düğmesini tıklarsanız aynı şey olur

, tarayıcınız önbellekten bir sayfa görüntüler.Bu da yavaş bir internet bağlantısı ile uğraşırken çok yararlıdır, sayfa hızlı bir şekilde yüklenecektir.Önbelleklemenin nasıl çalıştığı hakkında daha fazla bilgi edinmek ister misiniz?Burayı oku.Burada önerdiğimiz araçlar şunlardır: Web sitesinin performansını artırarak ve yükleme süresini azaltarak W3 Total Cache (W3TC) SEO ve Site Kullanıcı Deneyimini Artırın.Sinek kuşları.JavaScript Dosya Sıkıştırma, HTML & CSS gibi sevdiğimiz birkaç ek özelliğe sahiptir.Şimdi, web sitenizin ne kadar hızlı yüklendiğini nasıl kontrol edebilirsiniz?Google’ın yalnızca size yardımcı olacak bir aracı vardır ve ayrıca bazı iyileştirme fikirleri verir.Bonus: UX Tasarım İpuçları ve Püf noktaları “Gökyüzü sınırdır” dediğimi hatırla

WordPress sayfa yapımcısı ile? Şey … her zaman “ama” var. Web siteleri tasarlarken, her zaman kitleyi veya alıcı kişiliğini (söz konusu pazarlamacılar gibi) düşünmelisiniz. Onlara web sitenizde harika bir deneyim sunmanız gerekir, bu UX’in (kullanıcı deneyimi) kısaltmasıdır. Bunun için, sorunsuz bir kullanıcı deneyimi sağlamak için izlemeniz gereken bazı kurallar vardır. Web sitesinde kullanıcıların ihtiyaçlarını karşılamak çok fazla düşünmek istemiyor. Kolayca okunabilen ve anlaşılabilen yararlı bilgilere ihtiyaçları vardır. Birçok tıklamadan veya ileri geridan oluşan deneyime ihtiyaçları yoktur. İnsanlar anında memnuniyet ararlar: ihtiyaç duyduklarını hızlı ve kolay bulun. Bu web sitenizde olmazsa, başkalarını arayacaklardır. Görsel Hiyerarşi Web sitesinin tüm bölümleri eşit olarak ele alınmaz, bazıları diğerlerinden daha önemlidir (formlar, düğmeler, başlıklar, değer önermeleri, vb.). Kullanıcınızın nereye inmesini istiyorsunuz? Nereye tıklamasını istiyorsun? İstediğinizi başarmasına yardımcı olmak için görsel ipuçlarından yararlanın. Sayfalardaki tüm unsurlar bir tur rehberi olarak davranmalıdır. Araştırmacılar, Web Sitesini Z -şekilli bir desende soldan sağa okuyan kullanıcıların bulunduğunu bulmuşlardır.

Bu, en önemli bilgilerinizi yönlendirmeniz gerektiği anlamına gelir. Kolay Navigasyon Gezinme bıçaklarını basit tutmak zorundasınız, çok fazla seçeneğe girmeyin. Kullanıcılar olasılıktan bunalmış olduğunda paradoksal bir seçim durumu ile sonuçlanabilirsiniz. Sayfa, gezinme pürüzsüz olması ve kullanıcının önceki sayfayı açmak için birçok kez “Geri” i tıklamaması için dahili olarak başka bir ilgili sayfaya bağlanması gerekir. Beyaz alandan yararlanın. Boş alan, sindirilmiş içerik alanlarında bilgilerin düzenlenmesini sağlar. Bu, kullanıcıları daha rahat hissettirir ve veri miktarından bunalmamış olmaz. Aynı renk şeması (tutarlılık) web sitenizdeki süper karanlık veya süper yoğun renklerden kaçın. Kullanıcıları gönderebilirler. Web sitenizin önemli yönlerini vurgulamak için daha güçlü bir renk kullanabilirsiniz. Dengeli bir renk kullanın. İşte biraz ilham. Ve bir sonraki UX tasarım prensibine geçmeden önce bir şey daha. Renk dünyada bir anlamı vardır, çeşitli duygularla bağlantılıdırlar. Bu infografik konuyu vurgulayacak.

Etkili yazı kullanın, aşırı kopyalar ve tıklamalar kullanmayın. Sağduyu ile, doğal dilde yazmak jargon kullanmaz (herkes belirli teknik kelimelere aşina değildir).

Max kullanın. Smashing dergisi tarafından önerildiği gibi, satır metni başına maksimum 3 boyutta-maksimum 18 kelime veya 50-80 karakter. Sosyal Kanıt kullanın Neden size, işletmenize veya ürününüze güvenmeliyim? Biz insanlar sosyal yaratıklarız. Bir toplulukta yaşıyoruz, arkadaşlarımız ve ailemiz var. Etkileyenlerimiz olabilirler. Onların görüşlerini çok önemsiyoruz. . Sizin için bazı örnekleri listelememe izin verin: ● Derecelendirmeler ve İncelemeler ● Referanslar

● Hayır. Müşteriler (“İyi bir şirkettesiniz”).

● Müşterilerin logoları

● Sonuçlarla desteklenen vaka çalışmaları

● Özellik ve ödüller

Ayrıca, en son tasarım trendlerini öğrenmek istiyorsanız, kıyı yaratıcı insanlar konuyla ilgili muhteşem bir infografik yaptılar. Sonuçlar buna sargı diyebiliriz, değil mi? Kısa bir şekilde gitmek istiyoruz, sizi bilgi ile boğmak değil. Ama sonunda, şeytan ayrıntılarda. Size helikopter manzarasını verdik. Mesele şu ki, web sitenizi 2 saatten daha kısa bir sürede çalıştırabilirsiniz. Ancak, ne kadar çok özellik, sayfa, içerik eklemek isterseniz, o kadar uzun sürer. Ve en son web tasarımı trendlerini ihmal etmeyin. Yine de son bir şey, eğer DIY tipi iseniz, kesinlikle bir spin için işbirliği oluşturucumuzu almanız gerekir! İşte tonlarca özellik kullanarak bir WordPress web sitesi nasıl oluşturulacağına dair bir video.
Şimdi, bu makaleyi beğendiyseniz ve bir WordPress web sitesi nasıl tasarlayacağınız hakkında daha fazla bilgi edinmek istiyorsanız, YouTube kanalımıza abone olduğunuzdan ve bizi Twitter ve Facebook’ta takip ettiğinizden emin olun!

admin

Bir Cevap Yazın

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