Wordpress Template
Banyak ingin belajar bagaimana membuat template untuk WordPress.
Dari sisi saya, menawarkan arah lain untuk membuat template, sehingga bahkan berpendapat bahwa lebih baik daripada yang lain, akan dianggap enteng. Oleh karena itu, saya memutuskan untuk membuat beberapa masalah yang pada contoh sederhana, dengan penjelasan rinci saya akan menunjukkan bagaimana hal itu dilakukan sendiri. Jika percobaan ini tampak menarik dan bermanfaat, saya akan sangat senang.
Seperti biasa, saya akan mencoba untuk menguraikan setiap langkah. Untuk mengalami mungkin terasa membosankan, tetapi saya berharap untuk pembaca siap.
Bagaimana dan apa yang akan kita bekerja?
Sebelum Anda mulai menulis template, Anda harus menentukan dasar-dasar. Kita perlu tahu setidaknya empat bidang:
* Kemampuan untuk membaca HTML
* Kemampuan untuk membaca dan memahami CSS
* Memiliki gambar PHP
* Tahu dasar WordPress
Untuk penulisan kode yang kami akan memerlukan paling biasa Notepad atau versi perbaikan, misalnya Notepad2 . Tapi itu tidak mendasar dan Anda dapat memilih versi Anda sendiri. Hal utama adalah bahwa Anda bekerja nyaman dengan itu.
Ide dasar dari template
Langkah pertama adalah bahwa kita harus menentukan struktur template kita. Kita perlu ingat blok fungsional dari WordPress (judul, link, counter, iklan, manajemen, dll) dan membayangkan tempatnya di lokasi.
Saya memutuskan untuk tinggal di -kolom versi pohon , sehingga Anda perlu men-download juga.
Mari kita kembali ke Word Press.
Kerangka kerja yang baru saja kita download berisi kode css-siap melalui mana posisi struktur situs yang sedang terjadi. Tentu saja hal ini adalah minimum, tetapi bagi kita itu adalah solusi ideal, karena kita sekarang dapat menambahkan blok kita sendiri dan desain untuk mereka.
Untuk terhubung template untuk Word Tekan salah satu kebutuhan untuk membuat katalog dalam direktori / themes / yang akan berisi template kita. Template, akan disebut Rioni, masing-masing, direktori akan dengan nama yang sama.
Kita harus berpikir tidak tentang desain atau pemrograman. Pada tahap ini kita hanya harus membuat file yang akan dimengerti oleh WordPress.
File style.css
Deskripsi template disimpan dalam file ini di bagian atas sebagai css-komentar. Artinya, Anda membuat file kosong bernama style.css. Pada bagian paling atas itu kita tulis:
Setelah itu, kita buka frame (file "LayoutGala09.html") dan css copy-gaya (mereka berada antara garis:
Harap dicatat bahwa pengkodean template akan UTF-8. Jika Anda menggunakan lain, kemudian mengubah indikasi yang mana hal ini jelas ditunjukkan. Akibatnya, kita mendapatkan css-file yang kita butuhkan.
File template
Wordpress-template dapat terdiri dari hanya dua file: dan index.php. Style.css Namun, ini bukan pilihan terbaik karena kita akan perlu membagi template untuk bagian-bagian fungsional yang berbeda: menu, basement, header, dll Oleh karena itu , kita akan membuat struktur ini:
* Header.php (penarikan header html)
* Garut (file utama)
* Sidebar-1.php (menu sisi pertama)
* Sidebar-2.php (menu sisi kedua)
* Footer.php (footer)
* Main.php (kesimpulan isi)
File index.php
File ini adalah utama untuk template Word Press. Jika tidak ada file template lain, misalnya home.php (digunakan untuk menampilkan halaman utama), maka Wordpress memberikan manajemen di file index.php.
Buat file index.php. Pada awalnya terhubung:
Kami membutuhkan dia file pertama untuk "terhubung" dengan fungsi dari WordPress, dan dengan kedua, kita terhubung header.php, yang akan berisi html-bagian HEAD.
Setelah itu, kita membuka frame kita dan copy semua baris itu (di index.php):
footer.php File
Dalam file ini kita akan menghubungkan footer situs. Selama kita tidak menyelesaikan semua masalah dengan desain, kami akan menambahkan teks ke file apapun seperti:
1.
Hubungkan footer.php
Buka file index.php dan pada akhir file ada blok footer:
Ini harus:
header.php File
File ini khas di hampir setiap model template. Ini berisi meta-tag, gaya plug, ping dan sebagainya Saya mengutip hanya varian siap karena variasi khusus tidak diperlukan:
Banyak ingin belajar bagaimana membuat template untuk WordPress.
Dari sisi saya, menawarkan arah lain untuk membuat template, sehingga bahkan berpendapat bahwa lebih baik daripada yang lain, akan dianggap enteng. Oleh karena itu, saya memutuskan untuk membuat beberapa masalah yang pada contoh sederhana, dengan penjelasan rinci saya akan menunjukkan bagaimana hal itu dilakukan sendiri. Jika percobaan ini tampak menarik dan bermanfaat, saya akan sangat senang.
Seperti biasa, saya akan mencoba untuk menguraikan setiap langkah. Untuk mengalami mungkin terasa membosankan, tetapi saya berharap untuk pembaca siap.
Bagaimana dan apa yang akan kita bekerja?
Sebelum Anda mulai menulis template, Anda harus menentukan dasar-dasar. Kita perlu tahu setidaknya empat bidang:
* Kemampuan untuk membaca HTML
* Kemampuan untuk membaca dan memahami CSS
* Memiliki gambar PHP
* Tahu dasar WordPress
Untuk penulisan kode yang kami akan memerlukan paling biasa Notepad atau versi perbaikan, misalnya Notepad2 . Tapi itu tidak mendasar dan Anda dapat memilih versi Anda sendiri. Hal utama adalah bahwa Anda bekerja nyaman dengan itu.
Ide dasar dari template
Langkah pertama adalah bahwa kita harus menentukan struktur template kita. Kita perlu ingat blok fungsional dari WordPress (judul, link, counter, iklan, manajemen, dll) dan membayangkan tempatnya di lokasi.
Saya memutuskan untuk tinggal di -kolom versi pohon , sehingga Anda perlu men-download juga.
Mari kita kembali ke Word Press.
Kerangka kerja yang baru saja kita download berisi kode css-siap melalui mana posisi struktur situs yang sedang terjadi. Tentu saja hal ini adalah minimum, tetapi bagi kita itu adalah solusi ideal, karena kita sekarang dapat menambahkan blok kita sendiri dan desain untuk mereka.
Untuk terhubung template untuk Word Tekan salah satu kebutuhan untuk membuat katalog dalam direktori / themes / yang akan berisi template kita. Template, akan disebut Rioni, masing-masing, direktori akan dengan nama yang sama.
Kita harus berpikir tidak tentang desain atau pemrograman. Pada tahap ini kita hanya harus membuat file yang akan dimengerti oleh WordPress.
File style.css
Deskripsi template disimpan dalam file ini di bagian atas sebagai css-komentar. Artinya, Anda membuat file kosong bernama style.css. Pada bagian paling atas itu kita tulis:
1. / * 2. Tema Nama: Rioni 3. Tema URI: 4. Deskripsi: Pelatihan template Rioni 5. Versi: 1.0 6. Pengarang: MAX 7. Author URI: http://iwordpressthemes.com/ 8. * /
Setelah itu, kita buka frame (file "LayoutGala09.html") dan css copy-gaya (mereka berada antara garis:
<style type="text/css"> ... Kami membutuhkan kode ... </ Style>
Harap dicatat bahwa pengkodean template akan UTF-8. Jika Anda menggunakan lain, kemudian mengubah indikasi yang mana hal ini jelas ditunjukkan. Akibatnya, kita mendapatkan css-file yang kita butuhkan.
File template
Wordpress-template dapat terdiri dari hanya dua file: dan index.php. Style.css Namun, ini bukan pilihan terbaik karena kita akan perlu membagi template untuk bagian-bagian fungsional yang berbeda: menu, basement, header, dll Oleh karena itu , kita akan membuat struktur ini:
* Header.php (penarikan header html)
* Garut (file utama)
* Sidebar-1.php (menu sisi pertama)
* Sidebar-2.php (menu sisi kedua)
* Footer.php (footer)
* Main.php (kesimpulan isi)
File index.php
File ini adalah utama untuk template Word Press. Jika tidak ada file template lain, misalnya home.php (digunakan untuk menampilkan halaman utama), maka Wordpress memberikan manajemen di file index.php.
Buat file index.php. Pada awalnya terhubung:
1. <? Php 2. membutuhkan ('/ wp-blog-header.php.'); 3. require_once ('header.php'); 4. ?> 5.
Kami membutuhkan dia file pertama untuk "terhubung" dengan fungsi dari WordPress, dan dengan kedua, kita terhubung header.php, yang akan berisi html-bagian HEAD.
Setelah itu, kita membuka frame kita dan copy semua baris itu (di index.php):
1. </ Head> 2. <body> 3. 4. ... Jadi dari tag ini kita salin ke akhir file ... 5.
footer.php File
Dalam file ini kita akan menghubungkan footer situs. Selama kita tidak menyelesaikan semua masalah dengan desain, kami akan menambahkan teks ke file apapun seperti:
1.
<p> (C) 2007, RIONI </ p> Hubungkan footer.php
Buka file index.php dan pada akhir file ada blok footer:
1. id="footer"> <div <p> Berikut it goes footer </ p> </ div>
Ini harus:
1. <div id="footer"> 2. <? Php require ('footer.php');?> 3. </ Div>
header.php File
File ini khas di hampir setiap model template. Ini berisi meta-tag, gaya plug, ping dan sebagainya Saya mengutip hanya varian siap karena variasi khusus tidak diperlukan:
! <DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "Http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> <wp_title php ();??> </ title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <Meta name = "generator" content = "WordPress <? Php echo $ wp_version?>"> <meta name="description" content=""> <meta name="keywords" content=""> <Link rel = "shortcut icon" href = "<? php echo get_settings ('siteurl');?> / favicon.ico" type = "image / x-icon"> <Rel link = "stylesheet" href = "<php bloginfo ('stylesheet_url');?>?" type = "text / css" media = "screen"> <Link rel = "pingback" href = "<php bloginfo ('pingback_url');??>"> <Rel link = "alternatif" type = "application / rss + xml" title = "RSS 2.0" href = "<php bloginfo ('rss2_url');??>"> <Rel link = "alternatif" type = "text / xml" title = "RSS 0,92" href = "<php bloginfo ('rss_url');??>"> <Link rel = "alternate" type = "application / atom + xml" title = "Atom 0.3" href = "<php bloginfo ('atom_url');??>"> <? Php wp_head ();?> </ Head> <body> <- End header ->
Postingan
