Hai, teman-teman! Apa kabar? Kalian suka bikin website pakai WordPress, kan? Nah, kali ini aku mau cerita tentang Astra WordPress, salah satu tema keren di WordPress. Kita bakal jelajahi 8 tips seru buat bikin website kalian makin cantik dan hebat pake Astra Theme.
Astra Theme itu seperti baju baru buat website WordPress kita. Banyak banget yang suka pake Astra karena bisa dirubah-rubah sesuai dengan yang kita mau. Dia juga cepat dan nggak berat di komputer atau handphone kita. Makanya, banyak orang suka Astra!
Berikut 8 Tips Praktis untuk Maksimalkan WordPressmu dengan Astra:
Tips 1: Mulai dengan Template Starter
Astra punya “Template Starter” yang siap pakai, lho. Ini seperti lembar kerja yang udah dihias, kita tinggal nambahin isinya aja. Misalnya, ada template untuk halaman “Kontak” atau “Tentang Kami”. Kita bisa pilih yang kita suka dan edit isinya. Gampang, kan? Untuk panduan menambahnya bisa kalian lihat Panduan Tutorial (internal link)
- Pertama, ke sidebar kemudian cari Tema
- Gunakan Search Bar untuk mencari tema Astra
- Aktivasi tema tersebut
Ketika kamu sudah mengaktivasinya, kamu akan melihat 2 opsi
Setelah ini kamu dapat mengimpor laman website dengan template yang lengkap ataupun hanya menggunakan beberapa halaman yang kamu suka
Tips 2: Tambahkan Breadcrumb Yoast SEO🗺️
Kita pasti pengen website kita muncul di mesin pencari kayak Google, kan? Nah, Astra bantu kita buat nambah “breadcrumb”. Ini seperti petunjuk jalan biar pengunjung tahu posisi halaman di website kita. Bisa pakai Plugin Yoast SEO nih, tinggal dipilih! Kamu dapat melakukan ini melalui bagian Customizing. Berikut langkah-langkahnya:
- Pergi ke bagian Appearance
- Kemudian ke Customizing
- Klik pada Breadcrumb Source
- Pilih Yoast SEO Breadcrumbs
Tips 3: Gunakan Plugin Hooks untuk Menambahkan Kode
Kadang-kadang kita pengen masukin kode-kode khusus ke website kita. Astra punya plugin khusus buat ini, namanya “Hooks”. Dengan plugin ini, kita bisa masukin kode di berbagai tempat, seperti header, footer, atau area lainnya. Praktis, kan?
Tips 4: Hilangkan Penggunaan Font Icons
Astra punya ikon-ikon keren di menu navigasinya. Tapi, kadang-kadang ikon ini bisa bikin website jadi lebih lambat. Kita bisa matiin ikon ini biar website kita lebih cepat buka halaman. Tinggal tambahin kode di bawah ini ke child theme di fie functions.php, dan selesai!
add_filter( 'astra_enable_default_fonts', '__return_false' );Tips 5: Tambahkan Tag di Bawah Judul
Tips selanjutnya adalah untuk mengubah lokasi dari tag pada sebuah blog. Biasanya, tag artikel ada di bawah judul, tapi kalau ada banyak tag, bisa jadi penuh dan berantakan. Kita bisa pindahin tag ke bawah judul artikel, biar kelihatan lebih rapi. Kamu bisa mengubah lokasi tag nya dengan menambahkan kode di bawah ini ke child theme Astra di file functions.pho, nanti tag bakal pindah sendiri!
// removes the tags in meta below the title
add_filter( 'astra_post_tags', 'remove_tags_callback' );
function remove_tags_callback(){ return ' '; }
add_action('wp', 'tags_call_back');
function tags_call_back(){
if( is_single() )
{ add_action( 'astra_entry_bottom' , 'add_tags_callback'); }
}
// display the tags with link at the respective action hook function add_tags_callback(){
$output = '';
$tags_list = get_the_tag_list( '', __( ', ', 'astra' ) );
if ( $tags_list ) { $output .= '' . $tags_list . ''; }
if( ! empty($tags_list))
{ echo 'Tags: ' . $output . ''; }
}
Tips 6: Ubah Sidebar untuk Beberapa Halaman
Kadang-kadang, kita mau sidebar yang berbeda-beda buat setiap halaman di website kita. Misalnya, kategori “Resep” punya sidebar sendiri, kategori “Cerita” punya sidebar beda. Astra bisa bantu kita bikin sidebar khusus buat tiap kategori!
Caranya juga sangat gampang:
- Ke Appearance
- Kemudian Astra Options
- Geser ke bawah sampai kamu menemukan bagian Extend Astra with Free Plugins
Tips 7: Manfaatkan Layout Custom untuk Menambahkan Bagian Tertentu
Astra Pro punya fitur canggih lagi nih, namanya “Custom Layout”. Dengan ini, kita bisa menambahkan bagian-bagian baru ke website kita, kayak HTML dan script. Kalau biasanya kita butuh plugin tambahan, sekarang kita bisa langsung pake fitur Astra sendiri. Keren, kan?
Kamu juga bisa menambahkan Google Analytics (backlink ke GA) dengan menggunakan kode wp_head. Pastikan kamu telah meng-klik WordPress Code Editor ketika menambahkan kode.
Tips 8: Rancang Header dan Footer yang Cantik
Astra Pro yang terbaru punya fitur tambahan yang luar biasa: kita bisa bikin header dan footer yang cantik banget. Ini penting biar website kita kelihatan profesional. Kita bisa bikin sendiri sesuai dengan yang kita mau. Tapi kalau mau menggunakan ini harus mengaktivasi Astra PRO (backlink astra pro) dulu ya. Berikut cara untuk mengaturnya:
- Pergi ke bagian Appearance
- Kemudian ke Customize
Kamu juga bisa menambah Page Headers yang baru dengan cara:
- Pergi ke Appearance
- Kemudian klik Astra Options
- Lalu ke Page Headers
- Klik Add New
Gampang dan seru kan!
Kesimpulan Penutup
Astra itu tema WordPress yang hebat dan ringan (tidak lebih dari 50kb lohh), tapi kita bisa kostumisasi sesuai keinginan kita. Jadi, jangan ragu eksplorasi dan bikin website impianmu dengan Astra! Ingat, Astra bantuin kita bikin website jadi lebih keren dan lebih baik.
Referensi
https://wpastra.com/docs/getting-the-most-with-astra/
https://wpastra.com/guides-and-tutorials/wordpress-performance-tips/
https://analytics.google.com/analytics/web/provision/#/provision