Mengubah HTML ke WordPress (Langkah-demi-Langkah)


Konversi HTML ke WordPressJalan dari situs yang dibangun dengan HTML murni ke WordPress bukanlah jalan yang pendek. Dari pengalaman semua teks, desain web telah beralih ke kehadiran web yang sangat interaktif. Selain itu, kita tidak lagi harus menulis markup sendiri tetapi dapat membiarkan sistem manajemen konten melakukan hal yang berat.


Namun, itu tidak berarti bahwa situs web HTML statis tidak ada lagi. Faktanya, HTML5, iterasi terbaru dari bahasa markup, sangat kuat dan memungkinkan Anda untuk membangun situs web berkualitas tanpa CMS di belakangnya..

Namun, meningkatnya pangsa pasar WordPress menunjukkan bahwa semakin banyak orang beralih ke platform.

Pangsa Pasar WordPress pada 2019

Bagi sebagian dari mereka, itu berarti pindah dari HTML statis ke WordPress. Ini bisa menjadi tugas yang menakutkan, tetapi posting ini akan berusaha menjelaskan bagaimana melakukannya dengan beberapa cara sederhana.

Di bawah ini, kami akan menunjukkan kepada Anda beberapa cara bagaimana mengkonversi dari HTML ke WordPress. Pertama, Anda akan belajar apa pilihan yang berbeda serta pro dan kontra mereka. Setelah itu, kami akan menunjukkan kepada Anda bagaimana cara mengeksekusi masing-masing langkah demi langkah.

Mari kita pergi.

3 Cara untuk Bergerak dari HTML Statis ke WordPress

Untuk berpindah dari HTML ke WordPress, Anda perlu mengubah desain HTML Anda menjadi tema WordPress. Tema mengontrol tampilan dan perasaan situs web WordPress, sementara fungsionalitas disediakan oleh CMS sendiri serta plugin tambahan.

Untuk beralih, Anda memiliki beberapa opsi. Yang mana yang tepat untuk Anda tergantung pada faktor-faktor seperti waktu dan uang yang Anda mampu dan mau investasikan, keterampilan koding Anda, dan preferensi pribadi. Berikut ini adalah opsi utama.

A) Konversi HTML Secara Manual ke Tema WordPress

Opsi pertama juga yang paling teknis. Jika Anda menggunakan rute ini, Anda akan mengambil kode yang ada dan menggunakannya sebagai titik awal untuk membuat file tema WordPress.

Tidak terlalu rumit, terutama jika Anda memiliki pengalaman pengkodean. Anda dapat melakukannya dengan sedikit HTML, CSS, dan beberapa pengetahuan PHP. Banyak yang menyalin dan menempel.

The downside: sementara Anda akan berakhir dengan tema WordPress yang berfungsi, itu tidak akan memiliki semua kemampuan yang ditawarkan WordPress. Misalnya, kecuali Anda membangunnya setelah fakta, situs Anda akan tanpa area widget atau kemampuan untuk mengubah menu Anda dari backend WordPress.

Meskipun situs Anda akan melakukan tugasnya, Anda tidak akan dapat mengelolanya sepenuhnya melalui WordPress. Karena alasan itu, kami pribadi lebih suka opsi berikutnya.

B) HTML ke WordPress melalui Tema Anak WordPress

Menurut pendapat kami, ini mungkin jalan yang paling mudah dan paling masuk akal dalam hal upaya dan investasi moneter. Alih-alih menggunakan situs yang ada sebagai titik awal, Anda malah menggunakan tema WordPress yang sudah jadi. Anda kemudian hanya menyesuaikan desainnya sehingga menyerupai situs web lama Anda.

Dengan melakukan hal itu, Anda dapat memanfaatkan WordPress sepenuhnya sambil tetap mempertahankan tampilan situs lama Anda. Anda juga tidak perlu menambahkan fitur WordPress sesudahnya. Sebagai gantinya, Anda dapat membangun di atas tema yang ada – sesuatu yang dibuat secara khusus untuk platform WordPress.

C) Impor Konten dari HTML ke WordPress Menggunakan Plugin

