Advertisement
  1. Code
  2. Theme Development

Mengembangkan tema WordPress pertama Anda: Hari 1 dari 3

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Developing Your First WordPress Theme.
Developing Your First WordPress Theme: Day 2 of 3

Indonesian (Bahasa Indonesia) translation by Dika Budiaji (you can also view the original English article)

Tema adalah bagian besar dari apa yang membuat WordPress menjadi populer seperti sekarang, dan dalam seri tiga-bagian ini kami akan membawa Anda melalui langkah-langkah proses yang hasilnya menyelesaikan, fungsi WordPress tema. Pengetahuan tidak diperlukan, ini adalah tempat yang sempurna untuk memulai jika Anda benar-benar baru di WordPress!


WordPress Themes

Selamat datang di bagian pertama dalam seri tiga bagian tentang bagaimana untuk memulai dengan membuat tema untuk WordPress. Tema adalah salah satu hal terbaik tentang WordPress dan kemudahan untuk ditemukan, instalasi, dan memodifikasi mereka adalah salah satu faktor yang telah membantu WordPress menjadi raksasa yang sekarang ini - lebih dari 20 juta blogs di-host di WordPress.com sendiri.

Dari jutaan orang yang menggunakan WordPress, ada kemungkinan bahwa sebagian besar para pengguna tidak tahu bagaimana untuk menghasilkan website template, apalagi membuat WordPress theme. Hal ini juga sangat mungkin bahwa banyak pengguna WordPress tidak akrab dengan istilah-istilah seperti 'FTP' atau 'Uploading'. Terima kasih kepada mesin telusur built-in tema dan tema installer, pengguna tidak perlu tahu rincian teknis atau aspek bagaimana tema bekerja atau bahkan bagaimana untuk meng-upload mereka ke hosting account.

Ini adalah aspek kemudahan penggunaan tema yang membuat WordPress platform blogging yang kuat ini, mendukung tidak hanya blog pribadi dan diary, tetapi beberapa blog teknologi dan Berita terbesar di internet hari ini. Ada bahkan seluruh pasar yang mengandalkan WordPress Tema, seperti ThemeForest, dimana author membuat jutaan dolar setiap tahun.

Jadi, kami telah menetapkan bahwa tema penting, tetapi Anda mungkin tahu semua ini sudah. Jika Anda membaca, maka itu jelas Anda ingin melompat on board dan mulai membuat tema Anda sendiri untuk penggunaan pribadi Anda sendiri, untuk berbagi dengan orang lain, atau menjual di pasar atau lainnya. Dalam rangka untuk tema Anda untuk memiliki dampak atau menjadi populer, sangat penting untuk memahami make-up tema yang baik.


Apa yang membuat tema itu bagus?

Sebuah tema WordPress mudah untuk mengetuk bersama-sama, tapi tema yang baik membutuhkan perencanaan, persiapan dan banyak usaha. Banyak orang membuat hidup yang baik dari menjual tema WordPress karena mereka tahu apa yang membuat tema yang baik dan mereka tahu bagaimana untuk menempatkan pengetahuan itu dalam praktek - bakat yang Anda berharap untuk didapatkan.

Seri ini difokuskan pada mengambil yang ada, kode HTML/CSS desain dan mengubahnya menjadi hidup, memberi napas WordPress tema. Jelas, ini berarti bahwa Anda akan perlu untuk memiliki desain bahwa Anda dapat mengkonversi, tapi jangan khawatir jika Anda tidak memiliki satu, kami akan menyediakan satu sederhana untuk berlatih dengan di bagian dua.

Karena Anda akan merancang tema Anda tanpa tangan membantu kami, mari kita lihat beberapa hal yang membedakan yang terbaik menjual tema dari tema standar freebie yang tidak mendapatkan banyak waktu development.

Desain keseluruhan

Hal ini agak sulit untuk menggambarkan, tapi tema perlu melihat dirancang dengan baik oleh standar desain modern. Apa yang saya maksudkan dengan ini adalah bahwa hal itu penting untuk mengetahui tren dan harapan dari desain modern web. Hari ini, font replacement, CSS3 gradien, transparent boxes dan 'noisy background' adalah online fashion, tapi 10 tahun yang lalu itu masih biasa untuk memiliki jalur kursor, animasi gifs, dan flaming teks...

Berapa banyak dari Anda hanya shuddered? Tentu saja, semua trik dan tren berada di luar cakupan dari seri ini dan itu turun ke Anda untuk memutuskan pada daya tarik desain. Itu selalu ide yang baik untuk mendapatkan community feedback dari situs-situs seperti Dribbble atau Forrst karena mereka rumah bagi banyak desainer tema terkemuka tema dan pengembang.

Widget Support

Sesuatu yang umum untuk semua tema paling populer adalah dukungan mereka untuk widget. Bagi mereka yang telah tinggal di bawah batu bertahun-tahun; widget adalah kecil, disesuaikan add-on yang sering ditampilkan di sidebar atau footer dari tema-tema. Widget adalah pilihan besar extendability lain untuk WordPress yang membantu membuatnya begitu populer.

