WordPress özel teması nasıl yapılır

WordPress, dünya web sitelerinin büyük bir yüzdesini kaplar ve şu anda çevrimiçi olan tüm sitelerin% 37’sini oluşturur. Bu başarı için birçok neden ve faktör olmasına rağmen, ana nedenlerden biri tüm kullanıcılar için mevcut özelliklerin popülaritesidir. Eklentiler, temalar, yayınlar, sayfalar, kategoriler, taksonomi, kullanıcıların rolleri ve yalnızca birkaç isim için medyanın işlenmesi. WordPress’ten maksimum sonuç elde etmek için kullanıcıların tüm bu özellikleri nasıl kullanacaklarını öğrenmeleri ve öğrenmeleri tavsiye edilir. Bu blogda, WordPress temalarına odaklanacağız ve tartışacağız ve bir WordPress özel temasının nasıl oluşturulacağı konusunda gerekli temel bilgilerle size rehberlik edeceğiz.
Özel tema nedir? Sitenizdeki her şey ‘tema’ adı verilen bir şey kullanılarak çalıştırılır ve kontrol edilir. Web sitesi teması, web sitesinin özel tasarımı ve işlevselliğinden sorumludur. Tema örnekleri için WordPress temasını veya Themeforest tema deposunu görebilirsiniz; Burada keşfetmeniz ve indirmeniz için binlerce kayıtlı tema bulacaksınız. Yerleşik WordPress temaları çok iyi olsa da, yetenek ve ihtiyaçlarınız varsa, müşteriler için, kendiniz için kendi özel temanızı oluşturmak veya satmak amacıyla pazara gönderilmek isteyebilirsiniz. Ticari bir tema oluştururken, kodlama standartları, dosya yapıları ve klasörleri vb. İçin pazar yönergelerini izlemelisiniz. Bu kılavuz hakkında daha fazla ayrıntı Marketplace web sitesinde bulabilirsiniz.
Bu blogda, süreçle ilgili tüm temelleri ve adımları kapsayarak kendi WordPress temanızı nasıl oluşturacağınıza dair temel genel açıklamayı göstermek için bir öğretici çalıştıracağız. WordPress Kustom Temaları Oluştur WordPress temaları şablon dosyaları, komut dosyaları, stilleri, resimler vb. İle oluşturulur. Devam etmek için, özel bir tema oluşturmak için gereken PHP, HTML ve CSS hakkında bilgiye sahip olmalısınız. JavaScript’i anlamak da ek bir avantaj olabilir. Başlamak için, ‘Updraft’ temasını ilk adlandıracağız. WP-Concent/Themes’de ‘Updraft’ adlı bir klasör oluşturun. Bu ‘Updraft’ klasöründe, temalarla ilgili bir kod yazacak, dosyaları, resimleri, yazı tiplerini vb. Kaydet. WordPress özel temasının ana yazı tipleri şunlardır:
Style.css
İndex.php
Function.php
Style.css ana stil sayfası dosyası olacak ve tüm CSS’nizi bu dosyaya ekleyebilirsiniz. Tema hakkında bilgi başlığını eklemeniz gerektiğini unutmayın. Başlık aşağıdaki biçime benzeyecek ve style.css’in üzerindedir. /* Tema Adı: Updraft Tema Uri: https://updraftplus.com Yazar: UpdraftPlus Yazar URI: https://updraftplus.com Açıklama: Web sitesi için oluşturulan özel tema. Sürüm: 1.0 Lisans: GNU Genel Kamu Lisansı V2 veya Sonrası Lisans Uri: http://www.gnu.org/licensenses/gpl-2.0.html Metin Alan Alan: Updraft */Sonraki, açık görünüm >> temalar, nerede olacak Kayıtlı temanıza bakın. Etkinleştirin. Sitenizi kontrol ettiğinizde, boş bir ekran görüntüleyecektir – çünkü temaya henüz bir şey eklemedik ..
Resimlerinizi, komut dosyalarınızı ve stillerinizi tema dizininize saklamayı unutmayın. Tema dizini ‘WP-Concent/Themes/Updraft’ klasörünü ifade eder. İyi bir klasör yapısı kullanarak ayarladığınızdan emin olun, görüntüler, komut dosyaları ve stiller için özel bir klasör oluşturun; Dosyayı her dizine kopyalayın. Dosya Function.php, farklı amaçlar için bir kod ekleyebileceğiniz bir dosyadır. Bu dosya, WordPress başlatma sırasında otomatik olarak yüklenir ve içinde yazılı kod otomatik olarak yürütülür. Functions.php dosyasındaki aşağıdaki işlemler genellikle şu sırayla gerçekleştirilir: stil sayfası ve kuyruk tema komut dosyaları (JS ve CSS dosyalarını web sitesine ekleyin).
Kenar çubuklarını, navigasyon menülerini, küçük resimleri vb. Etkinleştirin.
Uygulama boyunca kullanılan işlevi belirleyin.
Vb.
Kullanıcılar stillerini ve komut dosyalarını functions.php dosyasından aşağıdaki gibi ekleyebilir. Daha fazla belge için lütfen aşağıdaki bağlantıya bakın. işlev içerir_js_csss () {wp_register_style (“bootstrap”, get_stylesheet_directory_uri (). wp_enqueue_style (“bootstrap”); wp_register_script (‘bootstrap’, get_stylesheet_directory_uri (). ‘/scripts/bootstrap.min.js’, array (), false, true); wp_enqueue_script (‘bootstrap’); } Add_action (‘wp_enqueue_scripts’, ‘dahil_js_css’); Get_stylesheet_directory_uri () işlevi, etkin tema dizininden göreceli bir yol sağlar. Kalan kod bir varlık yolu olarak görülebilir.
Benzer şekilde, bir gezinme menüsü eklemek için, küçük resim yazın: updraft_theme_setup () {add_theme_support (‘post-thumbnails’) işlevi; register_nav_menus (dizi (‘birincil’ => __ (‘birincil menü’), ‘footer1 =’ => __ (‘altbilgi menüsü’), ‘mağaza’ => __ (‘mağaza sayfası menüsü’),); } Add_action (‘After_setup_theme’, ‘updraft_theme_setup’); Ardından, WordPress kontrol panelini açın ve bir gönderi veya sayfa ekleyin. ‘Üstün Görüntü’ bölümünü göreceksiniz. Buna ek olarak, görünüm >> menüler altında, konumun konumunun altında ana menü ve altbilgi menüsünü bulacaksınız. Bu, ‘işlev’ dosyasını kullanırken kapsayabileceğiniz sadece birkaç temel özelliktir. İstenirse bu dosyaya ekleyebileceğiniz çok daha fazlası var. Şablon Dosyaları Temanızı oluştururken, şablon dosyası web sitenizin çeşitli bölümlerinin düzenini ve tasarımını etkilemek için kullanılabilir. Örneğin, bir başlık oluşturmak için bir header.php şablonu veya sitenize yorumları eklemek için şablon yorum.php kullanacaksınız. Şablon dosyaları .php uzantısı vardır. PHP dosyaları olduğundan, tüm sayfalar HTML olarak görüntülenir. Bir şablon kullanarak, geliştirici kodu birçok dosya arasında dağıtabilir. Aşağıda söz konusu dosyalardan bazıları verilmiştir.
İndex.php: ana şablon. Bu dosya gönderme listesinden sorumlu olmalıdır. Gönderi sayfasını Ayarlar >> Okumalardan ayarladığınızda, bu şablon yürütülecektir.
Page.php: Bu şablon sayfanızı oluşturmaktan sorumludur. Bu düzenleme, ayrı bir sayfaya özel bir sayfa şablonu ayarlanarak değiştirilebilir.
Single.php: Bir gönderi query.header.php olduğunda kullanılır: Bu şablona başlık bölümünüzü ekleyin.
Footer.php: Bu şablona altbilgi bölümünüzü ekleyin.
Sidebar.php: Bu şablona widget ekleyin.
Burada bulunan tüm şablon dosyalarının bir listesini alın.
Şablon Özel sayfalar Varsayılan olarak, tüm sayfalarınız şablon sayfası .php aracılığıyla oluşturulur. Ancak pratikte, bazen farklı bir sayfada ayrı bir grafik göstermeniz gerekir. Bu senaryoda, özel sayfa şablonunun gücünü kullanmanız önerilir.
Örneğin, bir ‘kariyer’ sayfanız varsa ve bu sayfaya bir kod eklemek istiyorsanız; Bunu başarmak için, tema dizinine bir kariyer.php dosyası oluşturmanız ve aşağıdaki yorumları dosyanın en üstüne yerleştirmeniz gerekir. <? PHP / * Şablon Adı: Kariyer * / Sonraki, Sayfa Düzenleme bölümünü açın ve bu 'kariyer' şablonunu sayfa öznitelik kutusunun altından ayarlayın.
Şimdi kariyer sayfasını ziyaret ettiğinizde – kariyer.php'den kod yürütülecektir. Web sitesi gölgelik dosyanız tüm sayfalarda genel bir başlık olacaktır. Bu genel başlığı header.php'ye yerleştirebilirsiniz. Başlık kodu şöyle olacaktır: <html > <Meta Charset = " <body > Yukarıdaki kodda, WordPress’te bulunan bazı işlevleri kullandığımızı göreceksiniz.
WP_HEAD (): Bu yöntem belgenize önemli öğeler ekler – örneğin, komut dosyaları, stiller ve tag meta.body_class (): Bu, gövde öğesine farklı sınıflar ekler.
wp_body_open (): gövde etiketi açılır açılmaz kodu girmek için kullanılır.Örnekler- Google Analytics komut dosyaları.

Menü, WP_NAV_MENU () işlevinden dinamik olarak eklenebilir. İlk olarak görünüm altında bir menü yaptığınızı ve bunun için ‘birincil’ konumunu ayarladığınızı varsayarsak. Aşağıdaki kod dinamik bir menü öğesi üretir. ‘birincil’, ‘container_class’ => ‘menü’,); > Başlık dosyanız ayarlandıktan sonra, bu dosyayı diğer şablonunuza girmek için get_header () işlevini kullanın. Dipnotlar başlık dosyalarına benzer, altbilgi için ortak kodunuz footer.php şablonunu girecektir. Burada, bu konumda öğeleri, özellikle komut dosyalarını ekleyen wp_footer () kullanın. Get_footer () kullanma bu dosya içeriğini başka bir yere dahil edecektir. Yan Dosyalar tarafı, sitenizde ana içerikte görüntülenmeyen bilgileri görüntülemek için kullanılan dikey bir sütundur. Bu, popüler makaleleri, reklam afişlerini, bülten nakliye formlarını vb. İçerebilir. Yan bıçaklar, yönetici tarafından ayarlanabilen widget’lar içerir. Sidebar.php şablonu site widget’ınızı içerecektir. Bu örnekte, functions.php dosyasına aşağıdaki kodu ekleyerek temel bir kenar çubuğu oluşturacağız. Updraft_widgets_init () {register_ideBar (‘name’ => eSC_html __ (ev kenar çubuğu ‘),’ id ‘=>’ kenar çubuğu-1 ‘,’ açıklama ‘=> esc_html __ (‘ Yan çubuğunuzda görünmek için widget’lar ekleyin . ‘),’ Önceden_widget ‘=>’ ‘,’ After_widget ‘=>’ ‘
, ‘Önce_title’ => ‘