Ada lebih dari 1 miliar situs web di dunia https://www.millforbusiness.com/how-many-websites-are-there/ dan WordPress mendukung setidaknya 35% dari mereka https://w3techs.com/technologies/details/cm-wordpress/all/all.
WordPress adalah CMS terbesar, dan dengan kemudahan penggunaan, fitur, dan banyaknya plugin dan tema, WordPress praktis bagi semakin banyak pengguna HTML yang ingin beralih ke WordPress.
Dalam artikel ini, kami membahas semua yang perlu Anda ketahui tentang mengonversi HTML ke WordPress.
Bagaimana cara mengonversi HTML ke WordPress untuk pemula?
Ada dua cara mengonversi HTML ke WordPress:
Metode 1: Mengonversi tema HTML Anda ke WordPress. Ini berarti situs web WordPress baru Anda akan terlihat sama dengan situs HTML Anda.
Metode 2: Terkadang, metode pertama untuk menyalin seluruh desain dari HTML ke WordPress bisa terasa membingungkan. Dalam kasus seperti ini, Anda dapat menggunakan tema anak untuk mempertahankan beberapa elemen desain, meskipun situs web WordPress baru Anda tidak akan terlihat persis sama dengan situs HTML Anda.
Metode 1: Bagaimana Mengubah Seluruh Desain HTML ke WordPress?
Anda perlu menggunakan beberapa kode. Jangan khawatir, caranya cukup mudah. Ikuti saja panduan langkah demi langkah kami.
Langkah 1: Buat folder tema di komputer Anda.
Beri nama folder dengan nama tema yang ingin Anda gunakan. Buat berkas-berkas ini di dalam folder tersebut dengan editor kode (Notepad juga bisa).
- style.css
- index.php
- header.php
- sidebar.php
- footer.php
Anda tidak perlu mulai membuat kode sekarang. Biarkan berkasnya terbuka, dan kita akan membahasnya nanti.
Langkah 2: Buka style.css dan tambahkan kode ini di atas.
/*
Nama Tema: Nama tema Anda.
URI Tema: URI Tema Anda
Deskripsi: Ceritakan sesuatu tentang tema Anda.
Versi: 1.0
Penulis: Nama Anda atau kredensial perusahaan Anda.
URI Penulis: Alamat situs web Anda.
*/
Karena Anda sudah memiliki situs web, Anda seharusnya juga memiliki akses ke berkas CSS-nya. Setelah menambahkan kode di atas, Anda perlu menyalin dan menempelkan semua kode dari berkas CSS sebelumnya ke style.css.
Langkah 3: Salin kode berikut ke file index.php Anda.
” id=”posting- ”>
Diposting pada oleh
Diposting di bawah:
Simpan file.
Langkah 4: Dengan cara yang sama, Anda harus menyalin kode header, sidebar, dan footer yang ada ke file baru Anda.
Untuk melakukan hal itu, Anda harus terlebih dahulu mengetahui bagian mana dari HTML Anda yang merupakan header, yang merupakan sidebar, dan yang mana is bagian kaki.
Untuk memudahkan Anda memahaminya, berikut adalah contoh situs web HTML dasar yang kami buat.
Ini adalah kode HTML halaman tersebut:
Contoh Situs Web
Contoh Situs Web
Rumah
Sesi
Acara
Cara Bergabung
Tentang Kami
Hubungi kami
Ini adalah situs web sederhana yang kami buat untuk memberi tahu Anda cara mengonversi situs web HTML menjadi WordPress.
</div?
Tentang
Layanan
Klien
Kontak
Hak Cipta ©
Nama perusahaan Anda
Hak cipta dilindungi undang-undang.
Template Dirancang Atas Nama Anda
Tetap Terhubung
Langkah 4.1: Menyalin Kode Header.
Kode HTML situs web Anda tidak akan sama dengan contoh yang kami berikan di atas, tetapi akan menggunakan tag yang samags seperti , , .
Sekarang, dari kode HTML Anda, sorot semuanya dari awal of pembukaan tag, dan salin ke file header.php yang Anda buat.
Salin juga kode ini tepat sebelum Tag ini akan memastikan plugin WordPress berfungsi dengan baik.
File header.php akan terlihat seperti ini setelah kita menyalinnya dari situs web.
Contoh Situs Web
Contoh Situs Web
Rumah
Sesi
Acara
Cara Bergabung
Tentang Kami
Hubungi kami
Langkah 4.2: Bilah Samping
Salin semua yang ada di antara ke dalam kode HTML Anda ke sidebar.php. Ini adalah bagian pada contoh di atas.
Tentang
Layanan
Klien
Kontak
Langkah 4.3: Konfigurasi Footer.php
Salin semua yang ada setelahnya elemen ke dalam file footer.php. Tambahkan juga tepat sebelum menandai.
Hak Cipta ©
Nama perusahaan Anda
Hak cipta dilindungi undang-undang.
Template Dirancang Atas Nama Anda
Tetap Terhubung
Langkah 5: Zip semua file ke dalam folder tema.
Untuk itu, Anda dapat mengunduh 7zip di https://www.7-zip.org/download.html. Berikut adalah sumber daya tentang cara mengompres file Anda dengan perangkat lunak tersebut. https://www.inmotionhosting.com/support/website/compress-file/.
Setelah selesai, simpan semua file dan tutup. Buka Dasbor Admin WordPress. Klik Tampilan>Tema>Tambah Baru>Unggah Tema. Pilih folder zip yang Anda buat pada langkah di atas, dan klik Pasang sekarang.
Setelah Anda mengunggah tema Anda, Di dasbor Anda, buka Penampilan>Tema, dan aktifkan itu.
Metode 2: Bagaimana cara membangun situs web WordPress dari tema anak?
Tema anak dibangun di atas tema lain. Saat Anda memasang tema anak, desain situs web mungkin berubah, tetapi struktur intinya akan tetap sama.
Ikuti langkah-langkah berikut untuk membuat Tema Anak WordPress untuk situs web HTML Anda:
Langkah 1: Pilih tema yang sesuai untuk situs web WordPress Anda.
Langkah 2: Di komputer Anda, buat folder tema. Nama folder harus berupa nama tema dalam huruf kecil tanpa spasi, diikuti akhiran -child.
Misalnya, jika nama temanya adalah Madd Magazine, maka nama folder Anda harus maddmagazine-child.
Langkah 3: Buat file style.css di folder Anda. Anda dapat melakukannya dengan perangkat lunak penyunting kode apa pun, atau bahkan Notepad. Salin kode berikut dan simpan file:
/*
Nama Tema: Nama Tema, Diikuti oleh Anak (Contohnya, Majalah Madd Child)
URI Tema: URI Tema Anda
Deskripsi: Ceritakan sesuatu tentang tema Anda.
Versi: 1.0
Penulis: Nama penulis yang membuat tema induk.
URI Penulis: Alamat situs web Anda.
Lisensi: Lisensi Publik Umum GNU v2 atau yang lebih baru
URI Lisensi: http://www.gnu.org/licenses/gpl-2.0.html
Domain Teks: madd-magazine-child (Ganti dengan nama tema yang Anda pilih)
*/
Langkah 4: Buat file lain bernama functions.php dan salin kode yang sama persis seperti di style.css.
Langkah 5: Ubah folder tersebut menjadi zip dengan 7 Zip, lalu unggah tema anak ke Situs WordPress Anda dan publikasikan.
Kesimpulan:
Antarmuka Pengguna dan alat WordPress yang sangat mudah digunakan membuat desain dan penerbitan lebih nyaman dibandingkan dengan classic HTML.
Selain itu, 7481 tema WordPress https://wordpress.org/themes/browse/popular/ memberi Anda banyak pilihan tentang bagaimana situs web Anda terlihat, dan dengan 50,000 plugin https://wp-rocket.me/blog/wordpress-plugins-many/ Anda memiliki banyak alat untuk penerbitan dan analisis saat Anda menggunakan CMS.
Informasi di atas seharusnya cukup bagi Anda untuk mengonversi HTML ke WordPress. Jika Anda masih memiliki pertanyaan, Anda dapat menghubungi Growth Pro, sebuah tim yang akan membantu Anda.dan kami akan melakukan yang terbaik untuk membantu Anda.