Jelas, jika Anda tidak bersikeras menggunakan desain Anda saat ini dan terbuka untuk mengubahnya, segalanya menjadi lebih mudah. Dalam hal ini, yang perlu Anda lakukan adalah membuat situs, menginstal tema, dan mengimpor konten HTML Anda. Seperti yang akan Anda lihat di bawah, ini adalah proses yang sangat cepat dan tidak menyakitkan.

A) Cara Mengkonversi HTML ke Tema WordPress Secara Manual

Jika tujuan Anda adalah memulai dari awal dan membuat tema WordPress Anda sendiri yang menyerupai situs web HTML Anda yang ada, mulailah dari sini.

Jangan khawatir jika kedengarannya mengintimidasi, Anda akan melihat bahwa itu sama sekali tidak. Hanya beberapa file dan folder, serta beberapa salin dan tempel, yang diperlukan.

1. Buat Folder Tema dan File Dasar

Hal pertama yang perlu Anda lakukan adalah membuat folder tema baru. Anda dapat melakukannya di desktop seperti halnya direktori pada komputer Anda. Beri nama apa pun yang Anda inginkan untuk memanggil tema Anda.

Setelah itu, buka editor kode dan buat sejumlah file teks. Beri nama mereka sebagai berikut:

  • style.css
  • index.php
  • header.php
  • sidebar.php
  • footer.php

Jangan lakukan apa pun dengan mereka, biarkan file tetap terbuka di editor. Anda akan membutuhkannya segera.

2. Salin CSS yang Ada ke Lembar Gaya WordPress

Sekarang saatnya menyiapkan lembar gaya WordPress (file tersebutstyle.css Anda baru saja membuat) untuk menyalin CSS situs lama Anda ke dalamnya. Untuk itu, buka file dan tempel yang berikut:

/ *
Nama Tema: Dua Puluh Tiga Belas
Tema URI: http://wordpress.org/themes/twentythirteen
Penulis: tim WordPress
Penulis URI: http://wordpress.org/
Deskripsi: Tema 2013 untuk WordPress membawa kami kembali ke blog, menampilkan beragam format pos, masing-masing ditampilkan dengan indah dengan caranya sendiri yang unik. Detail desain berlimpah, mulai dengan skema warna yang cerah dan gambar header yang cocok, tipografi dan ikon yang indah, dan tata letak yang fleksibel yang tampak hebat pada perangkat apa pun, besar atau kecil.
Versi: 1.0
Lisensi: Lisensi Publik Umum GNU v2 atau yang lebih baru
Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html
Tag: hitam, coklat, oranye, cokelat, putih, kuning, terang, satu kolom, dua kolom, sidebar kanan, lebar fleksibel, custom-header, menu kustom, gaya editor, gambar-fitur, mikroformats, post-format, rtl-bahasa-dukungan, sticky-post, terjemahan siap
Domain teks: dua puluh tiga belas

* /

Inilah yang disebut tajuk style sheet (Penting: jangan tinggalkan komentar/*...*/ tag keluar!). Isi setiap bagian seperti ini:

  • Nama Tema – Ini dia nama tema kamu. Itu bisa berupa apa saja yang Anda inginkan tetapi biasanya sama dengan nama folder tema Anda.
  • Tema URI – Anda biasanya memposting beranda tema di sini tetapi Anda dapat menggunakan alamat situs Anda sendiri.
  • Penulis – Itu kamu. Masukkan nama Anda sendiri di sini atau apa pun yang ingin Anda panggil.
  • Penulis URI – Tautan ke beranda Anda. Bisa jadi yang Anda bangun atau apa pun yang masuk akal.
  • Deskripsi – Deskripsi opsional tema Anda. Ini akan muncul di backend WordPress.
  • Versi: kapan – Versi tema Anda. Karena Anda tidak menerbitkannya, itu tidak masalah. Kami biasanya menempatkan 1.0 di sini.
  • Lisensi, Lisensi URI, Tag – Hal-hal ini hanya penting jika Anda berencana untuk mengirimkan tema Anda ke Direktori tema WordPress. Anda dapat meninggalkan mereka dalam kasus ini, kami hanya memasukkannya untuk penyelesaian.

