BaWor, Author at Banyumas WordPress

Cara Migrasi Website dari Blogger ke WordPress (Step-by-Step)

Blogger (blogspot.com) merupakan platform blogging yang populer karena gratis milik Google dan mudah digunakan. Namun, seiring berkembangnya kebutuhan website—baik untuk bisnis, portofolio, maupun blog profesional—banyak pengguna mulai beralih ke WordPress karena fleksibilitas, kontrol penuh, dan dukungan plugin yang sangat luas. Salah satu langkah penting dalam proses ini adalah memindahkan website dan data dari Blogger ke WordPress tanpa kehilangan konten dan pengunjung.

Berikut langkah-langkah yang dilakukan agar proses migrasi aman:

1. Menyiapkan WordPress

Sebelum memindahkan data, pastikan WordPress sudah siap digunakan.

Langkah-langkah:

Beli hosting dan domain.
Install WordPress (melalui cPanel / installer hosting)
Login ke dashboard WordPress (namadomain.com/wp-admin)
Pastikan WordPress sudah menggunakan permalink Post name (disesuaikan dengan struktur link sebelumnya)

👉 Settings → Permalinks → Post name

2. Export Data dari Blogger

Langkah berikutnya adalah mengekspor semua konten dari Blogger.

Caranya:

Login ke Blogger
Masuk ke Settings → Other
Klik Back up content
Unduh file backup berformat XML

File ini berisi:

Postingan
Halaman
Komentar

3. Import Data Blogger ke WordPress

WordPress menyediakan fitur import khusus untuk Blogger.

Langkah-langkah:

Masuk ke Tools → Import
Pilih Blogger
Klik Install Now, lalu Run Importer
Upload file XML dari Blogger
Assign author (penulis) ke user WordPress
Klik Submit

Tunggu hingga proses selesai. Semua artikel Blogger akan otomatis masuk ke WordPress.

4. Memeriksa dan Menyesuaikan Konten

Setelah proses import selesai, lakukan pengecekan:

Apakah semua artikel sudah masuk?
Apakah gambar tampil dengan benar?
Apakah label Blogger berubah menjadi kategori atau tag?

Jika ada gambar yang tidak muncul, biasanya karena masih mengarah ke server Blogger.

👉 Solusi: gunakan plugin Import External Images atau Auto Upload Images

5. Mengatur Tema WordPress

Agar tampilan website lebih profesional:

Pilih tema WordPress yang responsif
Sesuaikan menu, sidebar, dan homepage
Tambahkan widget yang dibutuhkan

Tema gratis populer seperti:

Astra
GeneratePress
OceanWP

6. Redirect Blogger ke WordPress (PENTING untuk SEO)

Ini langkah paling penting agar:

Trafik tidak hilang
Ranking Google tetap aman

Caranya:

Pasang plugin Blogger to WordPress Redirection
Ikuti petunjuk plugin
Salin kode redirect
Tempelkan ke Theme → Edit HTML di Blogger
Simpan perubahan

Dengan redirect, semua URL lama Blogger akan otomatis diarahkan ke WordPress.

7. Setting SEO dan Optimasi

Agar website WordPress siap bersaing di Google:

Install plugin SEO (Rank Math / Yoast)
Submit sitemap ke Google Search Console
Perbaiki broken link
Optimasi judul dan meta description

8. Testing & Final Check

Sebelum benar-benar meninggalkan Blogger:

Coba buka beberapa URL lama
Pastikan redirect berjalan
Cek kecepatan website
Cek tampilan di mobile

Jangan langsung menghapus blog Blogger—biarkan aktif sebagai penghubung redirect.

Kesalahan Umum Saat Migrasi

❌ Tidak membuat redirect
❌ Menghapus Blogger terlalu cepat
❌ Tidak mengecek gambar
❌ Mengubah struktur URL

Hindari kesalahan ini agar migrasi berjalan aman.

Memindahkan website dan data dari Blogger ke WordPress memang membutuhkan beberapa langkah teknis, namun hasilnya sangat sepadan. Dengan WordPress, kamu mendapatkan fleksibilitas, kontrol penuh, dan peluang pengembangan website yang jauh lebih besar.

Dengan mengikuti panduan ini secara berurutan, migrasi dapat dilakukan dengan aman tanpa kehilangan konten, trafik, maupun peringkat SEO.