Banyak tema-tema datang dengan widget kustom yang dibangun khusus untuk tema, WordPress juga datang dengan built-in widget standar seperti kalender, kotak pencarian atau arsip. Melalui dashboard mungkin untuk menyesuaikan di widget urutan apa yang ditampilkan dan bahkan di daerah mana (sidebar, footer atau di tempat lain) mereka muncul.

Widget bagus karena mereka menawarkan user jalan yang mudah untuk menambahkan fungsionalitas ke tema tanpa harus menyentuh baris kode. Widget (kebanyakan) menggunakan standar class CSS, berarti Anda tidak perlu mempersiapkan diri untuk setiap widget tunggal yang dibuat, hanya menyediakan beberapa aturan sederhana untuk mereka semua untuk mengikuti.

Komentar dan Trackback Support

Salah satu kesalahan yang paling umum yang saya melihat banyak pengembang Wordpress tema baru yang dibuat adalah untuk melupakan trackback, dan tidak benar mendukung sistem komentar. Meskipun tidak setiap blog menggunakan trackback, penting untuk menyadari bahwa itu bisa menjadi deal breaker bagi banyak blog yang menampilkan tra kback.

Bagi mereka yang tidak biasa atau tidak sepenuhnya menyadari apa itu trackback; mereka adalah cara yang bagus untuk membangun link masuk dan mulai jaringan dengan blogger lain. Tapi mereka berbeda dari komentar.

Ide pengembang baru untuk support trackback mungkin melibatkan hanya menunjukkan trackback dicampur dengan komentar - sesuatu yang harus dihindari untuk menghindari kekacauan komentar. User yang membaca komentar ke post harus scroll melalui perpaduan ping, trackback dan komentar untuk menemukan apa mereka harapkan ketika mudah untuk mencegah perilaku semacam ini.

Sejak WordPress 2.7, komentar bersarang telah menjadi inti. Komentar bersarang memungkinkan user untuk tidak hanya membalas posting atau halaman, tetapi juga membalas komentar, seperti pada Tuts+ situs (seperti yang ditunjukkan di atas). Komentar bersarang adalah sedikit tricker untuk menerapkan daripada kebanyakan fitur tetapi adalah fitur fantastis ketika dilakukan dengan benar dan dapat sangat meningkatkan nilai tema seperti komentar bersarang mempromosikan kegiatan komentar - sesuatu yang sangat disukai oleh blogger.

Gravatars

Global diakui avatar adalah fitur yang hebat untuk menambahkan ke setiap tema, saya yakin Anda mungkin semua terbiasa dengan mereka, tetapi bagi mereka yang tidak akrab dengan istilah; gravatar adalah avatar terkait dengan email Anda - jadi setiap kali Anda komentar di blog itu menunjukkan avatar Anda telah diatur.

Gravatars sangat mudah untuk diterapkan, asalkan mereka benar ditempatkan dalam desain (bukan sebagai setelah pikir). Meskipun beberapa tema bekerja lebih baik tanpanya, umumnya gravatars memberikan user hubungan lebih dekat dengan sebuah blog seperti menambah sedikit kepribadian komentar.

Feature Post dan avatar

Jika Anda pergi ke marketplace yang populer seperti ThemeForest dan membaca dengan teliti paling populer tema minggu, Anda akan melihat bahwa hampir semua dari mereka memiliki beberapa bentuk posting avatar tersedia. Mari kita lihat di salah satu tema yang paling populer tersedia di ThemeForest — Striking:

Masing-masing pos memiliki sebuah gambar dengan mengatur lebar dan tinggi yang bertindak sebagai avatar. Dengan termasuk avatar post, gambar membantu memecah teks dan memberikan halaman good flow. Tentu avatar tidak harus menjadi seperti ini, di sini cara yang berbeda untuk menampilkan posting avatar digunakan pada adik kami situs Nettuts+:

Banyak cara lain untuk menampilkan post adalah dengan menggunakan featured post section. Umumnya ini lebih umum di majalah style tema (kita tidak akan menggunakan satu tema kami pribadi) tetapi memberikan tema besar tingkat menambahkan fungsionalitas. Berikut adalah contoh dari tema populer:

Seperti yang Anda lihat, di bagian atas tema kita memiliki gambar besar yang dilapisi dengan judul dan kutipan atau Deskripsi posting/halaman itu mengarah pada. Feature post bisa menjadi post yang terpopular bulan ini, atau hanya post terbaru. Mereka sudah sering sedikit kuat untuk blog pribadi, jadi besar untuk menawarkan mereka sebagai pilihan daripada merupakan bagian dari desain wajib. Lebih disesuaikan tema, semakin tinggi kesempatan itu menjadi populer.

Custom Post Type

Tentu saja, tidak semua yang akan post di blog adalah hanya sebuah post blog. Blogger mungkin juga hanya ingin berbagi beberapa form media, seperti vimeo, YouTube video atau audio. Contoh yang fantastis dari integrasi semacam ini adalah tema baru yang disebut Gridlocked:

Gridlocked menggunakan custom post type (dalam hal ini jenis post adalah Videmo post) yang mengembed vimeo ke theme. Beberapa pilihan lain mendukung tema video YouTube, audio player dan post avatar. Semua yang (menggunakan mereka masing-masing custom post type) tampak hebat full width dengan tidak ada margin atau padding di bagian atas tata letak.

custom post type keduanya efektif dan mudah diimplementasikan, blogger hanya menentukan sepotong informasi meta, tema mengambil informasi ini dan memutuskan kode yang ini harus menampilkan.


Komponen dari sebuah tema

Aku yakin Anda mungkin menyadari, tema yang terdiri dari banyak file yang berbeda, masing-masing peran mereka masing-masing menampilkan atau fungsi dari tema. Mari kita lihat beberapa file yang paling umum WordPress mengakui secara default yang akan kita hadapi. Kebanyakan file mudah diketahui berdasarkan namanya:

header.php

Biasanya file ini berisi tema kami sampai </head>, itu juga memainkan home ke fungsi wp_head(), yang merupakan salah satu hook yang paling penting di WordPress.

sidebar.php

File opsional dipangil dengan menggunakan get_sidebar(), Anda dapat menggunakan file ini untuk sidebar, navigasi atau sesuatu yang serupa. Hal ini juga mana Anda biasanya akan termasuk kode untuk memungkinkan widget untuk dijalankan, jika tema Anda memungkinkan mereka.

footer.php

Bagian yang mudah ditebak, ini adalah di mana tema wraps up dan juga mana Anda dapat area kedua untuk widget di tampilkan. Tentu saja Anda dapat menampilkan widget manapun yang Anda inginkan, tapi sidebar dan footer adalah yang paling umum.

page.php

Digunakan untuk menampilkan single page - tidak harus bingung dengan post.

single.php

post file, digunakan untuk menampilkan satu blog post tapi sangat mirip page.php dalam kode.

index.php

Seperti yang Anda mungkin bisa menebak, indeks Apakah sepotong pekerjaan untuk sebuah blog; menampilkan pesan, hasil pencarian, melayani sampai pesan kesalahan dan sebagainya.

functions.php

File functions mungkin baru bagi Anda. Ini adalah dimana tema spesifik fungsi disimpan - umumnya fungsi untuk mendaftar widget yang sudah siap.

comments.php

Menampilkan sebuah loop mirip index.php yang iterates melalui komentar. Hal ini juga dimana trackback, komentar bersarang dan lain terkait fungsi dijalankan.

Tema dapat menggunakan sebagai banyak atau sebagai beberapa theme file yang diinginkan, tapi ini adalah file yang paling umum hampir setiap tema. Struktur file tema adalah pada dasarnya keputusan pengembang tema - misalnya mungkin ada vimeo.php, youtube.php dan audio.php yang menampilkan jenis masing-masing post mereka daripada memiliki semua kode terbungkus dalam satu page.php atau single.php.


Membuat Tema Kustomisasi dengan Options Page

Halaman dashboard options yang memungkinkan mudah kustomisasi tema dapat kesepakatan pembuat. Sebagian besar tema populer memiliki semacam panel pilihan yang meringankan kebutuhan untuk blogger harus pernah memodifikasi file kode atau grafis. Ini adalah titik penjualan besar, karena tidak setiap blogger yang menggunakan tema baru Anda akan tahu bahwa #000000 berarti hitam.

Pilihan halaman dapat tata letak satu halaman sederhana dengan beberapa checkbox, text area dan slider, atau mereka dapat panel admin seluruh dalam dashboard menampilkan beberapa halaman untuk mengendalikan berbagai elemen tema. Biasanya, pilihan halaman memungkinkan kustomisasi elemen seperti:

  • Skema warna
  • Logo (plaintext atau gambar)
  • Favicon
  • Rincian untuk media stream sosial (seperti Twitter username)
  • Berbagai pilihan style
  • Banyak lagi

Mustahil untuk membuat daftar semua pilihan, seperti setiap tema berbeda dari yang terakhir dan membutuhkan tambahan opsional yang berbeda. Sementara tema pribadi yang kecil mungkin tidak memerlukan halaman pilihan penuh sesak nafas, penting untuk diingat bahwa sebagian besar Blogger tidak tech-savvy.


Minggu depan

Minggu depan kita akan melompat langsung ke editor kode kami dan mulai bekerja pada sebuah dasar, personal WordPress theme. Anda lebih selamat datang - didorong - menggunakan tata letak Anda sendiri yang Anda ingin konversi ke WordPress Tema, tapi jangan khawatir jika Anda tidak memiliki satu seperti tata letak sederhana akan disediakan.

Prasyarat untuk minggu depan akan menjadi pemahaman HTML dasar, beberapa pengetahuan dasar PHP dan - ideal - pemahaman CSS. Anda tidak perlu tahu apa-apa tentang tema WordPress karena kita akan mulai dari awal!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.