Setelah tajuk, salin dan tempel CSS yang ada dari situs web HTML statis Anda. Kemudian, simpan file di folder tema baru Anda dan tutup. Saatnya bergerak ke yang lain.

3. Pisahkan HTML Anda yang Ada

Untuk bagian selanjutnya, Anda perlu memahami bahwa WordPress biasanya menggunakan PHP untuk menarik informasi dari basis datanya. Oleh karena itu, Anda perlu memotong HTML yang ada menjadi beberapa bagian sehingga CMS dapat menyatukannya dengan benar.

Walaupun ini terdengar rumit, artinya adalah Anda menyalin dan menempelkan bagian dokumen HTML Anda ke beberapa file PHP. Untuk menunjukkan ini dengan lebih baik, kami telah mengumpulkan halaman contoh sederhana yang dapat Anda lihat di bawah.

html ke halaman contoh wordpress

Seperti yang Anda lihat, template HTML standar ini mencakup header, area konten, sidebar, dan footer. Kode yang menyertainya adalah ini:





Judul Situs Web







Judul Situs Web

  • nav item # 1
  • nav item # 2
  • nav item # 3

Judul artikel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Tidak untuk kendaraan. Baca lebih lanjut tentang iaculis libero, dapatkan Molestie nisl Pharetra di. Di samping itu, Anda dapat menggunakan ini untuk membeli.

Subpos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Tidak untuk kendaraan. Baca lebih lanjut tentang iaculis libero, dapatkan Molestie nisl Pharetra di. Di samping itu, Anda dapat menggunakan ini untuk membeli. Curabitur posuere enim eget turpis feugiat tempor. Lebih baik jika Anda menggunakan ini atau mengubah suscipit ultrices. Terbukti sangat erat dengan pharetra.

Subpos

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Tidak untuk kendaraan. Baca lebih lanjut tentang iaculis libero, dapatkan Molestie nisl Pharetra di. Di samping itu, Anda dapat menggunakan ini untuk membeli. Curabitur posuere enim eget turpis feugiat tempor. Lebih baik jika Anda menggunakan ini atau mengubah suscipit ultrices. Terbukti sangat erat dengan pharetra.

Jika desain Anda berbeda, Anda mungkin harus menyesuaikan langkah-langkah di bawah ini. Namun, keseluruhan prosesnya tetap sama.

Pertama, buka arus Anda index.html (file utama situs HTML Anda). Setelah itu, buka file WordPress Anda yang baru dibuat dan salin yang berikut ke dalamnya (contoh di bawah ini adalah markup saya):

header.php

Semuanya dari awal file HTML Anda ke area konten utama (biasanya ditandai dengan

atau

) masuk ke file ini. Selain itu, tepat sebelum di mana dikatakan, Salin dan tempel . Ini sangat penting bagi banyak plugin WordPress untuk berfungsi dengan baik.




Judul Situs Web






Judul Situs Web

  • nav item # 1
  • nav item # 2
  • nav item # 3

sidebar.php

Semuanya milik bagian

Setelah itu, Anda selesai index.html dan bisa menutupnya. Simpan semua file lain ke folder tema Anda dan tutup kecuali header.php dan index.php. Anda memiliki beberapa pekerjaan yang harus dilakukan dengan mereka.

4. “WordPressify” Header.php dan Index.php

Untuk tajuk, yang tersisa adalah mengubah panggilan untuk style sheet dari HTML ke format WordPress. Untuk melakukannya, cari tautan yang ada di bagian. Mungkin terlihat seperti ini:

Ganti dengan ini:

Keren, sekarang Anda bisa menyimpan dan menutup header.php. Kemudian beralih ke index.php. Itu harus kosong saat ini. Jadi, pertama, salin dan tempel baris kode ini:




Ini adalah panggilan untuk file lain yang berisi sisa situs Anda. Anda mungkin memperhatikan ruang antara panggilan untuk tajuk dan bilah sisi. Di situlah Anda akan menambahkan Putaran.