Membedah theme.json dan Era Full Site Editing (FSE)

Jika Anda terbiasa dengan tema klasik (Classic Themes), file seperti functions.php (untuk add_theme_support), style.css, dan Customizer API adalah senjata utama Anda. Namun di era WordPress modern (Block Themes), “otak” dari desain situs Anda kini berpindah ke satu file bernama theme.json.

File ini bukan sekadar konfigurasi; ia adalah mesin yang men-generate CSS, mengontrol antarmuka editor (Gutenberg), dan membatasi apa yang bisa (dan tidak bisa) dilakukan oleh klien.

Mari kita bedah strukturnya.

1. Filosofi: Settings vs Styles

Struktur theme.json dibagi menjadi dua pilar utama yang sering membingungkan pemula:

settings: Mengatur kontrol UI yang tersedia di Editor. (Contoh: “Apakah user boleh memilih warna custom?”, “Font apa saja yang muncul di dropdown?”).
styles: Mengatur tampilan default situs. (Contoh: “Apa warna background body?”, “Berapa padding default tombol?”).

2. Mengontrol Palet Warna (The CSS Variable Engine)

Salah satu fitur terkuat theme.json adalah kemampuannya mengubah definisi JSON menjadi CSS Custom Properties (Variables) secara otomatis.

Kode di theme.json:

JSON 

{
    "version": 2,
    "settings": {
        "color": {
            "palette": [
                {
                    "slug": "primary",
                    "color": "#0073AA",
                    "name": "Primary Blue"
                },
                {
                    "slug": "dosa-merah",
                    "color": "#FF0000",
                    "name": "Danger"
                }
            ]
        }
    }
}

Apa yang terjadi di Frontend:

WordPress akan otomatis menyuntikkan CSS berikut di <body>:

CSS 

body {
    --wp--preset--color--primary: #0073AA;
    --wp--preset--color--dosa-merah: #FF0000;
}

Artinya, Anda bisa menggunakan variabel ini di file CSS kustom Anda tanpa perlu mendeklarasikannya ulang.

3. “Client-Proofing”: Mengunci Desain

Developer sering frustrasi ketika klien mengubah warna font menjadi hijau neon atau merusak layout dengan margin aneh. theme.json adalah solusi lock-down terbaik.

Mematikan Warna Custom

Jika Anda ingin klien HANYA memilih warna dari palet yang sudah Anda tentukan di atas, matikan fitur color picker:

JSON 

"settings": {
    "color": {
        "custom": false, 
        "palette": [ ... ] 
    }
}

Mengontrol Layout Container

Lupakan pembungkus .container manual di setiap file PHP. Tentukan lebar konten global di sini:

JSON 

"settings": {
    "layout": {
        "contentSize": "800px",
        "wideSize": "1200px"
    }
}

Ini memastikan semua blok group atau cover mengikuti aturan lebar yang konsisten.

4. Styling Elemen Spesifik (Tanpa CSS File)

Anda bisa menargetkan elemen HTML atau Blok WordPress spesifik langsung dari JSON. Ini mengurangi ketergantungan pada file style.css yang membengkak.

Contoh: Mengubah Default Tombol (Button Block)

JSON 

"styles": {
    "blocks": {
        "core/button": {
            "border": {
                "radius": "0px"
            },
            "color": {
                "background": "var(--wp--preset--color--primary)",
                "text": "#ffffff"
            },
            "typography": {
                "fontWeight": "700"
            }
        }
    }
}

Dengan kode di atas, semua tombol di situs otomatis akan kotak (radius 0), tebal, dan berwarna biru, tanpa menulis satu baris CSS pun.

5. Template Parts & Global Styles

Di tema FSE, header.php dan footer.php sudah tidak ada. Gantinya adalah file HTML statis di folder parts/. Namun, theme.json bertugas mendaftarkannya agar dikenali editor.

JSON 

"templateParts": [
    {
        "area": "header",
        "name": "header-sticky",
        "title": "Header Sticky"
    },
    {
        "area": "footer",
        "name": "footer-minimal",
        "title": "Footer Minimalis"
    }
]

Kapan Menggunakan CSS vs JSON?

Transisi ke FSE tidak berarti Anda dilarang menggunakan CSS.

