Mata utama:
Kelebihan laman web statik:
Penambahbaikan kelajuan yang ketara bukanlah satu -satunya kelebihan, dan menukar laman web WordPress (WP) yang dinamik ke laman web statik juga boleh membawa manfaat berikut:"Adakah WordPress selamat?" pemaju WordPress mengikuti standard dan amalan keselamatan yang baik, walaupun sokongan jangka panjang (LTS) masih sangat kurang. Walau bagaimanapun, disebabkan oleh senibina itu sendiri, terdapat beberapa perkara yang berada di luar kawalan pasukan keselamatan WP dan bertanggungjawab secara langsung untuk:
Kemas kini pelayan anda
boleh menjadi selamat. Walaupun anda boleh berhujah bahawa ini adalah usaha pemaju yang baik harus dimasukkan, juga pasti bahawa anda dapat melegakan beban ini dengan menukar laman web WP anda ke laman web statik sambil mentakrifkan semula seni bina dan menghapuskannya selama -lamanya hampir tanpa penghapusan serentak dari Realiti maya iaitu, semua titik berpotensi yang mungkin menjadi ancaman keselamatan. Lagipun, penyerang tidak banyak berbuat banyak dengan HTML biasa, fail CSS, dan imej rata. Walau bagaimanapun, anda masih perlu menyedari skrip lintas tapak dan pemalsuan permintaan lintas tapak. ? ♂️ Penyediaan: Penjana laman web statik tersedia
Sumber: Netlify
Kami secara ringkas mengkaji semula penjana laman web statik (SSG) dalam artikel "100 Jamstack Tools, API dan Services membantu laman web anda", dan terdapat sebilangan besar SSG yang tidak dilindungi di sini, jadi pastikan untuk menyemak Staticgen untuk lebih lanjut maklumat. Sesetengah SSGs secara khusus disasarkan pada WordPress, seperti WP2Static, tetapi kami akan memberi tumpuan kepada SSG yang lebih umum, iaitu Gatsby.js- "Rangka Kerja Sumber Terbuka Percuma Berasaskan React yang membantu pemaju membina laman web dan aplikasi yang sangat cepat." .
Migrasi WordPressSaya harus mengakui bahawa walaupun saya berharap prosesnya sangat mudah, ada beberapa perkara yang dapat menjadikannya lebih membosankan dan memakan masa, seperti plugin sedia ada yang mungkin anda pasang (plugin yang lebih sedikit lebih baik) dan format anda bagaimana Untuk menterjemahkan artikel (mudah lebih baik). Fikirkan ini sebagai panduan yang mungkin perlu diselaraskan dengan situasi khusus anda. Pada dasarnya, kita akan melakukan perkara berikut:
Tetapkan gatsby.js
Pelancar ini secara langsung dapat memberikan anda aplikasi Web Progresif React-Driven Progressive (PWA) yang berfungsi sepenuhnya, yang semuanya telah dimasukkan:
masa pemuatan super cepat (HTML pra-diberikan, pemuatan blok automatik JS)
anda perlu memasang gatsby.js dan node.js supaya anda boleh menggunakan NPM Pakej Gatsby CLI dan Node.js NPM. Untuk node.js, muat turun dan pasang, dan untuk gatsby.js, lihat Bermula atau menubuhkan persekitaran pembangunan anda. Sebaik sahaja anda menyelesaikan masalah ini, ini adalah bagaimana anda memulakan projek anda (ingat anda boleh mengklon Gatsby-material-starter juga):
gatsby new YourProjectName https://github.com/Vagr9K/gatsby-advanced-starter npm run develop # 或 gatsby develop
Konfigurasi peluncur lanjutan (contoh) dan bahan (contoh) hampir sama.
backend: name: github branch: master repo: your-user/your-repo
Langkah 2: Eksport Artikel WordPress
Langkah 3: Bina halaman
Buat halaman secara programatik melalui data
Keselamatan, di tempat sekaligus!
Walaupun pentadbir WordPress anda berada di internet (fail .htpasswd boleh melakukan banyak untuk anda), walaupun ia tidak ditambal, walaupun sandaran WP anda diganggu, tidak ada yang akan mempengaruhi statik yang anda miliki halaman yang digunakan, kerana hujung depan telah "dipisahkan" daripadanya. Jangan salahkan saya, walaupun anda menjalankan WordPress di LAN tempatan (LAN) di belakang firewall, anda perlu mengemas kini secara teratur. Oleh kerana peningkatan PHP atau WP yang utama dan tiba -tiba, saya telah melihat laman web saya dapat diganggu atau berhenti bekerja lebih daripada yang saya sanggup mengakui. Walau bagaimanapun, jika laman web anda statik, isu -isu keselamatan ini tidak lagi wujud!
kehilangan kepala saya: cms tanpa kepala Jika anda telah melakukan ini, anda mungkin tidak lagi perlu menggunakan WordPress. Walaupun anda boleh menyimpan pentadbir untuk menghasilkan artikel dan halaman baru, aliran kerja lain adalah menggunakan CMS tanpa kepala yang lain untuk menghasilkan fail statik untuk anda dan menyegerakkannya ke repositori anda, semuanya dilakukan secara automatik dalam satu langkah. Ini adalah "CMS tanpa kepala" - sistem pengurusan kandungan yang masih berjalan di suatu tempat sebagai contoh backend, tetapi sepenuhnya berasingan dari laman web langsung sebenar. WordPress adalah pilihan CMS tanpa kepala yang biasa untuk laman web statik dan sebenarnya mungkin pilihan yang paling biasa untuk penyebaran SSG berskala besar. Walaupun kaedah penghijrahan boleh meliputi banyak situasi, anda mungkin mempunyai terlalu banyak kandungan warisan atau aliran kandungan yang terlalu banyak yang dibina ke WordPress, jadi penghijrahan penuh mungkin tidak dapat dilakukan dengan segera. Hal ini terutama berlaku untuk operasi kandungan besar dan perniagaan media digital. Walau bagaimanapun, jika anda perlu menguruskan sejarah yang kurang, lebih baik melihat pendekatan yang lebih moden terhadap pengurusan kandungan - penghijrahan dari laman web perkhidmatan dinamik adalah masa yang baik untuk membuat perubahan sedemikian. Penghijrahan yang kami telah melaksanakan menyokong Netlify CMS, walaupun kami tidak akan meliputi cara menggunakan CMS tanpa kepala di sini. Ini adalah topik yang akan kami perkenalkan dalam artikel lain dalam masa terdekat. Dig secara mendalam Dalam artikel sedemikian, kita hanya boleh meliputi begitu banyak, jadi berikut adalah beberapa sumber tambahan untuk berhijrah WP menggunakan SSG.
Jika anda berjaya menubuhkan persekitaran ruby, Jekyll (yang boleh menukar teks biasa anda ke SSG untuk laman web statik dan blog ) lebih mudah digunakan, walaupun ia hanya akan menghasilkan halaman statik, tidak seperti aplikasi web seperti gatsby.js. Seperti Gatsby, anda boleh menjana markdown dari WP menggunakan Exitwp berasaskan Python. Anda juga boleh menggunakan wpxml2jeklyll berasaskan Windows untuk menghasilkan fail markdown Jekyll-siap dari WP XML. Beberapa artikel berguna:
Kesimpulan dan Pikiran: Adakah Raja Mati?
Pada pendapat saya, WordPress telah mencapai situasi "Puncak Minyak" pada tahun 2012 (lihat Google Trends: WordPress 2004-to-Present). Sekiranya ia tidak menyesuaikan diri dengan cepat, ia hanya akan terus kehilangan bahagian pasaran, yang memberi manfaat kepada teknologi yang boleh dilakukan dengan lebih cepat dan lebih selamat dalam proses bersepadu yang lebih baik. Matt Mullenweg, pencipta WP dan Ketua Pegawai Eksekutif Automatik, mengakui ini kerana dia mula menggalakkan pemaju untuk "menyelidiki JavaScript" dan berani ditinggalkan PHP backend WP untuk JavaScript dengan memperkenalkan Calypso (baca pantulannya pada prosesnya). Ini membawa gelombang kejutan (walaupun panik) kepada masyarakat, dan dikhabarkan bahawa WordPress akan menyerah PHP sama sekali. Gutenberg adalah satu lagi langkah ke arah ini. Sekiranya ia berjaya membentuk semula, Raja akhirnya dapat mengekalkan mahkota. Jika tidak, hei, yang menghidupkan hampir satu pertiga daripada internet tidak mudah - lama hidup raja! ?
Baca artikel tentang bagaimana Sitepoint berhijrah ke hadapannya ke Gatsby, yang dikuasakan oleh CMS tanpa kepala WordPress pada tahun 2020.
Asas Jamstack Belajar dari Jamstack. Koleksi asas -asas jamStack kami membantu anda mengambil langkah pertama di Jamstack, dan kami sentiasa menambah kandungan kepadanya. Kami akan memberikan anda tutorial yang anda perlukan untuk menjadi profesional. Anda sentiasa boleh merujuk kepada indeks kami kerana ia akan dikemas kini pada akhir jamstack kami Pengenalan: ➤
Borang pemprosesan di laman web statik boleh menjadi agak rumit kerana laman web statik tidak mempunyai backend untuk mengendalikan penyerahan borang. Walau bagaimanapun, anda boleh menggunakan perkhidmatan pihak ketiga seperti FormSpree atau Netlify borang untuk memproses borang penyerahan. Perkhidmatan ini menyediakan URL yang boleh anda gunakan sebagai harta tindakan dalam bentuk, dan mereka akan memproses penyerahan borang dan menghantar data kepada anda. Seperti bentuk, komen juga boleh menjadi cabaran di laman web statik, kerana mereka tidak mempunyai backend untuk menyimpan dan mengambil komen. Walau bagaimanapun, anda boleh menggunakan perkhidmatan pihak ketiga seperti Disqus atau Commento untuk memproses komen. Perkhidmatan ini menyediakan coretan JavaScript yang boleh anda tambahkan ke laman web anda dan mereka akan mengendalikan ciri komen. Ya, anda boleh memindahkan laman web WordPress anda ke penjana laman web statik tanpa kehilangan SEO. Kuncinya adalah untuk memastikan laman web statik baru anda mengekalkan struktur URL yang sama seperti laman web WordPress anda. Dengan cara ini, enjin carian masih boleh mengenali halaman anda dan menyimpannya. Di samping itu, laman web statik sering lebih cepat daripada laman web WordPress, yang sebenarnya dapat meningkatkan SEO anda. Ya, kebanyakan penjana laman web statik mempunyai pelayan pembangunan terbina dalam yang membolehkan anda pratonton sebelum menerbitkan laman web anda. Ini adalah cara yang baik untuk menguji laman web anda sebelum ia berjalan secara langsung dan pastikan semuanya berfungsi dengan baik. Mengemas kini laman web statik sedikit berbeza daripada mengemas kini laman web WordPress. Daripada log masuk ke backend untuk membuat perubahan, anda perlu mengemas kini fail sumber laman web dan kemudian membina semula laman web. Proses ini boleh automatik menggunakan perkhidmatan integrasi berterusan/berterusan (CI/CD) seperti Netlify atau Vercel. gatsby.js
Dapatkan Gatsby dan WordPress
Hugo
Hugo didasarkan pada bahasa pengaturcaraan Go dan merupakan satu lagi nama SSG yang besar yang menawarkan sejumlah besar templat yang tersedia dan merupakan pilihan yang boleh dipercayai yang mungkin anda pertimbangkan untuk Gatsby.js. Terdapat beberapa alat untuk memindahkan WordPress ke Hugo. Jika anda melihat panduan ini, anda akan mendapati bahawa walaupun ia kurang fleksibel, prosesnya harus lebih mudah daripada gatsby.js:
"Migrasi blog dari WordPress to Jekyll" oleh Sam Atkinson
perisian sebagai penyelesaian perkhidmatan (SAAS)
Gatsby Cloud menyediakan sokongan untuk membina dan mengekalkan laman web Gatsby.js secara percuma atau dengan bayaran, yang membolehkan anda dengan mudah mengautomasikan pembentukan cepat, pratonton akses, menjana suntingan harian, dan mudah digunakan untuk Netlify, Cloudflare, AWS CloudFront, atau Akamai . HardyPress juga menjana laman web WordPress statik, dan apabila pembayaran, anda mempunyai panel admin dari mana anda boleh memasukkan kelayakan untuk mengakses pemasangan WP dalam talian anda untuk menguruskan segala -galanya di tempat: Tutup pemasangan WP Live yang diimport, menggunakan telus di seluruh dunia CDN, Https, borang dan carian. SSG yang berkaitan dengan WP lain dengan sokongan komersil termasuk Shifter, Strattic, dan Sitesauce. Soalan Lazim di Migrasi WordPress ke Statik Laman Web Builder (FAQ)
Migrasi WordPress ke penjana laman web statik mempunyai beberapa manfaat. Pertama, laman web statik biasanya lebih cepat daripada laman web WordPress kerana mereka tidak perlu memproses PHP atau mengekstrak data dari pangkalan data. Ini dapat meningkatkan kelajuan pemuatan laman web anda, yang penting untuk pengalaman SEO dan pengguna. Kedua, laman web statik lebih selamat kerana mereka tidak mempunyai pangkalan data yang boleh digodam. Akhirnya, laman web statik lebih murah untuk menjadi tuan rumah dan lebih mudah untuk mengekalkan, menjadikannya sesuai untuk perniagaan kecil dan blog peribadi.
Untuk memastikan penghijrahan yang lancar, adalah penting untuk merancang lebih awal. Mula -mula menyandarkan laman WordPress anda supaya anda dapat melancarkan semula jika ada masalah. Kemudian, pilih penjana laman web statik yang sesuai dengan keperluan anda. Beberapa pilihan popular termasuk Jekyll, Hugo dan Gatsby. Sebaik sahaja penjana dipilih, anda boleh mengeksport kandungan WordPress menggunakan plugin seperti hanya statik atau wp2static. Selepas mengeksport, anda perlu menyediakan laman web statik baru dan mengimport kandungan anda. Akhirnya, uji laman web baru anda dengan teliti untuk memastikan semuanya berfungsi dengan baik.
Malangnya, anda tidak boleh menggunakan tema WordPress anda secara langsung dalam penjana laman web statik. Walau bagaimanapun, anda boleh mencipta topik anda menggunakan sistem template Generator Laman Web statik. Ini memerlukan pengetahuan tentang HTML, CSS dan mungkin JavaScript. Sebagai alternatif, anda boleh memilih tema pasang siap yang sangat mirip dengan tema WordPress anda.
Apabila berhijrah ke penjana laman web statik, anda akan kehilangan fungsi yang disediakan oleh plugin WordPress. Walau bagaimanapun, banyak penjana laman web statik mempunyai pemalam atau sambungan mereka sendiri yang dapat memberikan fungsi yang sama. Anda perlu menyelidik dan memasang plugin ini secara manual selepas penghijrahan.
Ya, anda masih boleh menggunakan CMS dalam penjana laman web statik. Beberapa pilihan popular termasuk Netlify CMS, Perhutanan, dan Kandungan. CMS ini membolehkan anda menguruskan kandungan anda dalam antara muka mesra pengguna yang serupa dengan WordPress. Walau bagaimanapun, mereka menjana fail statik yang boleh disampaikan oleh penjana laman web statik anda.
Bagaimana memproses borang di laman web statik?
Bagaimana memproses komen di laman web statik?
Bolehkah saya memindahkan laman web WordPress saya ke penjana laman web statik tanpa kehilangan SEO?
Bolehkah saya pratonton sebelum menyiarkan laman web statik?
Bagaimana untuk mengemas kini laman web statik selepas menerbitkannya?
Atas ialah kandungan terperinci Cara berhijrah dari WordPress ke penjana tapak statik. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!