Yang terakhir adalah bagian dari WordPress di mana CMS mengeluarkan konten yang dibuat di backend. Sangat penting jika Anda ingin WordPress menambahkan konten secara dinamis ke halaman Anda yang akan Anda impor nanti. Untuk itu, tempelkan di sini tepat setelah itu :


Sekarang, simpan index.php file dan tutup. Sudah selesai dilakukan dengan baik! Tema dasar Anda sudah siap. Sekarang Anda dapat menambahkannya ke situs WordPress baru Anda.

5. Buat Screenshot dan Unggah Tema

Sekarang Anda akan menambahkan tangkapan layar tema yang, bersama dengan informasi dari header style sheet Anda, akan berfungsi sebagai pratinjau situs web Anda di backend WordPress.

Untuk melakukan itu, buka situs Anda yang sudah ada di browser dan ambil tangkapan layar dengan metode yang Anda sukai. Setelah itu, buka perangkat lunak pengedit gambar pilihan Anda dan potong hingga 880 × 660 piksel. Simpan sebagai tangkapan layar.png dan menambahkannya ke folder tema Anda. Sekarang Anda siap untuk mengunggah tema Anda.

Untuk mendapatkan tema baru ke situs WordPress Anda, Anda memiliki beberapa opsi. Namun, prasyaratnya adalah semua file berada di dalam folder tema Anda.

Opsi pertama adalah membuat file zip dari situ. Setelah itu, buka situs WordPress Anda lalu ke Tampilan> Tema. Di sini, klik Tambah baru di bagian atas dan kemudian Unggah Tema.

unggah tema yang dikonversi

Di menu yang akan datang gunakan tombol untuk menelusuri ke lokasi file zip Anda. Tandai dan klik Buka, kemudian Instal sekarang. Setelah selesai, aktifkan tema.

Atau, Anda dapat terhubung ke server Anda melalui FTP (atau hanya pergi ke direktori lokal di hard drive Anda) dan arahkan ke wp-content / tema. Kemudian, unggah folder tema Anda (unzip) di sana. Setelah itu, aktifkan tema dari tempat yang sama seperti sebelumnya.

Bagus! Ujung depan situs baru Anda sekarang akan terlihat seperti situs lama Anda. Yang tersisa untuk menyelesaikan perpindahan dari HTML ke WordPress adalah mengimpor konten Anda yang sudah ada. Kami akan membahas hal ini lebih lanjut di bawah ini ketika berbicara tentang menggunakan tema WordPress yang ada.

Perlu diketahui, bahwa sementara tema dasar berfungsi sekarang, ada lebih banyak hal yang dapat Anda lakukan untuk mengintegrasikan HTML Anda lebih baik dengan WordPress. Ini termasuk membuat judul dan deskripsi blog Anda dapat diedit, menambahkan area widget, komentar, dan banyak lagi. Anda mungkin juga harus menambahkan markup CSS karena konten tersebut bukan bagian dari desain asli Anda seperti gambar.

Karena banyak pekerjaan, kami secara pribadi suka menggunakan solusi yang sudah memiliki semua fungsi itu dan hanya perlu perubahan desain. Itu yang akan kami tunjukkan selanjutnya.

B) HTML ke WordPress melalui Tema Anak WordPress

Jika hal di atas tampaknya terlalu intens untuk Anda, metode selanjutnya mungkin lebih mudah dikelola. Ini memungkinkan Anda untuk mengambil keuntungan dari ribuan tema WordPress yang ada sambil tetap mempertahankan desain asli Anda.

Itu dengan menggunakan tema anak yang disebut. Tema-tema ini dibangun di atas tema lain (induk) yang tidak berdiri sendiri tetapi hanya memodifikasi tema induk agar sesuai dengan kebutuhan Anda. Cukup mudah untuk dilakukan meskipun butuh sedikit pekerjaan detektif.

1. Pilih Tema yang Cocok