Gunakan theme.json untuk: Tipografi global, palet warna, layout dasar, dan style default blok core.
Gunakan CSS biasa untuk: Animasi (@keyframes), Pseudo-elements (:before/:after), dan query media yang kompleks (meskipun theme.json mulai mendukung ini perlahan).

Menguasai theme.json membuat tema Anda lebih ringan, lebih cepat (karena CSS di-load inline atau efisien), dan lebih aman dari “tangan jahil” klien.

SOTW 2025: Inovasi yang Dibentuk oleh Komunitas

Pidato State of the Word 2025 yang disampaikan oleh Matt Mullenweg pada 2 Desember 2025 membawa pesan utama tentang transisi WordPress menuju platform yang “AI-Native” dan lebih kolaboratif.

Acara ini juga mencatatkan sejarah karena peluncuran WordPress 6.9 “Gene” dilakukan secara langsung (live) di atas panggung. Berikut adalah poin-poin utama dari pesan tersebut:

1. WordPress Menjadi “AI-Native”

Bukan sekadar menambahkan fitur AI, WordPress mulai membangun infrastruktur dasar agar AI bisa bekerja secara mendalam di dalam ekosistemnya.

Abilities API: Memungkinkan sistem (baik manusia maupun agen AI) untuk memahami fungsi apa saja yang tersedia di sebuah situs.
WordPress AI Client: Antarmuka terpadu bagi pengembang untuk menghubungkan berbagai model AI (seperti OpenAI, Google Gemini, atau Anthropic) langsung ke WordPress.
Agentic Web: Matt menekankan persiapan WordPress menghadapi era di mana “agen AI” akan menjelajahi web. Salah satu usulannya adalah menyediakan format konten yang mudah dibaca mesin, seperti Markdown feed.

2. Fokus pada Kolaborasi (Persiapan Menuju WordPress 7.0)

WordPress 6.9 memperkenalkan fitur-fitur yang membuat pengerjaan situs secara tim menjadi lebih lancar:

Block Notes: Fitur untuk meninggalkan komentar atau catatan langsung pada blok tertentu di editor, mirip dengan fitur komentar di Google Docs.
Workflow yang Lebih Halus: Peningkatan pada fitur drag-and-drop dan antarmuka yang lebih intuitif untuk mengelola konten yang kompleks.

3. Ekspansi Global dan Bahasa

Statistik menunjukkan pergeseran besar dalam demografi pengguna:

Untuk pertama kalinya, lebih dari 56% situs WordPress menggunakan bahasa non-Inggris.
Bahasa Jepang menjadi bahasa kedua yang paling banyak digunakan setelah Inggris.
WordPress kini menguasai 43% dari seluruh web dan hampir 50% dari 1.000 situs teratas di dunia.

4. Keamanan dan Kepercayaan Ekosistem

24-Hour Safety Window: Memperkenalkan jeda waktu 24 jam sebelum pembaruan otomatis plugin diterapkan ke situs, guna mencegah kerusakan akibat pembaruan yang bermasalah.
Pembersihan Plugin: Penggunaan AI untuk membantu proses peninjauan plugin agar antrean lebih cepat (di bawah 7 hari kerja) dan lebih aman.

5. Pesan Filosofis: “Freedom and Education”

Matt menegaskan kembali bahwa WordPress adalah tentang kebebasan (freedom): kebebasan untuk membangun, mempublikasikan, dan memiliki data sendiri tanpa bergantung pada platform tertutup. Ia juga menyoroti pentingnya edukasi melalui inisiatif seperti Campus Connect untuk melahirkan generasi kontributor baru.

”WordPress belongs to all of us, but really we’re taking care of it for the next generation.” — Matt Mullenweg

RyanCV: Tema Profesional Untuk CV Dan Personal Branding

Di era digital saat ini, memiliki website CV atau portofolio pribadi bukan lagi pilihan, melainkan kebutuhan. Website personal yang profesional dapat meningkatkan kredibilitas, memperluas peluang karier, serta menjadi identitas digital yang kuat. Salah satu solusi terbaik untuk kebutuhan tersebut adalah RyanCV, tema modern yang dirancang khusus untuk website CV, resume, dan portofolio profesional.

Apa Itu Tema WordPress RyanCV?

