Cara Mengalihkan Tapak Web HTML Statik Anda ke WordPress

Dengan WordPress menjadi semakin popular dari hari ke hari, nampaknya lebih ramai orang akan mengikuti tren. Walaupun mengguna pakai WordPress adalah langkah yang bagus, adakah ini bermakna anda perlu mencium tapak web HTML anda selamat tinggal? Mesti anda benar-benar bermula dari awal apabila anda berpindah ke WordPress? Nah, tidak. Anda boleh memindahkan tapak web HTML anda ke WordPress dengan mudah sambil mengekalkan kandungan, reka bentuk dan juga kedudukan SEO. Kedengaran hebat.

Sebelum membawanya ke sana, saya ingin menyokong satu perkara: Jika anda tidak mempunyai alasan yang kukuh (seperti menambahkan blog dll) untuk menyatukan semula tapak web anda, biarkan ia seperti sedia ada. Jika tidak, sila gunakan WordPress dan manfaatkan semua ciri hebat yang paling terkenal di platform ini. Oleh itu, siaran hari ini akan merangkumi topik mengenai pemindahan tapak web HTML ke WordPress. Kami akan melihat ke dalam perancangan dan sebenarnya memindahkan tapak anda ke WordPress.

Memindahkan Laman Web Anda ke WordPress: Pelan

Melalui pengalaman, saya telah belajar satu pengajaran yang tidak ternilai dalam hidup: tiada apa yang berjaya tanpa rancangan yang kukuh. Untuk memindahkan tapak web HTML anda ke WordPress, oleh itu, anda memerlukan rancangan yang hebat. Berikut adalah beberapa perkara yang perlu diingat semasa membuat rancangan anda:

Adakah anda akan mengekalkan nama domain sedia ada anda atau mencipta nama domain yang berasingan? Petua: Anda juga boleh memasang WordPress dalam sub-direktori iaitu yourdomain.com/wordpress/ dan kemudiannya arahkan domain ke direktori
Adakah struktur URL semasa anda akan berubah? Ini berlaku sepanjang masa, jadi bersiap sedia untuk mengubah hala URL lama anda selepas penghijrahan
Berapa banyak kandungan (halaman, siaran, imej, fail JavaScript dll) yang akan anda pindahkan ke tapak baharu? Jumlah kandungan yang rendah boleh dialihkan secara manual tetapi anda memerlukan alat khusus untuk memindahkan volum kandungan yang tinggi
Adakah tapak web HTML semasa anda menggunakan perkhidmatan luaran? Adakah terdapat pemalam WordPress untuk perkhidmatan ini? Bagaimanakah anda akan menyepadukan perkhidmatan pihak ketiga selepas penghijrahan?
Adakah anda perlu memindahkan alat pentadbiran sedia ada atau adakah terdapat alat yang setara dalam WordPress?
Adakah anda akan menukar hos web? Adalah perkara biasa bagi pemilik laman web untuk menukar hos web apabila berhijrah ke WordPress. Pastikan hos web anda akan menampung keperluan WordPress anda. Kami menggunakan, menyukai dan mengesyorkan pengehosan WordPress Terurus WPEngine.

Pada penghujung hari, pelan misi anda harus memperincikan bagaimana anda akan:

Buat domain ujian atau sub-direktori
Pasang WordPress
Import kandungan dari tapak HTML sedia ada
Reka bentuk tapak WordPress baharu (Memilih tema WordPress atau mereka bentuk semula dari awal ialah beberapa pilihan yang tersedia)
Pasang pemalam WordPress yang diperlukan
Sandarkan tapak anda (Kedua-dua HTML dan WordPress)
Berurusan dengan pautan yang rosak
Bersiaran langsung

Sebelum kami mula ingat untuk membuat sandaran tapak HTML anda (sebagai langkah berjaga-jaga), dan sila ambil perhatian bahawa kami tidak mengesyorkan bermain-main dengan tapak HTML langsung anda jika anda tidak selesa dengan apa yang anda lakukan. Selain itu, anda harus mempunyai kebiasaan lulus dengan WordPress untuk memaksimumkan manfaat anda daripada tutorial ini. Perkataan dan frasa seperti ubah hala kekal, CMS, .htaccess dll tidak seharusnya menakutkan anda. Lakukan kajian jika perlu ? . Sekarang lukis pelan anda pada helaian kertas, atau dalam Evernote – di mana-mana sahaja, dan bersedia untuk bahagian seterusnya.

