8 Tips Praktis Maksimalkan WordPress dengan Astra

Mengapa Kita Memakai Tema Astra?

Hai, teman-teman! Apa kabar? Kalian suka bikin website pakai WordPress, kan? Nah, kali ini aku mau cerita tentang Astra Theme, salah satu tema keren di WordPress. Kita bakal jelajahi 8 tips praktis untuk maksimalkan wordpress kamu dengan Astra agar 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!

8 Tips Praktis Maksimalkan WordPress dengan Astra yang Dapat Kamu Ikuti:

1. Mulai dengan Template Starter
2. Gunakan Breadcrumb Yoast SEO 
3. Gunakan Plugin Hooks untuk Menambahkan Kode 
4. Hilangkan Pengunaan Font Icons 
5. Tambahkan Tag di Bawah Judul 
6. Ubah Sidebar untuk Beberapa Halaman
7. Manfaatkan Layout Custom untuk Menambahkan Bagian Tertentu
8. Rancang Header dan Footer Cantik 

Tips Praktis 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 disini.

1. Pertama, ke sidebar kemudian cari Tema
2. Gunakan Search Bar untuk mencari tema Astra
3. 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 Praktis 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 Praktis 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 Praktis 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 Praktis 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.php, 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 Praktis 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:

1. Ke Appearance
2. Kemudian Astra Options
3. Geser ke bawah sampai kamu menemukan bagian Extend Astra with Free Plugins

Tips Praktis 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 dengan menggunakan kode wp_head. Pastikan kamu telah meng-klik WordPress Code Editor ketika menambahkan kode. 

Tips 8 Praktis: 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. Itulah 8 tips praktis maksimalkan WordPress dengan Astra. Langsung dicoba ya!

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