RyanCV adalah tema WordPress premium yang berfokus pada tampilan resume online, CV digital, dan portofolio personal. Tema ini sangat cocok digunakan oleh freelancer, web developer, desainer grafis, fotografer, digital marketer, hingga fresh graduate yang ingin tampil profesional secara online.

Dengan desain minimalis namun elegan, RyanCV mampu menampilkan informasi personal, pengalaman kerja, keahlian, dan proyek dengan struktur yang rapi dan mudah dipahami.

Keunggulan Tema WordPress RyanCV

1. Desain Modern & Responsif

RyanCV hadir dengan desain modern yang clean dan profesional. Tema ini sepenuhnya responsive, sehingga tampil optimal di berbagai perangkat, mulai dari desktop, tablet, hingga smartphone.

2. Fokus pada CV & Portofolio

Berbeda dengan tema WordPress umum, RyanCV dirancang khusus untuk kebutuhan CV online, meliputi:

Profil pribadi
Riwayat pendidikan
Pengalaman kerja
Skill & keahlian
Portofolio proyek
Testimoni
Kontak & media sosial

3. Mudah Dikustomisasi

RyanCV mendukung Elementor Page Builder, sehingga pengguna dapat mengatur layout tanpa perlu coding. Warna, font, section, dan konten dapat disesuaikan dengan mudah sesuai branding personal.

4. SEO Friendly

Tema ini sudah dioptimalkan untuk SEO (Search Engine Optimization), membantu website CV Anda lebih mudah ditemukan di mesin pencari seperti Google.

5. Performa Cepat & Ringan

Dengan struktur kode yang bersih dan optimal, RyanCV memiliki waktu loading yang cepat, memberikan pengalaman pengguna yang lebih baik.

6. Siap Digunakan untuk Personal Branding

RyanCV sangat mendukung strategi personal branding, terutama bagi profesional yang ingin menampilkan identitas, keahlian, dan karya secara online dalam satu website terpusat.

Fitur Unggulan RyanCV

Mengapa RyanCV begitu populer di kalangan profesional? Berikut adalah beberapa fitur utamanya:

Layout Multi-Halaman & Single-Page: Anda bisa memilih untuk membuat situs web satu halaman yang ringkas atau situs multi-halaman yang lebih mendalam.
Dark & Light Mode: Mengikuti tren desain modern, RyanCV menyediakan opsi mode gelap dan terang yang dapat disesuaikan dengan selera atau branding pribadi Anda.
Integrasi Elementor Page Builder: Tidak perlu keahlian coding! Dengan Elementor, Anda cukup melakukan drag-and-drop untuk mengubah tata letak dan konten.
Desain Responsif: RyanCV dioptimalkan untuk tampil sempurna di semua perangkat, mulai dari desktop, tablet, hingga smartphone.
Variasi Demo: Tersedia berbagai pilihan demo siap pakai (seperti untuk Developer, Trainer, Musisi, dll) yang bisa diimpor hanya dengan satu klik.
Dukungan RTL: Bagi Anda yang membutuhkan tampilan bahasa dari kanan ke kiri (seperti bahasa Arab), tema ini sudah mendukung fitur tersebut secara penuh.

Cocok Digunakan Oleh Siapa?

Tema WordPress RyanCV sangat cocok untuk:

Freelancer & pekerja remote
Web developer & programmer
Desainer grafis & UI/UX
Digital marketer & SEO specialist
Fotografer & videografer
Mahasiswa & fresh graduate

Kenapa Memilih WordPress RyanCV?

Menggunakan RyanCV berarti Anda memiliki website CV yang:

Profesional
Mudah dikelola
Siap bersaing secara digital
Meningkatkan peluang karier dan klien

Dengan RyanCV, Anda tidak hanya membuat CV, tetapi membangun identitas digital yang kuat dan terpercaya.

Tema WordPress RyanCV adalah pilihan ideal bagi siapa saja yang ingin memiliki website CV dan portofolio modern tanpa ribet. Dengan desain menarik, fitur lengkap, dan kemudahan kustomisasi, RyanCV membantu Anda tampil lebih profesional di dunia digital.

Jika Anda ingin membangun website personal CV yang elegan dan fungsional, RyanCV adalah solusi yang patut dipertimbangkan.

Dari Buku Harian Digital Menjadi Mesin Penggerak Web