Cara Memindahkan Laman Web Anda ke WordPress

Dengan pelan asas di tangan, sudah tiba masanya untuk bahagian berguna. Lenturkan jari anda dan biarkan kami mulakan dengan menyediakan WordPress.

Menyediakan WordPress

Ini adalah bahagian paling mudah, sama ada anda memasang WordPress secara tempatan atau dengan pembekal pengehosan anda. Ikuti panduan yang dipautkan dalam pernyataan di atas untuk memasang WordPress secara tempatan. Memasang WordPress dengan hos web adalah mudah dan mudah. Saya tidak menjangkakan anda akan menghadapi sebarang masalah. Kebanyakan hos mempunyai pilihan pemasangan 1 klik yang mudah, atau dalam hal pengehosan WordPress terurus, mereka telah memasang WordPress untuk anda. Jika anda tersekat, jangan teragak-agak menghubungi hos web anda.

Anda boleh memilih untuk memasang WordPress pada domain yang berasingan atau dalam direktorinya sendiri - pilihan di tangan anda. Pergi ke Tetapan –> Membaca dalam skrin pentadbir WordPress anda dan tandakan (tandakan) Elakkan enjin carian mengindeks tapak ini dalam bahagian Keterlihatan Enjin Carian . Anda tidak mahu enjin carian (dan pelanggan) mencari tapak WordPress anda semasa masih dalam pembangunan. Setelah WordPress siap dan berjalan (bermakna anda boleh melihat tapak WordPress baharu anda dalam penyemak imbas), anda sudah bersedia untuk bahagian seterusnya: membawa kandungan anda.

Mengimport Kandungan

Ini agak rumit tetapi masih boleh dilakukan. Mengimport kandungan sedia ada anda ke platform WordPress baharu anda berjaya bergantung pada beberapa faktor:

Adakah tapak HTML semasa anda dijalankan pada CMS aka Sistem Pengurusan Kandungan?
Adakah terdapat alat pengimport (atau skrip) tersedia untuk anda dan situasi tertentu anda atau adakah anda akan mengimport kandungan secara manual?
Adakah anda akan mengimport jumlah kandungan yang tinggi? Mengimport volum tinggi kandungan secara manual mungkin mewujudkan banyak ruang untuk kesilapan manusia.

Mari kita lihat pilihan yang kita ada. Jika tapak HTML anda dijalankan pada CMS yang tersedia secara komersil, anda mungkin mempunyai alat pengimport yang boleh anda gunakan. Apa yang anda perlu lakukan ialah mencari alat itu, klik beberapa butang di sana sini dan kerja anda selesai! Untuk butiran khusus tentang mengimport kandungan daripada mana-mana CMS tertentu, sila lihat siaran kandungan mengimport dalam WordPress Codex.

S: Tapak HTML saya mempunyai CMS tetapi tiada alat pengimport tersedia. Apa yang perlu dilakukan?
J: Panggil pembangun bahagian belakang anda untuk mengalihkan kandungan jika anda tidak tahu apa yang perlu dilakukan.

S: Tapak HTML saya tidak berjalan pada CMS. Adakah ini bermakna pengembaraan saya berakhir di sini?
J: Tidak. Ini bermakna anda perlu mengimport kandungan anda secara manual. Salin dan tampal tradisional berguna di sini.

S: Tapak HTML saya tidak berjalan pada CMS dan saya mempunyai volum kandungan yang tinggi. Apakah yang akan saya lakukan?
J: Singsingkan lengan baju anda dan mula bekerja. Anda akan menyalin dan menampal untuk seketika, jadi dapatkan secawan kopi yang besar juga. Atau menggigit peluru dan mengupah seorang pekerja bebas untuk melakukan kerja. Pada masa kini, terdapat banyak buruh bebas yang berlaku, jadi anda harus dilindungi dalam hal ini. Hanya berwaspada - kami bercakap tentang tapak web anda di sini, aliran pendapatan anda.

