![\"\"](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Website-migration_in-text-banner.png\/public\")
<\/a><\/figure>Cara Convert HTML ke WordPress<\/b><\/h2>
Ada beberapa cara convert HTML ke WordPress, dan masing-masing memiliki tingkat kesulitan yang berbeda. Seperti:<\/p>
- \n
- Membuat WordPress Theme dari situs statis HTML. Jika Anda ingin tetap mempertahankan desain website HTML yang lama, maka metode ini merupakan opsi yang ideal. Hanya saja, cara ini sangat menantang dan memerlukan coding untuk melakukannya. Namun, jangan khawatir karena Anda hanya perlu melakukan copy\/paste code website HTML lama ke beberapa file PHP.<\/li>\n\n\n\n
- Menghapus desain dan mempertahankan kontennya saja. Opsi ini cocok bagi Anda yang ingin menghapus desain website lama dan menggantikannya dengan tema WordPress yang baru. Anda hanya perlu memindahkan konten ke rumah<\/i> yang baru.<\/li>\n\n\n\n
- Menggunakan child theme dari tema yang sudah ada. Opsi ini merupakan cara termudah jika Anda ingin mempertahankan desain situs web lama. Dengan metode ini, Anda akan menggunakan tema WordPress yang sudah ada dan mengembangkannya. Sebagai bonus, Anda dapat menggunakan sejumlah fitur terbaik WordPress saat itu juga.<\/li>\n<\/ol>
Membuat Tema WordPress Dari Halaman Situs HTML Statis<\/b><\/h2>
Jika tujuan Anda adalah untuk membuat website WordPress dari awal tapi tetap mirip dengan situs HTML yang lama, Anda bisa memilih cara ini. Pada tutorial ini, kami menggunakan template HTML Statis by Rachel McCollin.<\/p>
1. Membuat Folder Tema dan File Dasar<\/h3>
Buatlah folder tema baru pada desktop dan berikan nama. Sebagai contoh, kami menamai foldernya dengan my-theme. <\/b>Setelah itu, buka code editor dan buat file berikut:<\/p>
- \n
- style.css<\/b><\/li>\n\n\n\n
- index.php<\/b><\/li>\n\n\n\n
- header.php<\/strong><\/li>\n\n\n\n
- sidebar.php<\/strong><\/li>\n\n\n\n
- footer.php<\/strong><\/li>\n<\/ul>
Jangan tutup editornya karena masih akan digunakan.<\/p>
2. Mengganti CSS Website Lama ke WordPress Style Sheet<\/b><\/h3>
Anda akan membuat style sheet WordPress dengan menyalin kode lama CSS pada code editor. Buka file style.css<\/b>, lalu paste kode berikut:<\/p>
\/*\nTheme Name: My Theme\nAuthor: LakiGarang\nAuthor URI: https:\/\/hostinger.com\/tutorials\/author\/luqman\nDescription: A development theme, from static HTML to WordPress\nVersion: 1.0\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\n*\/<\/pre>
Kode ini menginformasikan pada WordPress bahwa file tersebut adalah header stylesheet tema. Anda dapat mengedit detail, seperti nama tema, penulis dan URL, deskripsi, dll.<\/p>
Tepat setelah header, copy dan paste kode CSS lama Anda ke dalam file. Simpan dan tutup file.<\/p>
3. Split HTML Situs Web Lama Anda<\/b><\/h3>
WordPress menggunakan PHP untuk menarik informasi dari basis datanya. Jadi, Anda perlu melakukan split HTML situs web lama menjadi beberapa bagian agar nantinya dapat disatukan dengan benar.<\/p>
Prosesnya cukup mudah. Mari kita lihat bagaimana tampilan situs web dan kodenya terlebih dulu.<\/p>
\n![\"contoh](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/sample-website-preview.jpg\/public\")
<\/figure><\/div><!DOCTYPE html>\n<!--[if lt IE 7]><html lang=\"en-US\" class=\"ie6\"><![endif]-->\n<!--[if IE 7]><html lang=\"en-US\" class=\"ie7\"><![endif]-->\n<!--[if IE 8]><html lang=\"en-US\" class=\"ie8\"><![endif]-->\n<!--[if IE 9]><html lang=\"en-US\" class=\"ie9\"><![endif]-->\n<!--[if gt IE 9]><html lang=\"en-US\"><![endif]-->\n<!--[if !IE]><html lang=\"en-US\"><![endif]-->\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width\" \/>\n<title>WordPress Writer and Instructor | RACHEL McCOLLIN<\/title>\n\n<link rel=\"stylesheet\" type=\"text\/css\" media=\"all\" href=\"style.css\" \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Assistant|Oswald\" rel=\"stylesheet\">\n\n<\/head>\n\n<body>\n \n <div class=\"header-bg\">\n \n <header role=\"banner\">\n \n <hgroup class=\"site-name three-quarters left\">\n \n <!-- site name and description - site name is inside a div element on all pages execpt the front page and\/or main blog page, where it is in a h1 element -->\n <h1 id=\"site-title\" class=\"one-half-left\">\n <a href=\"https:\/\/rachelmccollin.com\/\" title=\"RACHEL McCOLLIN\" rel=\"home\">RACHEL McCOLLIN<\/a>\n <\/h1>\n \n <h2 id=\"site-description\">Fiction and Technical Writer<\/h2>\n \n <\/hgroup>\n \n <div class=\"right quarter\">\n \n <a class=\"toggle-nav\" href=\"#\">☰<\/a>\n \n <\/div> <!-- .right quarter -->\n \n <\/header><!-- header -->\n \n <\/div><!-- header-bg-->\n \n \n <!-- full width navigation menu -->\n <nav class=\"menu main\">\n \n <div class=\"skip-link screen-reader-text\"><a href=\"#content\" title=\"Skip to content\">Skip to content<\/a><\/div>\n \n <div class=\"main-nav\">\n <ul class=\"menu\">\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/\">Home<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/about-me\/\">About Me<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/books\/\">Books<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/bookclub\/\">Book Club<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/blog\/\">Blog<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/contact\/\">Contact<\/a><\/li>\n <\/ul>\n <\/div> \n \n <\/nav><!-- .main -->\n \n\n <div class=\"main\">\n \n <div id=\"content\" class=\"two-thirds left\">\n\n <article class=\"post\">\n \n <h2 class=\"entry-title\">Welcome to This Website<\/h2>\n \n <section class=\"entry-content\">\n \n <p>This site is comprised of one static HTML file.<\/p>\n <p>You will be able to add more content later via the WordPress admin screens.\n \n <h3>Here's a heading so you can check how it's styled<\/h3>\n <p>And another paragraph underneath.<\/p>\n <p>And a list:<\/p>\n \n <ul>\n <li>Item 1<\/li>\n <li>Item 2<\/li>\n <li>And so on...<\/li>\n <\/ul>\n \n \n <\/section><!-- .entry-content -->\n\n <\/article><!-- #post-## -->\n\n <\/div><!-- #content -->\n\n \n <aside class=\"sidebar one-third right\">\n\n <aside class=\"widget-area\">\n \n <div class=\"widget-container\">\n \n <h3 class=\"widget-title\">Buy My Book<\/h3>\n \n <img width=\"242\" height=\"300\" src=\"https:\/\/premium.wpmudev.org\/wp-content\/themes\/wpmudev-2015-1\/assets\/img\/projects\/snapshot-hero@2x.png?v=1\" alt=\"WordPress: Pushing the Limits by Rachel McCollin\" style=\"max-width: 100%; height: auto;\" \/>\n \n <p><em>WordPress: Pushing the Limits<\/em> will help you become a professional WordPress developer.<\/p>\n \n <\/div>\n \n <\/aside>\n\n <\/aside>\n \n <\/div><!-- .main -->\n\n\n <footer>\n \n <div class=\"fatfooter\">\n \n <p>Add footer content here with <a href=\"#\">widget areas<\/a> - the tutorials will show you how.<\/p>\n \n <\/div>\n\n <\/footer>\n\n<\/body>\n<\/html><\/pre>
Buka file index.html<\/b> situs web statis lama dan split file tersebut menjadi file WordPress yang baru dibuat. (Contoh di bawah ini adalah markup kami).<\/p>
header.php<\/b><\/p>
Semuanya mulai dari awal kode HTML lama hingga area konten utama ada di file ini. Area konten utama biasanya dinyatakan dengan <main><\/b> atau <div class = ”main”><\/b>.<\/p>
Selain itu, tepat sebelum elemen <\/head><\/b>, copy and paste kode <?php wp_head();?>. Kode ini memastikan plugin WordPress berfungsi dengan baik. Setelah itu, simpan file.<\/p>
<!DOCTYPE html>\n<!--[if lt IE 7]><html lang=\"en-US\" class=\"ie6\"><![endif]-->\n<!--[if IE 7]><html lang=\"en-US\" class=\"ie7\"><![endif]-->\n<!--[if IE 8]><html lang=\"en-US\" class=\"ie8\"><![endif]-->\n<!--[if IE 9]><html lang=\"en-US\" class=\"ie9\"><![endif]-->\n<!--[if gt IE 9]><html lang=\"en-US\"><![endif]-->\n<!--[if !IE]><html lang=\"en-US\"><![endif]-->\n<head>\n<meta charset=\"UTF-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width\" \/>\n<title>WordPress Writer and Instructor | RACHEL McCOLLIN<\/title>\n\n<link rel=\"stylesheet\" type=\"text\/css\" media=\"all\" href=\"style.css\" \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css?family=Assistant|Oswald\" rel=\"stylesheet\">\n<?php wp_head();?>\n<\/head>\n\n<body>\n \n <div class=\"header-bg\">\n \n <header role=\"banner\">\n \n <hgroup class=\"site-name three-quarters left\">\n \n <!-- site name and description - site name is inside a div element on all pages execpt the front page and\/or main blog page, where it is in a h1 element -->\n <h1 id=\"site-title\" class=\"one-half-left\">\n <a href=\"https:\/\/rachelmccollin.com\/\" title=\"RACHEL McCOLLIN\" rel=\"home\">RACHEL McCOLLIN<\/a>\n <\/h1>\n \n <h2 id=\"site-description\">Fiction and Technical Writer<\/h2>\n \n <\/hgroup>\n \n <div class=\"right quarter\">\n \n <a class=\"toggle-nav\" href=\"#\">☰<\/a>\n \n <\/div> <!-- .right quarter -->\n \n <\/header><!-- header -->\n \n <\/div><!-- header-bg-->\n \n \n <!-- full width navigation menu -->\n <nav class=\"menu main\">\n \n <div class=\"skip-link screen-reader-text\"><a href=\"#content\" title=\"Skip to content\">Skip to content<\/a><\/div>\n \n <div class=\"main-nav\">\n <ul class=\"menu\">\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/\">Home<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/about-me\/\">About Me<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/books\/\">Books<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/bookclub\/\">Book Club<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/blog\/\">Blog<\/a><\/li>\n <li class=\"menu-item\"><a href=\"https:\/\/rachelmccollin.com\/contact\/\">Contact<\/a><\/li>\n <\/ul>\n <\/div> \n \n <\/nav><!-- .main --><\/pre>
sidebar.php<\/b><\/p>
Segala sesuatu yang menjadi bagian <aside … <\/aside><\/b> dalam kode HTML lama ada di file ini. Setelah selesai, simpan file tersebut.<\/p>
<aside class=\"sidebar one-third right\">\n\n <aside class=\"widget-area\">\n \n <div class=\"widget-container\">\n \n <h3 class=\"widget-title\">Buy My Book<\/h3>\n \n <img width=\"242\" height=\"300\" src=\"https:\/\/premium.wpmudev.org\/wp-content\/themes\/wpmudev-2015-1\/assets\/img\/projects\/snapshot-hero@2x.png?v=1\" alt=\"WordPress: Pushing the Limits by Rachel McCollin\" style=\"max-width: 100%; height: auto;\" \/>\n \n <p><em>WordPress: Pushing the Limits<\/em> will help you become a professional WordPress developer.<\/p>\n \n <\/div>\n \n <\/aside>\n\n <\/aside><\/pre>
footer.php<\/b><\/p>
Akhir file adalah informasi footer dan menjadi bagian dari file ini.<\/p>
Tepat sebelum braket penutup <\/body><\/b>, tambahkan kode <?php wp_footer();?> yang punya fungsi sama seperti kode di header.php<\/b>. Simpan file jika semua proses sudah selesai.<\/p>
Tutup file index.html <\/b>yang lama dan file lainnya di folder tema, kecuali header.php<\/b> dan index.php<\/b>. Kedua file ini masih harus digunakan.<\/p>
<\/div><!-- .main -->\n\n\n <footer>\n \n <div class=\"fatfooter\">\n \n <p>Add footer content here with <a href=\"#\">widget areas<\/a> - the tutorials will show you how.<\/p>\n \n <\/div>\n\n <\/footer>\n <?php wp_footer();?>\n<\/body>\n<\/html><\/pre>
4. Ubah Style ke Format WordPress<\/b><\/h3>
Di header, Anda hanya perlu mengubah style sheet dari format HTML ke format WordPress. Cari tautan yang ada di bagian <head><\/b>. Kira-kira tampilan tautannya seperti ini:<\/p>
<link rel=\"stylesheet\" type=\"text\/css\" media=\"all\" href=\"style.css\" \/><\/pre>
Ganti barisan kode di atas dengan barisan kode di bawah ini:<\/p>
<link rel=\"stylesheet\" href=\"<?php echo get_template_directory_uri(); ?>\/style.css\" type=\"text\/css\" media=\"all\" \/><\/pre>
Simpan dan tutup file header.php<\/b>.<\/p>
Buka file index.php<\/b>. Belum ada apa-apa saat ini di dalam file tersebut, jadi copy dan paste baris kode ini:<\/p>
<?php get_header(); ?>\n\n<?php get_sidebar(); ?>\n<?php get_footer(); ?><\/pre>
Kode ini akan ‘memanggil’ sisa file WordPress Anda. Perhatikan ruang antara header dan sidebar. Di ruang inilah Anda akan menambahkan The Loop.<\/p>
The Loop akan memproses setiap posting untuk ditampilkan, dan memformatnya menurut kesesuaian konten dengan kriteria dalam tag The Loop. Hal ini penting untuk menambahkan konten dinamis ke situs WordPress Anda.<\/p>
Untuk melakukannya, code dan paste kode berikut tepat setelah <?php get_header (); ?>:<\/b><\/p>
<?php while ( have_posts() ) : the_post(); ?>\n <article class=\"<?php post_class(); ?>\" id=\"post-<?php the_ID(); ?>\">\n <h2 class=\"entry-title\"><?php the_title(); ?><\/h2>\n <?php if ( !is_page() ):?>\n <section class=\"entry-meta\">\n <p>Posted on <?php the_date();?> by <?php the_author();?><\/p>\n <\/section>\n <?php endif; ?>\n <section class=\"entry-content\">\n <?php the_content(); ?>\n <\/section>\n <section class=\"entry-meta\"><?php if ( count( get_the_category() ) ) : ?>\n <span class=\"category-links\">\n Posted under: <?php echo get_the_category_list( ', ' ); ?>\n <\/span>\n <?php endif; ?><\/section>\n <\/article>\n<?php endwhile; ?><\/pre>
Simpan dan tutup file index.php<\/b>. Tema WordPress berhasil dibuat. Kini Anda dapat menambahkannya ke situs WordPress.<\/p>
5. Unggah Tema Anda ke WordPress<\/b><\/h3>
Langkah selanjutnya adalah mengunggah tema dasar ke WordPress. Semua file di dalam folder tema harus berada di tempat yang sama. Untuk melakukannya, zip semua file.<\/p>
Masuk ke Dashboard Admin WordPress. Pilih Appearances<\/b> > Theme<\/b>. Klik Add New<\/b> > Upload Themes<\/b>.<\/p>
\n![\"tampilan](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/upload-tema.jpg\/public\")
<\/figure><\/div>Di menu, cari file zip tema Anda, lalu unggah, kemudian klik Install Now.<\/b> Setelah itu, aktifkan tema.<\/p>
\n![\"setelah](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/tema-di-unggah-ke-wordpress.jpg\/public\")
<\/figure><\/div>Kini tampilan front end akan terlihat seperti situs HTML lama. Walaupun desain dasarnya terlihat sama, ada banyak hal lain yang harus Anda lakukan untuk menjadikan integrasi lebih baik.<\/p>
Misalnya, Anda tidak bisa menggunakan fitur WordPress, seperti area widget. Anda juga perlu menyesuaikan markup CSS untuk membuatnya menjadi bagian dari desain asli WordPress.<\/p>
Menghapus Desain dan Mempertahankan Kontennya Saja<\/b><\/h2>
Jika tidak ingin menggunakan desain website HTML yang lama dan hendak menggantinya dengan tema yang baru, maka cara kedua ini merupakan metode yang tepat. Cara ini juga akan memudahkan Anda dalam mengimpor konten.<\/p>
Anda hanya perlu menginstal dan mengaktifkan tema yang diinginkan dan ikuti langkah-langkah di bawah ini.<\/p>
\n\n\n
Penting<\/strong>: Selalu backup situs WordPress Anda sebelum membuat perubahan apa pun. <\/p><\/div>\n\n\n\n<\/p>
1. Instal Import Plugin 2<\/b><\/h3>
Buka Plugin <\/b>> Add New<\/b> dan cari nama Import Plugin 2 untuk diinstal. Karena termasuk dalam plugin lama, posisi Import Plugin 2 berada di bagian bawah. Meski demikian, tool ini masih dapat berfungsi dengan baik. Klik install <\/b>dan aktifkan.<\/p>
\n![\"plugin](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/html-import-plugin.jpg\/public\")
<\/figure><\/div>2. Persiapan Proses Impor<\/b><\/h3>
Pilih Settings<\/b> -><\/b> HTML Import <\/b>di WordPress. Anda dapat mengimpor beberapa halaman sekaligus atau satu halaman saja dalam sekali waktu.<\/p>
\n![\"pengaturan](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/html-import-setting.jpg\/public\")
<\/figure><\/div>Plugin ini mengarah ke path tertentu, seperti html-files-to-import<\/b>. Hal ini berarti Anda perlu mengunggah file HTML ke server yang sama dengan server instalasi WordPress. Jika menginginkan informasi lebih lanjut, Anda dapat merujuk ke panduan pengguna yang resmi.<\/p>
Untuk mengimpor konten, pilih tag HTML di bagian atas dan beri tanda centang untuk konfigurasi pada tiga kolom berikut.<\/p>
\n![\"centang](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/setting-impor-konten.jpg\/public\")
<\/figure><\/div>Setelah selesai, klik save settings<\/b>.<\/p>
3. Proses Impor Konten Dimulai<\/b><\/h3>
Tombol Import Files<\/b> akan muncul segera setelah Anda menyimpan pengaturan. Jika Anda melewatkan tombol tersebut, pilih Tools<\/b> > Import<\/b> dan klik Run Importer<\/b> di bawah opsi HTML.<\/p>
\n![\"mengimpor](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/mulai-import-content.jpg\/public\")
<\/figure><\/div>Pilih opsi apakah ingin mengimpor direktori file atau satu file saja, lalu klik Submit<\/b>. Hasilnya konten lama akan tersedia di situs WordPress baru.<\/p>
Menggunakan Child Theme Adaptasi dari Tema yang Ada<\/b><\/h2>
Jika Anda ingin mempertahankan beberapa bagian dari desain situs web yang lama tetapi metode pertama agak menyulitkan, maka penggunaan child theme bisa menjadi alternatifnya.<\/p>
Child theme memungkinkan Anda untuk memanfaatkan ribuan tema yang ada (yang disebut parent theme) di WordPress dan membangun situs baru pada child theme tersebut.<\/p>
Anda juga bisa mengubah tampilan situs tanpa mengganggu inti parent theme-nya. Modifikasi yang dilakukan tidak akan hilang selagi tema diperbarui.<\/p>
Kami telah menulis artikel yang lebih lengkap tentang cara membuat child theme<\/a> WordPress. Pada tutorial ini, kami akan menggunakan Childify Me<\/a> agar prosesnya lebih mudah bagi user pemula.<\/p>
\n\n\n
Penting<\/strong>: Selalu backup situs WordPress sebelum melakukan perubahan.<\/p><\/div>\n\n\n\n<\/p>
1. Pilih Tema yang Cocok<\/b><\/h3>
Sebagai dasar untuk membangun website Anda, pilihlah tema yang sesuai. Akan lebih baik jika Anda dapat menemukan tema yang mirip dengan desain situs web lama, jadi tidak perlu melakukan banyak perubahan nantinya.<\/p>
Masuk ke direktori tema WordPress<\/a> dan pilih tema yang cocok. Pada tutorial ini, kita akan menggunakan tema Twenty Seventeen<\/a> sebagai langkah awal.<\/p>
2. Instal Childify Me<\/b><\/h3>
Pilih Plugins <\/b>> Add New<\/b> dan cari nama Childify Me. Install<\/b> dan aktifkan<\/b>.<\/p>
\n![\"menginstal](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/install-childfy-me.jpg\/public\")
<\/figure><\/div>[quote] Catatan<\/strong>: Plugin Childify Me membuat file style.css<\/b> dan function.php<\/b>. Jika ingin menambahkan fungsi khusus dalam file functions.php<\/b>, folder\/file baru, Anda dapat mengunggahnya dengan menggunakan FTP client. Jika menggunakan Hostinger, File Manager kami akan membantu Anda dalam mengelola file langsung dari control panel. [\/quote]<\/p>
3. Kustomisasi Parent Theme<\/b><\/h3>
Pilih Appearance<\/b> > Themes<\/b>. Pastikan bahwa parent theme telah diaktifkan. Klik Customize<\/b>, dan arahkan ke panel kustomisasi dari tema yang aktif saat ini.<\/p>
\n![\"kustomisasi](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2019\/08\/kustom-tema.jpg\/public\")
<\/figure><\/div>4. Childify Parent Theme<\/b><\/h3>
Klik tombol Childify M<\/b>e, dan beri nama untuk child theme Anda. Sebaiknya beri nama yang mirip dengan parent theme. Klik create<\/b>. Setelah itu, klik activate and<\/b> preview<\/b>.<\/p>
5. Mengimpor Konten<\/b><\/h3>
Kini situs WordPress baru sudah terlihat seperti website HTML statis yang lama. Langkah terakhir adalah mengimpor konten. Gunakan metode seperti yang sebelumnya.<\/p>
Selamat! Anda telah berhasil memindahkan situs web HTML statis ke WordPress.<\/p>
Kesimpulan<\/h2>
Cukup melelahkan, ya? Di artikel ini kami telah membahas apa saja yang perlu dilakukan sebelum mengonversi situs HTML statis ke WordPress dan berbagai metode yang dibutuhkan.<\/p>
Anda dapat membuat tema WordPress dari nol. Metodenya memang sulit tetapi bisa jadi alternatif yang bagus jika Anda tahu cara menggunakan kode serta punya banyak waktu untuk melakukannya.<\/p>
Anda juga dapat menggunakan plugin untuk mempermudah proses konversi, dan mengimpor semua konten ke platform yang baru.<\/p>
Semoga dengan membaca artikel ini, Anda sudah paham cara convert HTML ke WordPress. Sampai jumpa di artikel selanjutnya!<\/p>\n","protected":false},"excerpt":{"rendered":"
Apakah Anda tahu jika statistik saat ini menunjukkan bahwa WordPress mensupport 33% website di internet? Sebagai pemilik website, mungkin Anda berniat untuk mengonversi situs statis HTML Anda ke WordPress. Sebenarnya, memiliki sebuah website berbasis HTML tidak masalah karena HTML5 masih terhitung cukup mendukung, terlebih bagi website showcase. Namun untuk hal lain, WordPress menyediakan solusi yang […]<\/p>\n
- index.php<\/b><\/li>\n\n\n\n
- Menggunakan child theme dari tema yang sudah ada. Opsi ini merupakan cara termudah jika Anda ingin mempertahankan desain situs web lama. Dengan metode ini, Anda akan menggunakan tema WordPress yang sudah ada dan mengembangkannya. Sebagai bonus, Anda dapat menggunakan sejumlah fitur terbaik WordPress saat itu juga.<\/li>\n<\/ol>