Sementara posting berikut lebih ditujukan untuk pemula, dan bukan tarif standar untuk blog ini, saya sedang mengerjakan pembicaraan yang lebih mendasar untuk non-pengembang untuk memberikan titik awal untuk apa yang sebenarnya kita lakukan kepada seseorang yang ingin masuk akal. . Tidak mungkin ini mencakup semuanya, tetapi seharusnya cukup untuk membantu seseorang mendapat masalah saat melihat kode situs web
Bahkan pengembang web tingkat lanjut akan menemukan akronim dan terminologi yang membingungkan mereka secara teratur, serta bahasa pemrograman yang belum pernah mereka lihat sebelumnya, apalagi dikuasai. Belum lama ini pengembang mana pun di luar sana tidak dapat membedakan antara jenis kode yang digunakan untuk menjalankan situs mereka dan dengan perubahan baru yang dibuat terus-menerus, tidak ada yang akan mengetahui semuanya
Saya akan membahas secara singkat apa perbedaan antara PHP, HTML, dan CSS, yang merupakan jenis kode paling umum yang digunakan untuk membuat situs web WordPress. Saya juga akan menyentuh sedikit tentang Javascript, karena sebagian besar situs web menjalankan beberapa skrip minimum untuk membantu tugas-tugas untuk setiap halaman
Apa itu HTML?
HTML, yang merupakan singkatan dari Hypertext Markup Language, adalah yang membuat struktur situs web. Ini hanyalah format yang memungkinkan Anda menentukan cara tertentu untuk menampilkan informasi pada halaman. HTML ditulis dalam "tag", yang merupakan jenis struktur yang ditulis di antara tanda kurung buka dan tutup yang terlihat seperti ini.
Tag dapat digunakan untuk membuat tautan, memformat teks, membuat tata letak halaman, dan lainnya. Misalnya tautan tebal ke beranda saya ini terbuat dari kode HTML yang terlihat seperti ini
For instance this bold link to my homepage is made of HTML codeSitus web lengkap dapat dibuat dari HTML dan teks murni, tetapi tampilannya tidak akan terlalu menarik, jadi kami menggunakan CSS untuk menatanya
Apa itu CSS?
CSS, singkatan dari Cascading Style Sheets adalah bentuk kode lain yang menjelaskan tata letak situs. Jika HTML adalah rumah, dengan struktur (dinding, atap, dll) dan isinya, seperti furnitur, CSS adalah warna cat, ukuran ruangan, dan ornamennya. CSS digunakan pada sebuah website untuk membuat desain. Penggunaan "CSS Murni" untuk sepenuhnya memisahkan konten dan gaya adalah standar yang diterima. Teks tebal ini dibuat dengan CSS sebagai lawan dari tag HTML dan terlihat seperti ini.
This bold text is made with CSS_Perbedaannya adalah apa yang ada dalam tanda kutip setelah “style” dalam sebuah tag. Menempatkan CSS di tag dikenal sebagai Inline CSS, sedangkan ada juga Internal Stylesheets dan External Stylesheets. Kedua istilah tersebut masing-masing berarti kode CSS yang ditempatkan di tag gaya dalam dokumen HTML, dan kode yang ditempatkan di file CSS terpisah yang ditautkan di kepala dokumen HTML. Teks tebal seperti ini di stylesheet internal akan terlihat seperti berikut.
Struktur yang sama berlaku untuk stylesheet eksternal, dikurangi tag gaya yang tidak akan ada dalam file CSS murni. Di sinilah bagian "cascading" dari CSS berperan. Kode berpindah dari yang paling sedikit ke yang paling spesifik, memanfaatkan kode yang paling akurat mewakili apa yang ditata. Stylesheet eksternal digunakan, kemudian internal, diikuti oleh gaya inline yang paling penting. Ini berarti bahwa jika stylesheet saya mengatakan semua tag span memiliki teks tebal tetapi gaya inline mengatakan bahwa itu tidak tebal, maka teks akan ditampilkan sebagai tidak tebal. Selain itu, mendefinisikan elemen dengan lebih baik (seperti span. teks berat untuk contoh di atas sebagai lawan dari adil. teks berat) akan membuat kode itu lebih penting dalam penataan. Jika CSS yang Anda tulis tidak mengubah sesuatu seperti yang seharusnya, mungkin saja itu tidak dikatakan lebih penting daripada CSS di tempat lain
Oke, jadi dengan HTML kita membuat halaman web kita dan CSS memungkinkan kita untuk menatanya, tetapi bagaimana jika kita ingin melakukan sesuatu yang dapat memperbarui secara otomatis, seperti menampilkan postingan baru tanpa harus masuk dan mengubah kode setiap kali kita memperbarui blog kita
Apa itu PHP dan MySQL?
MySQL adalah sistem manajemen basis data, yang memungkinkan informasi disimpan dalam tabel untuk diakses nanti. Untuk WordPress ini mencakup semua pengaturan khusus di situs Anda, informasi pengguna, posting dan halaman, dan lainnya. PHP adalah kode yang digunakan untuk berinteraksi dengan database. Kekuatan menyimpan semua konten dalam database berarti Anda dapat mengganti tema dan kode untuk mengubah desain situs web secara radikal dengan tetap mempertahankan konten yang sama
PHP sedikit lebih rumit daripada HTML, tetapi tidak banyak setelah Anda mempelajari sintaks dasarnya. Kode disimpan dalam tag PHP yang terlihat seperti ini
Ini dapat ditempatkan di file sendiri, atau bahkan dapat diselingi dengan HTML. PHP mengakses database untuk menarik informasi yang relevan berdasarkan apa yang Anda perintahkan. WordPress sangat menggunakan PHP untuk menulis fungsi, yang merupakan kumpulan instruksi, untuk mewujudkan sesuatu di situs Anda. Judul artikel ini ditarik dengan kode yang terlihat seperti ini
Itu memanggil fungsi WordPress untuk menampilkan judul posting saat ini. Jika diimplementasikan ke dalam file PHP di situs WordPress Anda, Anda hanya perlu menulisnya sekali, dan itu akan secara otomatis menampilkan judul yang sesuai berdasarkan posting saat ini yang diambil dari database. Ini berarti bahwa setelah Anda memiliki tema yang dibuat dengan benar, Anda dapat dengan senang hati menulis dan memperbarui posting tanpa harus mengkhawatirkan diri sendiri apakah itu akan ditampilkan di situs saat dipublikasikan.
Bagaimana dengan kode lain seperti Javascript?
Meskipun hal di atas sudah cukup untuk membuat situs web WordPress, ada hal lain yang dapat Anda lakukan untuk membuatnya lebih interaktif. Pustaka Javascript dapat dengan mudah menyediakan fungsionalitas tambahan ke situs web Anda. Di situs web ini, misalnya, saya memiliki Javascript yang mengontrol pengelolaan spam, komentar, lightbox untuk gambar, bilah berbagi, tampilan contoh kode, Google Analytics, dan lainnya. Sementara banyak yang bisa dikatakan tentang semua skrip ini dan lebih banyak lagi, sebagian besar dari mereka dapat dengan mudah dimuat dengan halaman untuk memberikan fitur yang diinginkan.
Mungkin menakutkan untuk mulai mengerjakan penyesuaian tema atau membuat sendiri jika Anda belum pernah melakukan desain web apa pun sebelumnya. Saran saya adalah luangkan sedikit waktu setiap hari untuk melihat proyek sederhana dan lihat apakah Anda dapat mengetahui cara membuatnya dan cara kerjanya dengan melihat kodenya. Memulai dari yang kecil akan membantu Anda maju dan bekerja di situs web yang lebih rumit
Apakah Anda memiliki pertanyaan tentang bagaimana semua bahasa ini bekerja sama?