Semasa mengimport kandungan secara manual, pastikan anda menggunakan butang Tampal sebagai Teks Biasa untuk menyalin kandungan ke WordPress, atau menampal ke bahagian “Teks” setiap siaran supaya tidak dipindahkan secara tidak sengaja ke mana-mana pemformatan lama. Selain itu, bersedia untuk melakukan beberapa kerja mengenai pemformatan semula. Ambil peluang ini untuk menambah atau menolak kandungan anda jika perlu. Anda tahu, rasionalkan, satukan atau guna semula kandungan lama. Juga berhati-hati bahawa mengimport kandungan secara manual akan memerlukan anda membuat halaman yang sepadan dalam WordPress terlebih dahulu (halaman utama, blog, tentang, dll.). Selain itu, anda perlu memuat naik semua imej dan fail lain yang berkaitan dari komputer anda.

Nota: Jejaki semua URL sedia ada dan baharu. Anda perlu mengubah hala (atau mengedit) URL lama untuk mengekalkan kedudukan SEO anda dan memberikan pengalaman bebas ralat 404 dengan tapak WordPress baharu anda. Anda boleh menjejaki semua URL menggunakan dokumen hamparan mudah.

Selepas memindahkan kandungan anda, buat menu navigasi menggunakan ciri Menu WordPress yang tersedia di bawah Penampilan –> Menu. Ini sepatutnya mudah dan menyeronokkan. Saya mengandaikan tapak web anda adalah tapak web yang kecil dengan beberapa halaman maka volum kandungan yang rendah. Oleh itu, mengimport kandungan tidak mengambil masa beberapa hari tetapi beberapa saat. Bahagian seterusnya melibatkan reka bentuk visual tapak WordPress baharu anda.

Merekabentuk Laman WordPress Anda

Dengan kandungan dalam platform WordPress baharu anda, sudah tiba masanya untuk memberikan tapak web anda rupa yang bagus. Jika anda ingin menukar reka bentuk anda, inilah masanya anda mahu melakukannya. Terdapat beberapa jalan terbuka kepada anda:

Anda boleh membangunkan tema WordPress dari awal
Anda boleh memuat turun tema daripada WordPress, Themeforest atau bahagian tema percuma kami sendiri
Anda boleh mengambil tema percuma dan bercabang
Anda boleh menggunakan rangka kerja tema WordPress
Anda boleh menukar templat HTML sedia ada anda kepada tema WordPress
Anda boleh membeli tema Total WordPress pelbagai guna dan responsif ?

Kaedah paling mudah setakat ini ialah mencari tema yang anda suka dan memasangnya. Membangunkan tema tersuai anda sendiri mungkin bukan pilihan terbaik anda jika ini kali pertama anda menggunakan WordPress. Dengan mengandaikan reka bentuk anda sudah sedia dan berfungsi, sudah tiba masanya untuk memulihkan semua fungsi. Di sinilah pemalam WordPress masuk.

Memasang Pemalam WordPress yang Diperlukan

WordPress dihantar dengan sistem pemalam yang hebat yang memberi anda banyak pilihan dan fungsi untuk mengecas mana-mana tapak web. Anda boleh meniru sebarang fungsi dalam tapak web HTML anda dengan mudah menggunakan pemalam WordPress. Terdapat begitu banyak daripada mereka (plugin), percuma dan premium, tetapi jika anda tidak boleh mendapatkan apa yang anda cari, bina satu dan kongsikannya dengan dunia. Jual, berikan secara percuma - apa sahaja. Walaupun keperluan anda mungkin berbeza-beza bergantung pada tapak web dan keutamaan peribadi anda, berikut adalah lebih seratus (100) pemalam WordPress untuk membolehkan anda beroperasi:

25+ Pemalam Media Sosial Terbaik
20 Pemalam WordPress Admin Hebat
Pemalam Keahlian WordPress Terbaik
10 Plugin BuddyPress yang Mesti Anda Ada (Hello-o-o, adakah tapak HTML sedia ada anda rangkaian sosial?)
10 Penapis Kata-Kata WordPress Teratas dan Pemalam Menyekat Spam

Peringatan: Pasang hanya pemalam yang telah anda muat turun daripada sumber yang bereputasi untuk membantu mengurangkan masa muat halaman WordPress anda. Pemalam berkod yang buruk boleh melambatkan tapak anda, yang sangat mengecewakan.

