Bir WordPress Sitesi Nasıl Oluşturulur (2021)
Merhaba, bu bizim yeni WordPress serimiz. Bu, WordPress ile bir tek sayfa WordPress web sitesi oluşturulacağına dair ilk gönderidir, ancak gelecekte WordPress’te nasıl yararlı bir şey yapacağınıza dair yeni bir yazı ekleyeceğiz. Bu yazıda, WordPress’te yararlı bir sayfa web sitesinin nasıl oluşturulacağını derinlemesine göreceğiz. Bu makale 3 bölüm halinde düzenlenmiştir. İlk olarak, en başından itibaren WordPress temasına bir sayfa işlevselliğinin nasıl ekleneceğini öğreneceğiz. İkincisi, popüler WordPress temasını göreceğiz ve popüler bir WordPress temasına sahip bir sayfa web sitesi oluşturmayı öğreneceğiz. Üçüncü bölümde, tek sayfalık bir web sitesi tasarlamanın en iyi yolu olan öğreneceğiz.
Tamam, şimdi kahve iç ve yeni bir şeyler öğrenmek için birlikte başlayın. İlk WordPress temasına bir -sayfa işlevselliği ekleyin, yeni WordPress sitenizi basit bir tema veya varsayılan WordPress temasıyla yükleyin veya mevcut WordPress sitenizi değiştirmeye başlayın. JavaScript OnePage Scroller’ı indirip hazırlamanız gerekir. Birçoğunu GitHub’da bulabilirsiniz. Seçim senaryosu JQuery-One-Page-Nav. Bu, tek sayfalık bir sitede gezinme için hafif bir jQuery eklentisidir. Tamam, şimdi size ne yapmanız gerektiğine kaydolacağım:
GitHub’dan jquery.nav.js dosyasını alın ve kullandığınız JS klasörüne yükleyin.
Fonksiyon.
Add_action (‘wp_enqueue_scripts’, ‘codess_one_page’);
/*
* Bir Kuyruk Komut Dosyası Oluşturun
*/
codeless_one_page () işlevi {
wp_enqueue_script (
‘code_satu_halam olmadan’,
get_template_directory_uri (). ‘/js/jquery.nav.js’,
Array (‘JQuery’));
}
Şimdi temanızdan ana JS dosyasını açın. Sonunda, bu çizgiyi ekle
$ (belge). Rapor edilen (function () {
if (window.location.hash)
$ (‘Nav. Menü li A: hayır ([href = “‘+pencere
$ (‘Nav. Menü’). Onepagenav ({
CurrentClass: ‘Mevcut Öğeler’,
ChangeHash: Yanlış,
Kaydırma Hızı: 750,
Gulirambang: 0.5,
});
});
Artık bir sayfa WordPress işlevselliğini yapılandırdığınıza göre, tek yapmanız gereken menü ayarlarını açmak ve özel menünüze böyle bir bağlantı eklemektir: #Features
Şimdi tek sayfalık WordPress menünüz hazır, oluşturduğunuz içeriği açın ve HTML DIV ile ayarlayın: Örneğin:
{İçeriğiniz} Folie folie temalı bir sayfa web sitesi nasıl oluşturulur. Daha önce yapılmış bir iniş ruloları içerir. Gösteri ve verileri yükleyerek başlayalım:
Bu gösteri sadece dikey bir kayma olarak kodsuz kaydırıcı kullanılarak yapılır. Öyleyse her slaytı yapmak istediğimiz sunuma ayarlamaya başlayalım. Ancak içerik eklemeden önce, önce odaklanmanız gereken bazı şeyler var. İşletmeniz için gelişmesine yardımcı olacak bir web sitesi oluşturuyorsunuz. Yani şunları eklemelisiniz: Sizden sunum,
Fikirlerinizi göndermek ve müşterilerinizin ne dediğini görmek için bir blog
SSS sayfası,
Müşteriler sizinle nasıl iletişim kurabilir (iletişim).
Demo temalarınızı ve verilerinizi yükledikten sonra yapılacak ilk şey ilk şeyin ön sayfası, bir blog eklediğimiz için sitenin ve gönderme sayfasını ayarlamaktır. Daha ayrıntılı bilgi için bu diğer öğreticiyi izleyin: Statik Menü Statik Ana Menü olarak ayarlayın Bir web sitesi yapısı en önemlisi, çünkü müşteriler yalnızca ne sunduğunuzu görebilir ve tüm içeriğiniz menüde iyi düzenlenmişse web sitenizin kısmına göz atabilir. Folie ile nasıl bir menü ayarlayacağınızı öğrenmek için lütfen diğer ayrıntılı öğreticiyi izleyin: menüyü ayarlayın
Önce yeni bir menü oluşturun:
İyi bir menü minimal ve sitenizin sunduğuna dair sunumdur. Bu, şimdi odaklanmanız gereken en önemli sayfadır. Başka bir sayfa eklerseniz, daha sonra ayarlayabilirsiniz.
Üstbilgi menünüzü oluşturduktan sonra başlığı ayarlamaya hazırsınız. Codess Builder, başlığa adanmış 2 parça içerir. Başlık – logoları, özel stilleri, açılır ve mobil stilleri, yapışkan, üst başlık satırını ayarlamak için ortak seçenekler içerir.
Üstbilgi Oluşturucu – Bu bölümde, başlayıcıya ekleyeceğiniz bir öğe seçeneği (Sosyal Menü, Menü, Logo, Araçlar, Düğme, Metin)
Basit bir başlık tasarımı ve içeriği kullanıyorum, bu yüzden hat veya ek sınırlar olmadan tam geniş düzen seçtim.
Logo için logo yazı tipini seçtim ve karanlık ve parlak versiyonu yükledim. Başlık hakkında bazı renk ayarları ve diğer yazı tipi boyutları yaptım:
Site kimliği, sitenin kimliğini ayarlamak için önemlidir. Tema seçeneğini açın> Site Kimliği ve Site Başlığı, Slogan ve Favicon’u seçin:
İçerik Ekleme – Slayt (Slayt 1) Önce verandaya içerik eklemeye başlayalım. Tüm siteler kodsuz bir vardiyaya göre yapıldığından, yalnızca slaytları düzenleyebiliriz. İlk slayt ana sayfamızdır. Böylece bir ürün açıklaması ekleyebilir, belki bazı sosyal simgeler veya paylaşım ve etkileşimli arka plan ekleyebilirsiniz: Sürücünün arka planını değiştirmek için> genel seçenekler içeren bir satır açın ve buraya ekleyin. Dikey bir titreme olarak bir kayma yapmak için, kod olmadan kaymayı aç> fare tekerleği seçeneğini etkinleştirin. İçerik ekleyin – Slayt 2 İkinci Slayt’a, pazarladığınız ürünler hakkında bazı hizmetler ve açıklamalar ekleyebilirsiniz: Ayrıca daha etkileşimli sayfalar oluşturmak için arka plan olarak video ekledim. İçerik Ekleme – Slayt 3 Başka içerik ve bazı liste öğeleri ekleyin: İçerik Ekle – Slayt 4
İçerik ekleyin – Altbilimin basit kalması ve müşterilerin sosyal medya aracılığıyla sizinle iletişim kurabilmeleri için bazı sosyal simgeler eklemesi için Slayt 5 (altbilgi): Genel Seçenekler ve Web Sitesi Düzeni Sayfaya başka içerik eklemeden önce, sitenin genel seçeneğini kontrol etmenizi öneririm: Site Seçenekleri – Duyarlı Düzeni, İyi Kaydırma, İsterseniz Favicons’ı seçin, yorumları etkinleştirin ve hatta düğmeler ekleyin. Sayfa Geçiş – Sayfa Geçişlerini Ekle veya Kaldır. Özel Kod – CSS, JS veya özel HTML kodları ekleyin.
ve Düzen Seçenekleri:
Tüm Sayfa Düzeni – Tam geniş düzen seçtim.
Site Konteyneri Genişliği – Pikseldeki site kabının genişliğini belirleyin.
Modern Düzen – Arka plan kenar çubuğu rengine sahip bir web düzeni oluşturmak istiyorsanız döner. Stil üzerindeki rengi değiştirebilirsiniz.
Blog girişleri ve portföy girişleri arasındaki mesafe.
Stil Web Sitesi Düzenleme seçeneği, site tasarımı hakkında her şeyi içerir. Farklı stil seçenekleriyle test etmek için ana sayfayı bitirdikten sonra sitenizi düzenlemenizi öneririm. Tüm web sitesinin ve diğer sayfaların nasıl görüleceğine dair daha kesin fikirleriniz olacak.
Blog sayfamın blog sayfası da basit tutacak ve minimum stili seçecek:
SSS sayfası
İletişim sayfası
Artık kişisel içeriğinizi siteye eklemeye hazırsınız. İnternet’te bir sayfa wordpress temasını nasıl kullanılır, kullanabileceğiniz birçok WordPress bir sayfa premium teması bulabilirsiniz. Birçoğu görsel besteciler gibi sayfa oluşturucularla, bu en popüler. Bir sonraki videoda, speküler tema gibi popüler bir premium wordpress temasına sahip bir sayfa web sitesi nasıl ayarlanacağınızı öğrenebilirsiniz.
WordPress Tasarım ve Tema Eğilimleri Bir sayfadan en iyi satış sayfası hedefi, müşteriler için gereken tüm içeriği bir sayfada görüntülemektir. Bu şekilde, müşteriler bir sayfada gereken tüm özellikleri ve bilgileri daha kolay görebilir. Bu nedenle, aynı zamanda basit kalacak şekilde düzenlemeniz gerekir. Bu şekilde düzenlenmiş iyi organize edilmiş bir modern sayfa: Büyük bir vardiya (bazı durumlarda tam ekran) 3-4 ürün çekirdeği özellikleri Görüntülere veya videolara da kısa bir giriş.
Andastaf ürününüzü kullanmanın bazı durumları
müşteri
Harekete geçme çağrısı