WordPress, bagi banyak orang, adalah sinonim dengan membuat website. Namun, untuk mengapresiasi keajaiban platform ini, kita harus melihat perjalanannya yang luar biasa—dari sebuah alat bantu kecil untuk berbagi pemikiran, menjadi sistem manajemen konten (Content Management System – CMS) paling dominan di dunia, yang konon menggerakkan lebih dari 43% dari seluruh website di internet.

Kelahiran dari Keterbatasan

Kisah WordPress dimulai pada tahun 2003. Penciptanya, Matt Mullenweg dan Mike Little, tidak sedang mencoba menciptakan CMS global. Mereka hanya ingin memperbaiki keadaan setelah platform blogging yang mereka sukai, b2/cafelog, dihentikan pengembangannya.

Dalam semangat open-source, mereka mengambil kode b2 dan mulai membangun sesuatu yang lebih baik. Intinya sederhana: sebuah sistem yang fokus pada tipografi, tata letak, dan kemudahan bagi seorang blogger untuk menulis. Konsep awalnya murni berpusat pada “buku harian digital.”

Kekuatan Inti: Open Source dan Komunitas

Keunikan dan keunggulan terbesar WordPress bukanlah pada kode aslinya, tetapi pada filosofi open-source yang mendasarinya. Ini berarti kodenya bebas digunakan, dimodifikasi, dan didistribusikan oleh siapa pun.

Pembaruan Tanpa Henti: Komunitas global developer dan pengguna secara konstan menguji, melaporkan bug, dan menyumbangkan fitur baru. Hal ini membuat WordPress berevolusi jauh lebih cepat daripada platform berpemilik (proprietary).
Ekosistem Plugin & Tema: Inilah yang mengubah WordPress dari blog menjadi website serbaguna. Plugin menambahkan fungsi seperti toko online (WooCommerce), formulir kontak, atau SEO. Tema mengubah tampilan visual secara instan. Ekosistem ini—dengan puluhan ribu opsi gratis dan berbayar—adalah DNA modular yang memungkinkannya menjadi apa pun yang Anda butuhkan: toko e-commerce, portofolio, situs berita raksasa, atau bahkan aplikasi web.

Dari Blog ke Bisnis Global

Pergeseran paling signifikan terjadi ketika perusahaan besar mulai menyadari bahwa WordPress bukan lagi sekadar platform blogging. Kemudahannya dalam publikasi konten, skalabilitasnya, dan tools SEO-nya yang kuat menjadikannya pilihan ideal.

Demokratisasi Web: WordPress memungkinkan siapa pun—mulai dari pemilik usaha kecil hingga freelancer—untuk memiliki kehadiran digital yang profesional tanpa perlu mengeluarkan biaya ribuan dolar untuk coding kustom. Ini adalah demokratisasi penerbitan web yang sesungguhnya.
Versi Ganda: Penting untuk membedakan antara WordPress.org (platform open-source yang Anda install di hosting Anda sendiri) dan WordPress.com (layanan hosting yang dikelola oleh Automattic, perusahaan yang didirikan oleh Matt Mullenweg). Kehadiran versi ganda ini melayani dua audiens berbeda: yang mencari kontrol penuh dan yang mencari kemudahan total.

Masa Depan: Full Site Editing dan Gutenberg

Saat ini, WordPress sedang berada dalam fase evolusi besar dengan diperkenalkannya Gutenberg (editor blok) dan Full Site Editing. Tujuannya adalah untuk membawa kemudahan drag-and-drop yang pernah populer di page builder pihak ketiga langsung ke dalam core WordPress.

Editor Blok: Gutenberg memperlakukan setiap elemen konten (paragraf, gambar, tombol) sebagai “blok” yang dapat diatur. Ini memberi penulis dan desainer kontrol visual yang jauh lebih besar atas konten mereka.

Pada intinya, WordPress adalah kisah sukses open source yang paling menonjol. Ini adalah bukti bahwa kolaborasi, keterbukaan, dan fokus pada kemudahan pengguna dapat menciptakan alat yang mampu menggerakkan sebagian besar informasi di dunia.

Ingin Memulai Situs Web Unik Anda?

WordPress adalah titik awal yang sempurna! Apakah Anda tertarik untuk membuat blog, toko online, atau situs portofolio profesional?

BaWor