Langkah pertama adalah memilih tema yang cocok sebagai dasar desain Anda. Untuk itu, ada baiknya mencari tema yang dekat dengan desain yang ada atau menggunakan kerangka tema atau tema pemula, yang keduanya dibuat berfungsi sebagai dasar untuk tema khusus.

Periksalah Direktori tema WordPress, daftar tema mengagumkan kami atau lihat tema premium untuk menemukan kandidat yang cocok. Setelah beberapa pencarian, kami memutuskan bahwa Dua puluh dua belas tema akan menjadi titik awal yang baik untuk perpindahan saya dari HTML ke WordPress. Biasanya, kami akan memilih sesuatu yang lebih mutakhir, tetapi cocok dengan desain sederhana yang kami kerjakan.

Setelah memilih, pasang tema di situs WordPress Anda seperti memasang tema apa pun. Tidak perlu mengaktifkannya. Seperti yang disebutkan, itu hanya ada di sana untuk menyediakan basis bagi Anda untuk bekerja dengannya. Sisanya terjadi dalam tema anak.

2. Buat Folder Baru

Demikian pula dengan metode sebelumnya, untuk tema anak, Anda perlu membuat folder tema. Di sinilah Anda akan meletakkan semua file miliknya.

Saat membuat tema anak, biasanya menyebut folder dengan nama yang sama dengan tema induk plus -anak. Jadi, karena tema anak kami didasarkan pada tema Dua Puluh Dua Belas, kami menyebutnya direktori duapuluh dua belas anak.

Apa pun nama yang Anda pilih, pastikan untuk tidak memasukkan spasi apa pun karena tidak akan berfungsi seperti itu.

3. Mengatur Lembar Gaya

Tema anak juga membutuhkan lembaran gaya. Yang ini akan bekerja hampir sama dengan style sheet yang dibuat di atas. Namun, memiliki tajuk yang sedikit berbeda dan akan mengandung lebih sedikit kode.

Kita akan sampai pada bagian kedua nanti. Untuk saat ini, buat yang biasa style.css dan letakkan di folder tema. Kemudian, tambahkan yang berikut ini:

/ *
Nama Tema: Dua Puluh Lima Belas Anak
Tema URI: http://example.com/twenty-fifteen-child/
Deskripsi: Tema Dua Puluh Lima Belas Anak
Penulis: John Doe
Penulis URI: http://example.com
Templat: dua puluh lima belas
Versi: 1.0.0
Lisensi: Lisensi Publik Umum GNU v2 atau yang lebih baru
Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html
Tag: terang, gelap, dua kolom, sidebar kanan, tata letak responsif, siap aksesibilitas
Domain teks: dua puluh lima belas anak
* /

Seperti yang Anda lihat, ini sangat mirip dengan tajuk style sheet yang Anda gunakan sebelumnya dengan satu pengecualian: ini berisi Templat menandai.

Di bagian itu, Anda harus meletakkan nama tema yang akan berfungsi sebagai orang tua. Tanpa itu, tema anak tidak akan berfungsi. Untuk menghindarinya, masukkan nama folder induknya. Jadi, untuk Dua Puluh Dua Belas, itu akan menjadi Templat: dua puluh dua belas.

4. Buat Functions.php dan Inherit Parent Styles

Hanya dengan style sheet dan folder, sudah dimungkinkan untuk mengaktifkan tema anak. Namun, itu tidak akan banyak gunanya karena sekarang situs Anda akan terlihat seperti halaman HTML tanpa gaya.

Untuk mengubahnya, Anda harus mewarisi gaya orang tua terlebih dahulu dan untuk itu, Anda perlu functions.php. File ini adalah bagian penting dari setiap instalasi WordPress dan memungkinkan Anda untuk melakukan perubahan menyeluruh ke situs web Anda.

Namun, dalam hal ini, Anda hanya akan menggunakannya untuk memanggil gaya orang tua. Untuk itu, buat file baru dan panggil functions.php. Hal pertama yang akan Anda tambahkan di awal adalah ini:

Dengan tag PHP pembuka, file secara teoritis siap tetapi belum melakukan apa pun. Jadi, Anda juga harus memasukkan ini:

