Astra vs OceanWP: Tema Mana yang Harus Anda Gunakan di 2022?

Mencoba memilih antara Astra vs OceanWP untuk tema WordPress Anda?

Ini adalah dua tema WordPress paling populer sepanjang masa, jadi Anda telah mempersempit daftar Anda menjadi beberapa opsi kualitas.

Tetapi bagaimana Anda memutuskan tema yang tepat untuk situasi unik Anda? Itulah subjek dari posting ini.

Untuk membantu Anda memilih tema terbaik untuk kebutuhan Anda, saya akan menggunakan kedua tema tersebut dan membandingkan OceanWP dan Astra secara mendetail.

Secara umum, menurut saya Astra adalah tema yang lebih baik bagi kebanyakan orang karena ini adalah pilihan terbaik dalam hal kinerja, situs demo, fitur, fleksibilitas, dan harga. Namun, OceanWP mungkin lebih baik untuk pengotak yang menginginkan opsi penyesuaian paling banyak.

Untuk mempelajari dari mana kesimpulan itu berasal, teruslah membaca perbandingan lengkapnya!

Astra vs OceanWP: Perkenalan

Untuk memulai, mari kita bahas secara singkat beberapa pengantar untuk kedua tema ini.

Astra adalah tema non-default paling populer sepanjang masa di WordPress.org, yang aktif di lebih dari satu juta situs — pencapaian yang luar biasa. Ini adalah satu-satunya tema non-default yang melewati satu juta jumlah pemasangan aktif.

Selain memiliki jumlah pemasangan yang mengesankan, ia juga memiliki peringkat bintang 4,9 di hampir 5.000 ulasan.

OceanWP juga merupakan salah satu tema paling populer di WordPress.org. Aktif di lebih dari 700.000 situs, ini adalah tema non-default paling populer ketiga (hanya di belakang tema Hello Elementor dan Astra).

Seperti Astra, OceanWP juga memiliki peringkat bintang 4,9 di hampir 5.000 ulasan.

Baik Astra dan OceanWP memiliki pendekatan dasar yang sama. Mereka adalah tema serbaguna yang ringan dan fleksibel yang dapat Anda gunakan untuk semua jenis situs, dari blog hingga situs brosur, toko eCommerce, dan banyak lagi.

Untuk membantu Anda membangun situs ini, kedua tema datang dengan:

• Ratusan situs demo yang dapat diimpor untuk berbagai ceruk berbeda
• Opsi penyesuaian terperinci di Penyesuai WordPress waktu nyata
• Integrasi yang ketat dengan plugin pembuat halaman untuk desain drag-and-drop

Tetapi meskipun keduanya memiliki pendekatan dasar yang sama, mereka memiliki beberapa perbedaan penting dalam hal fitur, opsi penyesuaian, harga, dan kinerja.

Menyoroti perbedaan tersebut adalah tujuan untuk sisa posting ini.

Template/Situs Demo

Sekarang, mari beralih ke perbandingan Astra vs OceanWP yang lebih rumit, dimulai dengan melihat situs demo yang dapat diimpor.

Dengan kedua tema ini, di sinilah Anda mungkin akan memulai pengalaman Anda, jadi masuk akal untuk memulai perbandingan kami di sini.

Astra

Melalui plugin Starter Templates pendamping, Astra menawarkan situs demo yang dapat diimpor yang dibuat dengan empat plugin builder pilihan Anda:

• Elementor (ulasan kami)
• Beaver Builder (ulasan kami)
• Editor blok WordPress asli (Gutenberg)
• Brizy

Secara total, Anda mendapatkan akses ke lebih dari 280 situs demo unik, dengan 95+ tersedia dalam versi gratis dan sisanya memerlukan salah satu paket agensi berbayar.

Meskipun desain bersifat subjektif, menurut saya situs demo Astra terlihat jauh lebih baik dan lebih unik daripada OceanWP.

Jelajahi Demo Astra

OceanWP

Dibandingkan dengan Astra, OceanWP tidak memberi Anda banyak pilihan.

Pertama, semua situs demo dibuat dengan Elementor. Tidak apa-apa jika Anda menyukai Elementor, tetapi Anda tidak mendapatkan pilihan untuk menggunakan builder lain seperti yang ditawarkan Astra.

Kedua, jumlah situs demo lebih sedikit, terutama dalam versi gratis: Anda mendapatkan 15 template Elementor gratis dan 185 template premium.

Secara pribadi, dibandingkan dengan Astra, saya menemukan banyak demo OceanWP yang agak membosankan dan ketinggalan zaman.

Jelajahi Demo OceanWP