Laman web WordPress baharu anda hampir sedia untuk dilancarkan. Kami hanya mempunyai beberapa langkah lagi. Sebelum meneruskan, mari kita pastikan semua pautan berfungsi. Kami tidak mahu bakal pelanggan berakhir di halaman ralat 404 atau kehilangan kedudukan Google yang sangat berharga.

Mengubah hala Pautan dalam WordPress

Dengan kandungan anda dalam WordPress, kefungsian dipulihkan dan tapak WordPress baharu anda kelihatan hebat, anda hanya boleh menghadapi satu masalah lain: pautan rosak. Pautan yang rosak boleh mencuri semua kegembiraan daripada proses penghijrahan anda, dan menghantar prospek pergi kemudian, jadi anda perlu berhati-hati. Kami mengesyorkan menggunakan pemalam ubah hala. Ini menjadikan proses itu hampir tidak menyakitkan. Beberapa pilihan yang baik termasuk Simple 301 Redirect atau plugin Redirection. Selepas mengubah hala semua pautan anda, tiba masanya untuk memastikan pautan tersebut berfungsi. Bagaimana? Gunakan plugin WordPress Pemeriksa Pautan Terputus. Kami mempunyai panduan hebat untuk menggunakan pemalam ini yang menunjukkan kepada anda cara mengalih keluar pautan yang rosak selama-lamanya.

Jika anda benar-benar ingin menerokai tapak baharu anda, anda boleh mengubah hala pautan anda secara manual dengan mengedit fail .htaccess (tetapi ini boleh menyusahkan terutamanya jika anda mempunyai banyak halaman). Walau bagaimanapun, jika anda benar-benar ingin menggunakan cara .htaccess, berikut ialah kod ubah hala yang akan anda tambahkan pada fail .htaccess anda:

Redirect 301 /about.html http://yourdomain.com/about/

Redirect 301 /contact.html http://yourdomain.com/contact/

Redirect 301 /example.html http://yourdomain.com/example/

Ingat bahawa URL sumber anda mestilah nama fail halaman dan URL destinasi mestilah URL penuh, termasuk http://. Dan jangan lupa sertakan nama subdirektori jika anda mempunyai halaman yang tinggal dalam subdirektori. Sebagai contoh:

Redirect 301 /folder/page.html http://yourdomain.com/page/

Menuding Domain Anda ke Tapak WordPress Baharu

Apakah gunanya menghabiskan masa berjam-jam untuk memindahkan tapak anda jika tiada siapa yang akan melihatnya? Mari halakan domain anda ke tapak baharu. Saya tidak akan pergi ke butiran kerana WordPress Codex mempunyai artikel hebat yang meliputi penggunaan pemasangan sub-direktori yang sedia ada – gunakan panduan ini jika anda memasang WordPress dalam sub-direktori.

Jika anda memasang WordPress pada domain yang berasingan atau menukar hos, anda perlu mengemas kini pelayan nama anda untuk domain anda. Jika anda menggunakan CDN pihak ketiga seperti Cloudfare, anda perlu mengemas kini rekod DNS anda. Ini biasanya melibatkan pengeditan rekod A anda, proses yang semudah ABC.

Sapuan Akhir…

Sebelum akhirnya mengeluarkan tapak berkuasa WordPress baharu anda ke seluruh dunia, semak pautan yang rosak sekali lagi, semak halaman utama anda untuk memastikan ia diformat dengan betul dan semak bahawa semua fungsi telah dipulihkan (mis. kedai anda, forum, dll.). Sediakan pautan kekal anda (Pergi ke Tetapan –> Pautan Kekal), analitik, jadikan tapak anda kelihatan kepada enjin carian dan sandarkan tapak HTML lama anda. Catatan ini ialah panduan umum untuk memindahkan tapak web HTML sedia ada ke WordPress. Siaran itu tidak bertujuan untuk laman web yang sangat besar. Jika anda mempunyai soalan atau ingin menyumbang, sila gunakan bahagian komen di bawah!

Mahu menukar templat HTML kepada tema WordPress? Lihat siri tutorial kami tentang cara Mencipta Tema WordPress daripada HTML.