function child_theme_enqueue_styles () {

$ parent_style = 'parent-style';

wp_enqueue_style ($ parent_style, get_template_directory_uri (). '/style.css');
wp_enqueue_style ('gaya anak',
get_stylesheet_directory_uri (). '/style.css',
array ($ parent_style),
wp_get_theme () -> get ('Version')
);
}
add_action ('wp_enqueue_scripts', 'child_theme_enqueue_styles');

Sepotong kode ini memberitahu WordPress untuk pergi ke direktori templat (alias tema induk) dan menggunakan gaya yang disertakan di sana. Itu juga memungkinkan untuk memodifikasi tema melalui tema anak Anda (lebih lanjut tentang itu nanti).

5. Aktifkan Tema Anak

Pada titik ini, tema anak siap diaktifkan.

Anda dapat menambahkan tangkapan layar seperti pada instruksi di atas jika Anda mau. Selain itu, Anda juga bisa menambahkannya dan menambahkannya ke WordPress via Tampilan> Tema> Tambah Baru> Unggah Tema atau hanya dengan menambahkan folder apa adanya wp-content / tema.

Dalam kedua kasus, ketika Anda mengaktifkan tema, situs Anda sekarang akan terlihat persis seperti induknya.

6. Sesuaikan Desain

Di sinilah pekerjaan detektif tersebut dimulai. Sekarang saatnya untuk mengubah desain tema yang ada sehingga menyerupai situs HTML asli Anda.

Sebagai contoh, salah satu hal pertama yang menonjol adalah bahwa tema WordPress kami menambah ruang di atas header dan di bawah footer yang tidak dimiliki situs HTML kami.

html ke wordpress melalui halaman contoh tema anak

Untuk memperbaiki ini, kita dapat melihat situs HTML dengan alat pengembang browser untuk menemukan markup yang bertanggung jawab. Ketika kami melakukannya, kami menemukan ini:

tubuh {
margin: 0;
}

Kemudian, kami melakukan hal yang sama dengan tema WordPress baru saya di mana kami menemukan gaya ini:

body .site {
margin-top: 48px;
margin-top: 3.428571429rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
}

Tujuan saya sekarang adalah untuk menerapkan gaya dari situs HTML ke tema WordPress. Dalam hal ini, kami dapat mencapai ini hanya dengan menambahkan berikut ini ke tema anak saya style.css:

body .site {
margin: 0 otomatis;
}

Setelah menyimpan, tema WordPress menerapkan gaya baru untuknya:

html ke wordpress melalui halaman contoh yang diedit tema anak

Itu karena apa pun yang Anda tambahkan ke lembar gaya tema anak menimpa gaya di induknya. Namun, sisa markup tetap utuh, sehingga Anda hanya dapat mengubah hal-hal yang relevan.

Plus, jika Anda menggunakan template HTML5 sebagai starter dan tema WordPress modern sebagai orang tua Anda, banyak markup dasar akan sesuai, membuat hidup Anda lebih mudah.

Ada banyak lagi yang dapat Anda lakukan dengan tema anak, yang dapat Anda pelajari sini. Setelah Anda selesai menyesuaikan desain, saatnya untuk mengimpor konten Anda. Mari kita mulai sekarang.

C) Impor Konten dari HTML ke WordPress Menggunakan Plugin

Akhirnya, pada daftar pindah dari HTML ke WordPress menggunakan tema yang ada apa adanya dan hanya bermigrasi konten Anda dari situs HTML Anda ke dalamnya. Ini adalah cara paling sederhana - yang perlu Anda lakukan hanyalah menginstal dan mengaktifkan tema pilihan Anda (kami anggap Anda tahu bagaimana melakukannya sekarang) dan kemudian ikuti langkah-langkah di bawah ini.

Ngomong-ngomong, meskipun proses ini tidak terlalu sulit, ada beberapa hal yang bisa salah. Untuk alasan itu, pastikan Anda membuat cadangan situs WordPress Anda sebelum melanjutkan.

1. Instal Plugin Impor

