it-swarm-id.com

Bagaimana cara memulai belajar pengembangan tema dan CSS?

Apa saran Anda untuk mempelajari pengembangan tema CSS dan WordPress?

Saya telah menggunakan WordPress selama lebih dari 4 tahun sekarang, tetapi saya tidak pernah benar-benar merasa nyaman dengan CSS atau desain tema (saya bisa Tweak di sana-sini, tapi itu tidak terlalu banyak). Saya ingin sekali dapat melakukan ini, tetapi tidak tahu harus mulai dari mana. Sebagian besar panduan yang saya temui bukan WP spesifik, dan saya khawatir saya akan membahas materi yang berlebihan.

Terima kasih

1
Tal Galili

Pertama-tama berbeda antar barang. WP bukan CSS dan CSS bukan WP. Tapi WP tema menggunakan CSS. Jadi, jika Anda belajar tentang CSS, Anda pada dasarnya tidak melakukan kesalahan (hal yang baik dengan CSS adalah, itu adalah hal yang umum di antara semua situs web ). Bagian lainnya adalah HTML. Dan kemudian Anda memiliki PHP.

Jadi ini adalah tiga bahasa komputer yang digunakan satu sama lain:

  • bahasa pemrograman: PHP
  • bahasa struktural: HTML
  • bahasa khusus domain: CSS

Kemudian Anda memiliki arsitektur jaringan multi-layer: PHP dijalankan di server dan HTML dan CSS disediakan oleh server tetapi dibaca/diproses oleh Browser di komputer klien.

Jadi meskipun tema mungkin terlihat sederhana, dengan WP ini semua dapat dipertukarkan secara campuran dan Anda sendiri harus memisahkan barang-barang tersebut.

PHP ada di "Tema" (PHP) File, HTML dihasilkan (dan juga) di dalam file Tema itu, CSS ada di file CSS.

Jadi pada dasarnya Anda perlu memutuskan sendiri apa yang ingin Anda pelajari. Sebagian besar sumber daya berbeda antara PHP dan HTML/CSS.

Berdasarkan pertanyaan Anda, saya hanya dapat menyarankan Anda untuk belajar CSS. Ini sangat kuat setelah Anda sepenuhnya memahami Cascade. Anda perlu tahu forehand HTML (bukan PHP, hanya HTML). Pada akhirnya CSS sangat penting untuk representasi visual suatu situs web, ini adalah alat yang ampuh untuk menghias situs web mana pun. Jadi Anda bisa menggunakannya dengan segalanya, bahkan tema wordpress;)

Lakukan untuk itu. Jika Anda belum mengerti sampai sekarang setelah 4 tahun, habiskan pendidikan Anda. Saya menyarankan beberapa buku seperti http://oreilly.com/catalog/9780596101978 yang sempurna untuk pendidikan mandiri (di samping berlatih).

CSS itu sendiri sangat baik didefinisikan oleh W3C dan juga HTML. Definisi di sana tidak sangat user-friendly tetapi itu benar sehingga dengan beberapa akan Anda dapat belajar banyak di sana juga. w3schools adalah Nice dibuat juga (dan situs itu entah bagaimana membuatnya selama bertahun-tahun, terlihat setidaknya ada otak di belakangnya). HTML/CSS, yaitu WWW, ambil sumber Anda: D

Untuk PHP ada php.net. Untuk wordpress, yah, itu selalu berubah dan menghabiskan sumber daya karier pribadi Anda, jadi jangan terlalu fokus padanya. Tetap dikembangkan dengan baik, jadi, cari yang bagus untuk Anda, jangan terlalu fokus pada wordpress.

5
hakre

Sejauh CSS berjalan, tidak ada banyak hal khusus WordPress di area ini. Pergi ke w3schools dan ikuti tutorial mereka. Sejauh mempelajari cara membangun tema, dua sumber daya terbaik yang dapat saya rekomendasikan adalah bagian pengembang tema codex dan tema default (seperti sekarang, Dua puluh sepuluh). Baca halaman Pengembangan Tema dan halaman Templat untuk mendapatkan yang baik pemahaman dasar. Kemudian, cukup baca kode sumber tema default, dengan menggunakan dokumen pengembang (terutama tag templat dan Referensi Fungsi halaman) sebagai referensi.

Saya harap ini membantu!

3
John P Bloch

Hal terpenting yang dapat Anda lakukan adalah membuat instalasi WordPress lokal yang dapat Anda mainkan. (Petunjuk untuk: Mac | Windows | Linux ) Ini akan memungkinkan Anda untuk bereksperimen dan membuat kesalahan tanpa seluruh dunia menonton.

Cara tercepat untuk belajar adalah dengan memodifikasi tema yang ada dan membuat tema anak untuk berbagai kerangka kerja . Dari mereka, favorit pribadi saya adalah Tematik . Sangat sulit untuk memulai dari awal, sehingga sumber daya ini dapat membantu Anda memulai.

Untuk mempelajari CSS, w3schools.com adalah sumber daya . Bagi banyak desainer, Firebug adalah alat yang sangat diperlukan. Jangan meninggalkan rumah tanpanya!

2
kylan

Langkah 1: Buat tema anak dari tema orang tua solid yang baik. A. Instal tema tematik. B. Ikuti instruksi mereka untuk membuat tema anak. (Pindahkan folder tema-sampel-anak-tema di luar folder tematik, di bawah wp-content/themes. Sekarang Anda akan memiliki/wp-content/themes/thematic, dan/wp-content/themes/thematic-sample- child-theme C. Ubah nama direktori yang terakhir menjadi nama tema pilihan Anda yang baru D. Buka layar tampilan, dan aktifkan tema baru Anda.

Langkah 2: Edit styles.css, dan bereksperimen dengan CSS. A. Misalnya, tambahkan:

#primary, #secondary {
   background-color: #e8e8d6;   
   margin-right: 10px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   padding:18px 0 0;
}

#branding {
    background: url(http://example.com/wp-content/uploads/2010/09/example.jpg) top left no-repeat;
}

Cara termudah untuk memulai hanya dengan mengubah warna dan font, maka Anda dapat masuk ke hal-hal yang lebih mewah seperti sudut bulat, div mengambang, dll.

Langkah 3: Gunakan style.css asli di direktori/wp-content/themes/thematic sebagai panduan Anda. Benar-benar mempelajari style.css itu. Gunakan referensi seperti http://reference.sitepoint.com/css untuk membantu memahami setiap aturan.

Dengan tema anak Anda dapat mengubah sesedikit atau sebanyak yang Anda suka. Misalnya, beberapa hanya akan mengubah logo #brand, seperti yang ditunjukkan di atas. Semakin banyak Anda mencoba, semakin banyak Anda akan belajar.

2
Marjorie Roswell

orang-orang ini telah banyak membantu saya (dan masih melakukan) http://digwp.com/ Bookis mereka benar-benar handson dan mudah dimengerti & begitu juga blog mereka!

0
user3401

Kylan menyebut Firebug untuk firefox.

Ini alat yang sangat bagus untuk melihat bagaimana orang lain membangun tema mereka.

Unduh beberapa tema yang tampak keren dan gunakan Firebug untuk menjelajahinya. Itu banyak membantu saya ketika saya mulai.

0
Nohl