Pemenang : Astra jelas merupakan pemenang karena menawarkan lebih banyak situs demo dan juga memberi Anda lebih banyak pilihan untuk pembuatnya. Secara pribadi, menurut saya situs demo Astra terlihat lebih baik .

Opsi Kustomisasi

Untuk membantu Anda menyesuaikan situs Anda, baik Astra dan OceanWP menyertakan banyak opsi di Penyesuai WordPress waktu nyata.

Sejujurnya, tidak mungkin untuk membandingkan setiap fitur di sini karena kita berbicara tentang ratusan (atau mungkin ribuan?) opsi penyesuaian yang berbeda.

Jadi sebagai gantinya, saya akan mencapai poin tertinggi.

Secara umum, saya pikir OceanWP sedikit lebih fleksibel dalam hal opsi yang diberikannya kepada Anda. Ini terutama benar ketika membandingkan versi gratis OceanWP dengan versi gratis Astra — OceanWP pasti memberi Anda lebih banyak fleksibilitas dalam skenario ini.

Misalnya, berikut adalah opsi tipografi di OceanWP versi gratis:

Dengan Astra versi gratis, Anda hanya mendapatkan opsi tipografi sederhana untuk teks isi dan judul H1-H6. (Namun, Anda juga akan mendapatkan beberapa opsi lain yang terselip di area lain.)

Perbedaannya tidak terlalu besar dengan versi premium (lebih lanjut tentang alasannya nanti). Namun, saya akan mengatakan bahwa OceanWP masih sedikit lebih fleksibel, meskipun keduanya jauh lebih fleksibel daripada rata-rata tema WordPress Anda.

Ini tidak universal, dan Astra pasti memiliki beberapa area di mana ia menang. Misalnya, Astra sekarang menawarkan pembuat header dan footer drag-and-drop yang sangat berguna yang memungkinkan Anda membuat tata letak khusus untuk area tersebut:

Namun secara umum, OceanWP adalah pemenangnya di sini — namun, satu kelemahan dari memiliki begitu banyak pilihan adalah area Customizer OceanWP terasa sedikit berantakan dibandingkan dengan Astra.

Pemenang : OceanWP, meskipun saya pikir sebagian besar pengguna WordPress akan senang dengan keduanya.

Integrasi Pembuat Halaman/Kontrol Tingkat Halaman

Baik Astra dan OceanWP bekerja dengan baik dengan plugin pembuat halaman berkat kontrol tingkat halaman yang fleksibel.

Pada dasarnya, pengaturan ini memungkinkan Anda mengontrol kanvas untuk desain pembuat halaman Anda berdasarkan halaman demi halaman.

Misalnya, Anda dapat mengubah jumlah bilah sisi yang dimiliki halaman atau membuatnya menjadi lebar penuh. Atau, Anda dapat menonaktifkan elemen tertentu seperti judul halaman sehingga Anda dapat membangun elemen tersebut dengan pembuat halaman Anda.

Astra

Dengan Astra, Anda mendapatkan opsi Pengaturan Astra baru di bilah sisi editor blok. Di sini, Anda dapat:

• Pilih berapa banyak sidebar yang akan digunakan
• Ubah tata letak konten
• Nonaktifkan elemen tertentu seperti header, judul, gambar unggulan, footer, dan lainnya
• Aktifkan header transparan atau lengket
• Pilih tajuk halaman khusus

OceanWP

Dengan OceanWP, Anda mendapatkan kotak Pengaturan OceanWP baru (Anda perlu menginstal plugin Ocean Extra gratis untuk mengaktifkannya). Kotak ini memberi Anda banyak opsi tingkat halaman. Pada level tinggi, Anda mendapatkan semua opsi yang sama dengan Astra:

• Ubah tata letak dan lebar konten
• Pilih bilah sisi khusus
• Nonaktifkan judul atau heading, atau gunakan judul khusus
• Nonaktifkan/ubah footer
• Ubah menu navigasi atau bahkan nonaktifkan elemen tertentu seperti bilah atas

Tetapi Anda juga mendapatkan beberapa opsi yang sangat rumit seperti menambahkan bantalan atas atau bawah khusus, mengubah logo, warna, dan tipografi, menyuntikkan kode pendek di berbagai bagian halaman, dan banyak lagi.

Saya tidak berpikir kebanyakan orang membutuhkan banyak pilihan ini. Namun, jika Anda suka memiliki opsi penyesuaian, OceanWP pasti memberikannya.

Pemenang : OceanWP memberi Anda lebih banyak kontrol tingkat halaman, meskipun saya pikir Astra masih memberi Anda semua opsi yang Anda butuhkan dalam banyak kasus.