Hal pertama yang perlu Anda lakukan adalah menginstal plugin Impor HTML 2. Cara termudah untuk mencapai ini adalah dengan menuju Plugin> Tambah Baru dan mencarinya dengan nama. Ketika Anda menemukannya di daftar (mungkin lebih jauh ke bawah), klik Instal sekarang. Aktifkan setelah selesai.

html ke plugin impor wordpress

2. Siapkan Impor

Untuk mengimpor beberapa halaman sekaligus, Anda perlu mengunggahnya ke server yang sama dengan instalasi WordPress Anda. Plugin akan mengusulkan sesuatu seperti html-files-to-import  nama folder tetapi Anda dapat memilih apa pun yang Anda inginkan. Pastikan untuk mengingat pathname.

Seperti yang akan Anda lihat berikut ini, Anda juga dapat mengimpor satu halaman satu per satu. Untuk metode mana pun, buka WordPress dan Pengaturan> Impor HTML. Kami akan membahas pengaturan paling dasar sekarang. Jika Anda memerlukan informasi tambahan atau jika ada sesuatu yang tidak jelas, lihat panduan pengguna resmi.

File

html ke file impor wordpress

Konfigurasikan layar ini sebagai berikut:

  • Direktori untuk Mengimpor - Masukkan jalur yang baru saja Anda salin file Anda yang ada.
  • URL situs lama - Digunakan untuk pengalihan. Masukkan URL lama Anda. Kita akan membahas ini lagi nanti dalam artikel ini.
  • File default —File default untuk direktori di situs lama, biasanya index.html.
  • Ekstensi file untuk disertakan - Ekstensi file yang ingin Anda impor.
  • Direktori untuk dikecualikan - Jika Anda memiliki direktori di situs lama yang tidak ingin Anda impor, masukkan di sini.
  • Pertahankan nama file - Agar plugin secara otomatis menggunakan nama file Anda sebagai URL baru, centang kotak ini. Ini masuk akal jika judul Anda sangat panjang karena biasanya, importir akan menggunakannya untuk membuat siput.

Kandungan

Di bawah konten, Anda perlu mengonfigurasi tag HTML yang berisi konten situs Anda.

html ke konten impor wordpress

Untuk melakukan itu, pilih opsi Tag HTML di atas. Kemudian konfigurasikan tag di tiga bidang berikut. Misalnya, jika konten Anda berisi tag yang disebut

, informasi yang Anda masukkan akan menjadi div, Indo dan utama.

Pengaturan lain pada halaman ini harus jelas dan memungkinkan Anda untuk mengimpor gambar, dokumen, memperbarui tautan internal, dan banyak lagi.

Judul & Metadata

html ke wordpress judul impor dan metadata

Bagian ini mirip dengan bagian konten sebelumnya. Namun, ini berkaitan dengan judul halaman. Pada awalnya, Anda perlu memberi tahu plugin bagaimana judul ditandai di templat HTML Anda sehingga dapat mengimpornya ke tempat yang tepat.

Selain itu, Anda dapat memfilter hal-hal yang berlebihan seperti judul situs seperti yang sering ditampilkan oleh tema WordPress secara default. Jika judul Anda berada di dalam konten, Anda juga dapat memberi tahu importir untuk menghapusnya sehingga tidak dimasukkan dua kali.

Yang penting adalah Anda memutuskan apakah akan mengimpor konten lama Anda seperti posting atau halaman. Selebihnya cukup jelas dan memungkinkan Anda mengkonfigurasi pengaturan WordPress untuk halaman baru.

Bidang Kustom

html ke wordpress mengimpor bidang khusus

Jika Anda memiliki data yang perlu diimpor ke bidang khusus, Anda dapat mengonfigurasi ini di sini.

Kategori & Tag

html ke wordpress kategori impor dan tag

Di sini Anda dapat menetapkan kategori, tag, dan format posting ke konten yang Anda impor. Plugin akan menampilkan taksonomi yang ada di situs Anda untuk membuat langkah ini lebih mudah.

Alat

html ke alat impor wordpress

