it-swarm-id.com

Bagaimana cara membuat tema baru dari awal?

Saya baru mengenal WordPress.

Langkah mana yang harus saya lakukan, agar desain baru saya diimplementasikan sebagai tema WordPress?

5
googletorp

Alternatif dari kerangka tema "skinnable" seperti Carrington (yang memang luar biasa) adalah mengintegrasikan desain yang telah Anda lakukan dari awal. Ini adalah bagaimana saya belajar cara membuat tema WordPress kustom. Catatan: ini adalah metode peretasan yang melibatkan banyak eksperimen. Tetapi jika Anda seperti saya, dan belajar terbaik saat bermain-main dengan tangan Anda, ini mungkin banyak mengajari Anda.

BTW, saya anggap Anda tahu HTML, CSS, dan PHP. Jika tidak, pengetahuan tentang teknologi tersebut akan diperlukan untuk membangun tema baru dari awal. Pengetahuan tentang LAMP juga membantu.

  1. Pertama, buat desain Anda dalam kode statis: HTML dan CSS. Pastikan lintas-browsernya ramah dan mencakup semua elemen yang akan dibuat oleh blog WordPress (mis. Komentar, halaman arsip, dll). Juga, tempatkan semua kode CSS ke dalam satu file bernama "style.css" dan pastikan semua referensi file eksternal (untuk CSS, gambar, JS, dll) menggunakan URL relatif, bukan URL absolut.

  2. Dapatkan WordPress berjalan di mesin lokal Anda. Ini akan membutuhkan menginstal Apache, PHP, dan MySQL ke desktop atau laptop Anda. Jika Anda menggunakan Windows, WampServer adalah solusi yang bagus. Jika Anda menggunakan Mac, MAMP juga berfungsi dengan baik. Kemudian instal WordPress.

  3. Buka file untuk tema Default yang disertakan dengan paket instalasi WordPress. Itu ada di folder/wp-content/themes/default /. Tema ini mungkin memiliki lebih banyak file daripada yang Anda perlukan. Sebagai alternatif, Anda juga bisa mulai dengan tema Klasik, yang memiliki lebih sedikit file tema, di/wp-content/themes/classic/tentunya. BTW: Tema default dipilih secara default (duh), tetapi jika Anda ingin memulai dengan tema Klasik, pastikan Anda mengaktifkan tema itu di dalam admin WP, sehingga Anda dapat melihat tampilannya.

  4. Di browser Anda, biarkan bagian Pengembangan Tema dari WordPress Codex terbuka. Anda akan sangat membutuhkannya. Pada Daftar File Templat , Anda akan melihat bagaimana daftar itu memetakan ke file yang Anda lihat dalam tema Default (atau Klasik). Diperlukan beberapa file tema, beberapa tidak.

  5. Tergantung pada jenis orangnya, Anda sekarang dapat mulai mencari-cari dengan file tema dan melihat apa yang berhasil, apa yang rusak, dll. Anda bahkan dapat mulai memindahkan potongan-potongan desain Anda sendiri ke dalam tema ini. Atau, Anda dapat membaca instruksi Pengembangan Tema dengan hati-hati (info pada Loop sangat penting), kemudian kembali dan mengotori dengan file.

Ketika saya mulai melakukan ini, banyak hal akan pecah. Jangan khawatir jika itu terjadi, itu sebabnya Anda melakukan ini di komputer lokal Anda sendiri dan bukan di situs web publik. Keretakan adalah bagian dari kesenangan belajar.

Akhirnya, Anda akan dapat memindahkan potongan HTML dan CSS Anda secara perlahan ke tema Default atau Classic, lalu menjalankan semuanya. Saat itulah Anda akan beralih dari n00b ke Apprentice.

Dan setelah itu, Anda dapat memindahkan potongan kode PHP (yang merupakan WordPress ' Tag Templat ) keluar dari Tema standar atau Klasik, dan ke dalam HTML Anda. Saat itulah Anda akan lulus menjadi Journeyman.

(Saya menganggap seseorang Journeyman Senior yang dapat menulis widget, plugin, dan tema mereka sendiri dengan sangat mudah. ​​Dan seorang Master, pada saat itu, Anda berkontribusi kembali ke WordPress Core.

Saya harap ini membantu.

11
Mike Lee

Anda dapat menggunakan tema "pemula", seperti Starkers , yang menyediakan basis untuk membangun tema Anda sendiri. Ada fungsi minimal di tempat, jadi Anda harus melakukan beberapa pekerjaan sendiri.

Pilihan lain adalah menggunakan kerangka kerja tema, yang berisi banyak fungsi dasar yang bisa Anda gunakan. Pilihannya termasuk Carrington dan Genesis .

Saya sarankan memulai dengan Starkers, yang akan memaksa Anda untuk belajar tentang tag dan fungsi WordPress. Kemudian Anda bisa menggunakan kerangka kerja untuk mempercepat pekerjaan nanti.

Juga, untuk sumber daya tentang pengembangan tema, Anda mungkin ingin melihat jawaban pada pertanyaan ini .

3
Grant Palin

Anda dapat memulai tema Anda sendiri dari awal atau menggunakan kerangka kerja tema yang sudah ada seperti Thematic ( http://themeshaper.com/thematic/ ) dan kembangkan tema Anda tema di sekitar mereka. Jika Anda ingin mengembangkan keseluruhan tema dari awal http://codex.wordpress.org/Theme_Development dan sumber daya lain seperti Wordpress Codex dapat membuktikan menjadi sangat berguna. http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/ juga merupakan tutorial pembuatan tema Wordpress yang sangat bagus untuk pemula.

0
User

Saya mulai selalu dengan WPBasis sebagai tema pembuka dan menulis plugin dan tema untuk persyaratan pelanggan - hanya itu saja

0
bueltge