Fitur Pengembang

Untuk pengguna yang lebih mahir, Astra dan OceanWP memberi Anda opsi untuk menyuntikkan konten menggunakan kait. Jika Anda tidak terbiasa dengan istilah ini, hook pada dasarnya memungkinkan Anda menyuntikkan konten di berbagai tempat di tema Anda.

Misalnya, Anda dapat secara otomatis menambahkan kotak ajakan bertindak di akhir posting blog atau menyisipkan iklan di bawah judul posting.

Astra

Dengan Astra Pro, Anda mendapatkan fitur Tata Letak Kustom yang sangat berguna yang memungkinkan Anda membuat lima jenis tata letak:

1. tajuk
2. catatan kaki
3. 404 Halaman
4. kait
5. Di dalam Postingan/Konten Halaman

Opsi kait adalah yang paling kuat karena memungkinkan Anda menyuntikkan konten atau kode khusus di lokasi kait mana pun. Anda juga mendapatkan opsi bersyarat untuk mengontrol kapan harus menyuntikkan konten, seperti:

• Targetkan konten tertentu – misalnya postingan atau kategori postingan tertentu
• Targetkan pengguna tertentu – misalnya semua pengguna yang masuk atau hanya peran pengguna tertentu
• Pilih tanggal mulai/berakhir kapan harus menyuntikkan konten
• Targetkan perangkat tertentu – misalnya seluler vs desktop

Untuk menyisipkan konten di postingan/halaman, Anda juga dapat menyuntikkan konten setelah sejumlah blok acak, yang sangat bagus untuk memasukkan iklan atau promo di postingan blog.

Jika Anda menggunakan versi gratis, Anda dapat menggunakan plugin Astra Hooks gratis untuk memasukkan kait dari Customizer, meskipun tidak sefleksibel Tata Letak Kustom.

OceanWP

Setara di OceanWP adalah add-on Ocean Hooks premium, yang juga sangat fleksibel. Ini memungkinkan Anda menyuntikkan teks, kode pendek, kode PHP dan HTML, dan lebih banyak lagi ke salah satu lokasi pengait OceanWP.

Anda juga akan mendapatkan logika kondisional untuk hanya mengeksekusi hook berdasarkan detail seperti konten (misalnya halaman atau kategori tertentu), status login, dan lainnya. Untuk kontrol yang lebih besar, Anda dapat menambahkan validasi peran pengguna untuk menjalankannya bagi pengguna terdaftar dengan peran tertentu.

Pemenang : Astra. Sementara Ocean Hooks juga sangat kuat, menurut saya fitur Tata Letak Kustom Astra bahkan lebih fleksibel berkat fitur-fitur seperti penjadwalan waktu dan penyisipan konten secara acak.

Fitur Penting lainnya

Satu hal unik tentang OceanWP adalah versi premiumnya menyertakan banyak ekstensi untuk membantu Anda menambahkan fitur front-end seperti popup dan pemberitahuan cookie.

Secara total, OceanWP memberi Anda add-on untuk:

• Masuk popup
• Popup WooCommerce setelah halaman add-to-cart
• Pemberitahuan cookie
• Jendela modal (masukkan konten apa pun)
• Portofolio
• umpan Instagram
• Konten lengket
• Widget Elemen Kustom

Versi premium Astra lebih fokus pada penambahan opsi penyesuaian tema tambahan, daripada memberi Anda fitur front-end yang unik seperti ini.

Fitur tambahan di OceanWP ini bagus, tetapi itu adalah hal yang dapat Anda selesaikan dengan plugin pihak ketiga. Misalnya, jika Anda memilih Astra, Anda dapat menggunakan plugin feed Instagram khusus atau plugin pemberitahuan cookie.

Pemenang : OceanWP.

Integrasi WooCommerce

Baik Astra dan OceanWP menawarkan dukungan mendalam untuk plugin eCommerce WooCommerce.

Pertama, Anda mendapatkan opsi di Customizer untuk mengontrol toko online Anda. Tetapi kedua tema juga memberi Anda fitur khusus WooCommerce yang berguna:

Pemenang : OceanWP memiliki sedikit keunggulan karena memiliki beberapa fitur unik, meskipun kedua tema tersebut merupakan pilihan yang bagus untuk toko WooCommerce.

Integrasi Terkemuka Lainnya

Dalam hal integrasi penting di luar WooCommerce, Astra memiliki keunggulan berkat integrasi bawaan untuk platform eCommerce lain dan beberapa plugin LMS populer, termasuk:

• Unduhan Digital Mudah untuk eCommerce digital
• LearnDash untuk kursus online (baca ulasan LearnDash kami)
• LifterLMS untuk kursus online (baca perbandingan LifterLMS vs LearnDash kami)

Jika Anda menggunakan salah satu plugin ini, Astra memberi Anda opsi khusus di Customizer untuk mengontrol tampilan konten plugin. Misalnya, dengan LearnDash, Anda akan mendapatkan opsi untuk mengontrol tampilan kursus Anda dan Astra bahkan menawarkan beberapa situs demo yang didukung oleh LearnDash.

Namun, OceanWP juga akan bermain bagus dengan semua plugin ini. Misalnya, jika Anda membuat kursus LearnDash dengan OceanWP, kursus Anda akan tetap terlihat bagus.

Perbedaan utamanya adalah Anda tidak mendapatkan pengaturan Customizer bawaan untuk memungkinkan Anda menyesuaikan cara kerja kursus Anda.

Pemenang : Astra memiliki lebih banyak integrasi bawaan di luar WooCommerce.

Kecepatan dan Performa

Area fitur terakhir yang ingin saya pertimbangkan sebelum membahas harga adalah perbandingan kecepatan Astra vs OceanWP.

Untuk melihat perbandingannya, saya menguji kecepatan Astra vs OceanWP hanya menggunakan tema dasar ( bukan situs demo ). Meskipun ini tidak realistis untuk situs nyata, saya pikir ini adalah cara paling adil untuk melihat bagaimana Astra dan OceanWP menumpuk dari perspektif kinerja.

Berikut adalah hasil dari WebPageTest untuk Astra:

Dan, untuk OceanWP:

Mari kita fokus pada skrip dan ukuran halaman:

Jadi — setidaknya dalam pernyataan “out of the box” mereka, Astra sedikit lebih ringan daripada OceanWP.

Namun, satu hal yang perlu diingat adalah bahwa OceanWP menyertakan panel Skrip & Gayanya sendiri yang memungkinkan Anda menonaktifkan file CSS dan JavaScript secara manual, yang dapat membantu Anda mengecilkan ukuran halaman dan permintaan HTTP. Untuk pengguna tingkat lanjut, ini adalah opsi yang sangat bagus, tetapi saya pikir pengguna biasa mungkin kesulitan untuk mengoptimalkan berbagai hal di sini dan kehilangan manfaatnya:

Pemenang : Astra adalah tema yang lebih ringan, meskipun pengguna tingkat lanjut dapat "melangsingkan" OceanWP jika mereka menggali alat skrip dan gaya.

harga

Untuk menyelesaikannya, mari kita bicara tentang OceanWP vs Astra dalam hal harga.

Kedua tema tersebut tersedia secara gratis di WordPress.org. Kemudian, jika Anda ingin menambahkan lebih banyak fitur, Anda dapat membeli versi premium.

Versi Gratis

Untuk situs sederhana, Anda mungkin bisa menggunakan Astra atau OceanWP versi gratis. Namun, untuk kasus penggunaan yang serius, saya akan merekomendasikan mempertimbangkan versi premium dari kedua tema.

Astra dan OceanWP menggunakan strategi penguncian fitur yang berbeda untuk paket gratis vs pro mereka:

• OceanWP memberi Anda hampir semua opsi Customizer dengan versi gratis. Jika Anda membeli versi premium, Anda terutama mendapatkan situs demo baru dan fitur front-end seperti popup, alat kait bersyarat, pemberitahuan cookie, dan banyak lagi.
• Astra membatasi opsi Customizer dalam versi gratis, tetapi masih memberi Anda banyak template. Untuk mengakses semua opsi Customizer dan beberapa fitur lanjutan lainnya, Anda harus menggunakan Pro.

Di tabel perbandingan Astra vs Astra Pro, Anda dapat melihat bahwa banyak perbedaan melibatkan opsi penyesuaian dasar:

Sedangkan dengan OceanWP, perbedaannya terutama melibatkan fitur front-end baru:

Jadi, jika Anda secara khusus melihat versi gratis, saya akan mengatakan:

• Gunakan OceanWP jika Anda menginginkan opsi penyesuaian paling banyak.
• Pergi dengan Astra jika Anda menginginkan demo paling banyak.

Versi Pro

Dalam hal harga premium, ada satu perbedaan besar antara kedua tema ini:

• Semua paket Astra memungkinkan penggunaan di situs tanpa batas.
• Semua paket OceanWP memiliki batas situs web — tiga, enam, atau 50 situs, tergantung pada paketnya.

Berikut adalah harga awal untuk masing-masing:

• Astra – $47 untuk digunakan di situs tak terbatas untuk tahun pertama Anda (setelah itu, lisensi Anda diperbarui pada $59)
• OceanWP – $54 per tahun untuk penggunaan hingga tiga situs

Astra menyebut harga $47 sebagai "kesepakatan waktu terbatas". Namun, mereka benar-benar telah menjalankan kesepakatan "waktu terbatas" $ 47 ini selama lebih dari setahun pada saat saya menulis posting ini, jadi saya pikir adil untuk menyebutnya "harga" pada saat ini. Namun, harga spesial ini hanya berlaku untuk tahun pertama Anda. Jika Anda ingin memperbarui lisensi tahunan, Anda akan membayar $59.

Sementara OceanWP memiliki satu versi premium (disebut Ocean Core Extensions Bundle), Astra juga menawarkan bundel yang menyertakan plugin pengembang lainnya seperti WP Portfolio, Ultimate Addons for Elementor OR Beaver Builder, Convert Pro, Schema Pro, dan banyak lagi.

Namun, untuk mengakses situs demo premium Astra, Anda harus membeli setidaknya Paket Esensial $169. Jadi jika Anda menginginkan template premium juga, itu akan membuat Astra lebih mahal dibandingkan dengan OceanWP (walaupun Anda akan mendapatkan beberapa plugin tambahan dengan Astra's Essential Bundle, yang juga menambah nilai).

Pemenang : Astra, kecuali jika Anda membutuhkan demo premium juga.

Astra vs OceanWP: Mana yang Harus Anda Gunakan?

Sekarang untuk pertanyaan penting, ketika datang ke OceanWP sebagai Astra, mana yang harus Anda pilih?

Nah, pertama ada kabar baik:

Apapun tema yang Anda pilih, Anda tidak akan membuat keputusan yang “salah”. Ini adalah kedua tema yang sangat bagus, jadi kemungkinan besar, Anda akan bahagia dengan cara apa pun.

Namun, jika saya harus merekomendasikan salah satu dari opsi ini untuk kebanyakan orang, saya akan mengatakan Astra adalah pilihan utama saya.

Inilah alasannya:

• Ini lebih ringan dalam hal kinerja out-of-the-box.
• Ini memiliki lebih banyak situs demo dan Anda dapat memilih dari pembuat yang berbeda. Anda juga mendapatkan lebih banyak demo dalam versi gratis.
• Meskipun OceanWP mungkin memiliki sedikit keunggulan dalam hal opsi penyesuaian, Astra masih memiliki fleksibilitas yang cukup untuk sebagian besar orang .
• Pengalaman Penyesuai Astra lebih ramah pengguna .
• Pembuat header/footer drag-and-drop baru Astra sangat bagus.
• Ini memiliki integrasi yang lebih dalam untuk lebih banyak plugin , seperti LifterLMS dan LearnDash.
• Untuk pengguna tingkat lanjut, fitur Tata Letak Kustom Astra sedikit lebih fleksibel daripada Ocean Hooks.
• Lebih terjangkau jika Anda memerlukan tema untuk banyak situs karena memungkinkan penggunaan situs tanpa batas.

Dapatkan Astra

Namun, itu hanya rekomendasi untuk "kebanyakan" orang. Saya pikir ada beberapa situasi khusus di mana Anda mungkin menginginkan OceanWP sebagai gantinya:

• Anda ingin menggunakan tema gratis dan mengonfigurasi semuanya dari awal. Versi gratis OceanWP memberi Anda lebih banyak opsi penyesuaian . Dan karena Anda membangun dari awal, Anda tidak akan peduli dengan kurangnya situs demo.
• Anda menginginkan semua opsi penyesuaian seluk beluk itu. OceanWP memang memberi Anda lebih banyak fleksibilitas dalam hal opsi Customizer dan kontrol tingkat halaman. Saya tidak berpikir kebanyakan orang membutuhkan fleksibilitas ekstra itu. Tetapi jika Anda melakukannya, OceanWP mungkin lebih baik.
• Anda sedang membangun toko WooCommerce. Saya pikir OceanWP sedikit lebih fleksibel untuk WooCommerce , meskipun Astra juga bagus.

Dapatkan OceanWP

Untuk melihat tema lain yang dimasukkan ke dalam campuran, Anda dapat melihat perbandingan GeneratePress vs Astra vs OceanWP tiga arah kami.

Atau, Anda juga dapat menelusuri koleksi lengkap tema WordPress tercepat kami.

Ada pertanyaan tentang perbandingan Astra vs OceanWP kami? Menggunakan salah satu dari tema ini? Beri tahu kami di komentar!