Layar ini mencantumkan sejumlah alat yang berguna untuk berhasil mengimpor dari HTML ke WordPress.

3. Mulai Mengimpor

Setelah selesai, simpan pengaturan. Ini akan mengaktifkan Impor File tombol. Klik untuk memulai.

html ke impor wordpress

(Catatan: Anda juga bisa sampai di sini via Alat> Impor dan kemudian memetik Jalankan Importir di bawah HTML pilihan.)

Selanjutnya, pilih apakah akan mengimpor direktori file atau satu file (Anda perlu menjelajahinya), lalu tekan Kirimkan. Plugin kemudian akan bekerja.

Setelah selesai, Anda harus memiliki semua konten yang ada di situs WordPress Anda dan diformat oleh tema baru. Atau, jika Anda menggunakan salah satu rute lain, situs Anda pada dasarnya akan terlihat sama dengan situs web HTML Anda sebelumnya. Bagus sekali!

Langkah tambahan

Jika Anda berencana menggunakan situs WordPress di tempat yang sama dengan situs HTML statis dulu, ada beberapa hal yang harus dilakukan sebelum Anda selesai..

Yang pertama adalah memeriksa URL posting dan halaman Anda yang baru diimpor untuk memastikan mereka ramah mesin pencari (mis. Sertakan kata kunci yang Anda ingin peringkat untuk). Ini sangat sederhana - cukup buka halaman atau posting dan lihat URL di bawah judul.

periksa permalink setelah html ke wordpress import

Untuk mengubahnya, klik Edit di sebelah kanan, ubah ke URL ke pilihan Anda, dan tekan Baik.

Yang kedua adalah menerapkan pengalihan dari URL lama ke yang baru. Dengan begitu, Anda tidak akan kehilangan nilai SEO yang ada.

Jika Anda telah mengisi alamat situs lama di plugin HTML, itu akan membuat kode pengalihan untuk Anda. Anda dapat menyalin dan menempel ini ke file.htaccess yang berada di server Anda (biasanya di direktori root).

Anda mengaksesnya melalui FTP, namun, Anda mungkin harus mengaktifkan melihat file tersembunyi karena tidak terlihat secara default. Kemudian edit .htaccess dan masukkan aturan.

Ketahuilah bahwa itu hanya berfungsi jika Anda membiarkan URL tidak berubah. Jika Anda belum dan perlu mengatur pengalihan khusus, gunakan Plugin pengalihan. Ini adalah solusi yang sangat nyaman yang juga melacak setiap kali seseorang mendarat di URL yang tidak ada di situs Anda. Dengan begitu Anda juga dapat menerapkan arahan ulang untuk tautan tersebut.

Apakah Anda Berhasil Berpindah dari HTML ke WordPress?

Dan itu dia. Anda baru saja belajar cara mengonversi situs HTML statis ke WordPress. Sebagai konsekuensinya, Anda telah menjadi bagian dari salah satu komunitas terbesar di web dan mendapatkan akses ke ribuan sumber daya untuk menjadikan situs Anda lebih baik.

Bergantung pada solusi yang Anda pilih di atas, Anda sudah mendapatkan kesan tentang bagaimana WordPress bekerja. Dari sini, cukup mudah untuk bercabang dan menyelam lebih dalam untuk membuat situs web dengan platform WordPress. Jika Anda memerlukan bantuan tambahan di bidang ini, situs ini memuat banyak hal. Anda bisa belajar cara:

  • Kustomisasi WordPress langkah demi langkah
  • Pindahkan situs Anda dari HTTP ke HTTPS
  • Tambahkan font khusus ke WordPress
  • Percepat situs WordPress Anda
  • Tambahkan formulir kontak ke situs WordPress Anda

Selain itu, kami ucapkan semoga sukses dengan situs WordPress Anda yang baru dicetak. Kami harap Anda menikmati bekerja dengan WordPress sebanyak yang kami lakukan.

Apakah Anda memindahkan situs Anda dari HTML ke WordPress? Bagaimana pengalaman Anda? Ada tips untuk ditambahkan? Beri tahu kami di bagian komentar di bawah.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map