Pengaturan Tema SastraPro

Panduan lengkap untuk mengatur Tema WordPress SastraPro setelah dipasang di website WordPress Anda.

Belum Punya SastraPro?

Lihat halaman produk SastraPro untuk info fitur, demo, dan pembelian.

Explore Langsung di Customizer

Semua pengaturan tema tersedia di Customizer (Appearance > Customize > Theme Options). Setiap opsi sudah dilengkapi penjelasan singkat, sehingga Anda bisa langsung explore dan mencoba tanpa harus membaca panduan ini. Halaman ini hanya sebagai referensi tambahan jika Anda membutuhkan penjelasan lebih detail.

Daftar Pengaturan

Pengaturan	Deskripsi
Import Demo	Pasang konten demo dengan satu klik
Header	Sticky header, alignment menu, dark mode toggle
Warna & Tipografi	Preset warna, font
Tata Letak	Lebar konten, posisi sidebar
Homepage Hero	Featured post (hingga 3, otomatis slider) atau konten custom
Editor's Pick	Postingan pilihan editor
Arsip & Index	Judul artikel terbaru, grid layout, pagination
Single Post	Gambar unggulan (full bleed di mobile/tablet), related posts
Daftar Isi (TOC)	Table of contents otomatis
Reading Progress Bar	Bar progress membaca
Syntax Highlighting	Highlighting kode program
Share Buttons	Tombol berbagi sosial media
Icon Sosial Media	Link ke akun sosial media
Iklan	Penempatan iklan: sebelum konten, dalam konten, setelah konten, antara artikel
Custom Scripts	Google Analytics, GTM, kode tracking
Footer	Copyright, widget footer
SEO	Meta description, schema
Cookie Consent	Banner persetujuan cookie
Import / Export Pengaturan	Backup dan pindahkan setelan tema

Import Demo

Cara tercepat membuat website Anda tampil persis seperti demo tema: konten contoh, widget, menu, dan seluruh setelan Customizer terpasang otomatis. (Tersedia mulai versi 1.2.8)

Langkah Import

Setelah tema aktif, akan muncul notice dengan tombol Install One Click Demo Import: klik untuk memasang plugin gratis tersebut (atau install manual dari Plugins > Add New)
Buka Appearance > Import Demo Data
Klik tombol import pada kartu SastraPro Demo
Tunggu proses selesai (beberapa menit, karena gambar demo ikut diunduh)

Setelah selesai, tema otomatis menerapkan setelan Customizer, menugaskan lokasi menu, mengatur post hero dan Editor's Pick, serta jumlah post homepage, tanpa langkah manual tambahan.

Plugin Bisa Dihapus

Setelah import selesai, plugin One Click Demo Import boleh dinonaktifkan atau dihapus, tidak memengaruhi hasil import.

Mengakses Pengaturan Tema

Login ke Dashboard WordPress
Buka menu Appearance > Customize
Pilih panel Theme Options

Pratinjau Real-time

Setiap perubahan yang Anda buat akan langsung terlihat di panel pratinjau sebelah kanan.

Pengaturan untuk tampilan header website.

Opsi	Fungsi	Default
Sticky Header	Header tetap terlihat saat scroll	Aktif
Hide on Scroll Down	Header sembunyi saat scroll ke bawah, muncul saat scroll ke atas	Nonaktif
Menu Alignment	Posisi horizontal menu navigasi: Left, Center, Right	Left
Show Site Tagline	Tampilkan tagline di header	Aktif
Enable Dark Mode	Tampilkan tombol dark mode	Aktif

Cara Mengatur

Buka Customize > Theme Options > Header
Aktifkan atau nonaktifkan opsi sesuai kebutuhan
Klik Publish untuk menyimpan

Warna & Tipografi

Preset Warna

SastraPro menyediakan 14 preset warna yang sudah dioptimasi untuk tampilan light dan dark mode:

Slate Pro (default)
Default Light
Default Dark
Ocean Blue
Forest Green
Warm Terracotta
Midnight
Blush Rose
Sage Green
Plum Purple
Coffee Brown
Indigo Night
Sand Beige
Crimson

Cara Memilih Preset

Buka Customize > Theme Options > Colors
Pilih preset dari dropdown Color Preset
Klik Publish

Warna Custom

Jika preset tidak sesuai, Anda bisa mengatur warna manual:

Opsi	Fungsi
Background Color	Warna latar belakang
Surface Color	Warna permukaan card/box
Surface Alt Color	Warna permukaan alternatif (card/box sekunder)
Text Color	Warna teks utama
Muted Text Color	Warna teks sekunder
Accent Color	Warna aksen (link, tombol)
Border Color	Warna garis pembatas

Tipografi

Opsi	Pilihan
Body Font	10 pilihan: System Default, Inter, Open Sans, Roboto, Lato, Merriweather, Lora, Playfair Display, Poppins, Source Sans Pro
Heading Font	10 pilihan yang sama dengan Body Font
Base Font Size	Ukuran font dasar (px), default 16px

Font Self-hosted

Semua font (kecuali System Default) di-host langsung dari tema, tanpa request eksternal ke Google Fonts, ramah privasi dan GDPR.

Mengganti font satu blok

Sejak versi 1.5.0, daftar font yang sama juga tersedia di editor. Pilih blok paragraf atau judul, lalu ubah Typography di panel sisi kanan. Font bagian lain tidak ikut berubah.

Tata Letak

Pengaturan struktur halaman.

Opsi	Pilihan	Default
Layout Preset	3 Columns Grid, 2 Columns + Sidebar, List + Sidebar	3 Columns Grid
Container Width	960px - 1400px	1200px
Sidebar Position	No Sidebar, Left, Right	No Sidebar
Back to Top Button	Show/Hide	Show

Cara Mengatur

Buka Customize > Theme Options > Layout
Pilih Layout Preset untuk kombinasi cepat: 3 Columns Grid (tanpa sidebar, default), 2 Columns + Sidebar (sidebar kanan), atau List + Sidebar (list 1 kolom + sidebar kanan)
Gunakan slider untuk mengatur lebar container
Pilih posisi sidebar atau nonaktifkan
Klik Publish

Layout Tanpa Sidebar

Pilih Sidebar Position: None untuk tampilan full-width yang modern.

Page Template Full Width

Untuk halaman tertentu yang butuh lebar penuh (landing page, halaman penjualan), gunakan template bawaan:

Edit halaman yang diinginkan
Di panel Page (sebelah kanan editor), bagian Template, pilih SastraPro Full Width
Update halaman

Homepage Hero

Section hero di bagian atas homepage dengan gambar dan overlay gradient.

Mode Hero

Mode	Deskripsi
Featured Post	Menampilkan hingga 3 postingan unggulan, otomatis menjadi slider jika lebih dari satu
Custom Hero	Konten custom: heading, subheading, tombol, dan gambar background
No Hero	Tidak menampilkan hero section

Menggunakan Featured Post

Buka Customize > Theme Options > Homepage Hero
Pilih Hero Mode: Featured Post
Pada Featured Posts, pilih hingga 3 postingan dari dropdown
Atur urutan dengan tombol ▲▼ pada daftar post terpilih: urutan ini menjadi urutan slide
Klik Publish

Opsi	Fungsi
Badge Text	Ubah label badge artikel unggulan (default: "Featured")
Thumbnail Style	Gaya tampilan gambar: wide, stacked, compact, atau tanpa gambar
Text Alignment	Rata kiri, tengah, atau kanan
Slider Autoplay	Slide berganti otomatis (plus pengaturan interval)
Slider Dots	Tampilkan indikator titik navigasi slider

Default

Jika tidak memilih postingan, sistem akan menampilkan postingan terbaru. Slider hanya aktif saat lebih dari satu post dipilih.

Menggunakan Custom Hero

Pilih Hero Mode: Custom Hero
Isi field yang tersedia: Heading, Subheading, Button Text, dan Button URL
Pilih Hero Image sebagai background (opsional)
Sesuaikan tampilan: Overlay (kepekatan lapisan gelap), Blur background, Text Color (light/dark), dan Alignment
Klik Publish

Editor's Pick

Section postingan pilihan editor yang ditampilkan di homepage dengan layout 2 kolom.

Opsi	Fungsi
Enable Section	Aktifkan/nonaktifkan section
Section Title	Judul section (default: "Editor's Pick")
Post Source	Sumber postingan: pilih manual atau otomatis dari satu kategori
Category	Kategori sumber (dipakai saat Post Source = Latest from a category)
Post Selection	Pilih postingan yang ingin ditampilkan (maksimal 5)
Display Order	Urutan tampilan postingan (dipakai untuk pilihan manual)

Layout

Kolom Kiri: Post pertama dengan thumbnail besar (vertical card)
Kolom Kanan: Post 2-5 dengan thumbnail kecil (horizontal cards)
Mobile: Single column, semua horizontal

Sumber Postingan

Post Source	Yang ditampilkan
Manual selection	Postingan yang Anda pilih sendiri di Select Posts
Latest from a category	5 postingan terbaru dari kategori yang dipilih, ikut berubah setiap ada postingan baru

Saat memakai kategori, opsi Select Posts dan Display Order tidak berlaku. Bila kategori belum dipilih, section tidak ditampilkan.

(Tersedia mulai versi 1.5.1)

Opsi Urutan

Opsi	Deskripsi
Custom	Urutan sesuai daftar pilihan Anda, atur dengan tombol ▲▼
Date (Newest)	Terbaru ke terlama
Date (Oldest)	Terlama ke terbaru
Title (A-Z)	Alfabet A-Z
Title (Z-A)	Alfabet Z-A
Comment Count	Komentar terbanyak
Random	Acak

Cara Mengatur

Buka Customize > Theme Options > Editor's Pick
Aktifkan Enable Section
Pilih Post Source:
- Manual selection: pilih postingan dari dropdown Select Posts (maksimal 5), lalu atur urutannya dengan tombol ▲▼ di samping tiap post terpilih (tersedia mulai versi 1.2.8; pastikan Display Order = Custom).
- Latest from a category: pilih kategori sumbernya.
Klik Publish

Arsip & Index

Pengaturan untuk halaman arsip, kategori, dan tag.

Judul Artikel Terbaru

Judul di atas daftar artikel di halaman depan. Isi dengan teks yang Anda inginkan, misalnya "Artikel Terbaru", "Catatan Terbaru", atau "Tulisan Pilihan". Biarkan kosong untuk menyembunyikan judul tersebut. (Tersedia mulai versi 1.4.5)

Grid Layout

Opsi	Tampilan
1 Column	Card horizontal (gambar di kiri, teks di kanan)
2 Columns	Grid 2 kolom
3 Columns	Grid 3 kolom

Pagination

Tipe	Fungsi
Numbered	Navigasi dengan nomor halaman
Load More	Tombol untuk memuat postingan lanjutan (AJAX)

Post Meta

Pilih informasi yang ditampilkan di setiap card postingan:

Author (penulis)
Author Avatar (foto penulis)
Date (tanggal publikasi)
Category Badge (badge kategori)
Comment Badge (badge jumlah komentar)

Excerpt

Section ini juga memiliki opsi Show Excerpt (aktif secara default) dan Excerpt Length (panjang ringkasan dalam kata, default 20 kata).

Single Post

Pengaturan untuk halaman postingan individual.

Gambar Unggulan

Opsi	Fungsi	Default
Show Featured Image	Tampilkan gambar unggulan	Aktif
Featured Image Ratio	Rasio gambar: 21:9 (Ultrawide), 16:9 (Widescreen), 4:3 (Standard), Original (Auto)	21:9
Full Bleed Featured Image	Perluas gambar unggulan hingga selebar layar penuh di mobile/tablet (desktop tetap memakai lebar normal) (Tersedia mulai versi 1.4.0)	Nonaktif

Menampilkan artikel terkait berdasarkan kategori dan tag.

Opsi	Fungsi	Default
Related Posts Count	Jumlah postingan terkait (0-6)	3

Nonaktifkan Related Posts

Set Related Posts Count ke 0 untuk menyembunyikan section.

Post Meta

Pilih informasi yang ditampilkan:

Date (tanggal publikasi)
Last Modified Date (tanggal terakhir diperbarui)
Author (nama penulis)
Author Avatar (foto penulis)
Category (kategori)
Comments Count (jumlah komentar)
Reading Time (estimasi waktu baca)

Fitur Reading Experience

Fitur	Fungsi
Reading Progress Bar	Bar progress saat membaca
Table of Contents	Daftar isi otomatis dari heading
Code Syntax Highlighting	Highlighting kode program
Post Navigation	Link ke postingan sebelum/sesudah

Daftar Isi (TOC)

Table of Contents otomatis dibuat dari level heading yang Anda centang, dari H2 sampai H6.

Cara Mengaktifkan

Buka Customize > Theme Options > Single Post
Scroll ke bagian Table of Contents
Aktifkan Enable Table of Contents, lalu centang level heading yang ikut ditampilkan (H2 sampai H6)
Klik Publish

Pengaturan TOC

Opsi	Default	Deskripsi
Position	Sidebar	Posisi TOC: sidebar atau before content
Minimum Headings	3	Minimum heading untuk menampilkan TOC
Level Heading	H2 dan H3	Level heading yang ikut masuk daftar isi, dari H2 sampai H6
Collapsible	Aktif	Bisa di-collapse/expand
Start Collapsed	Nonaktif	Mulai dalam keadaan collapsed
Sticky TOC	Aktif	TOC mengikuti scroll di sidebar
Show Numbers	Nonaktif	Tampilkan nomor urut pada item TOC

TIP

Daftar isi tampil bila jumlah heading di artikel memenuhi Minimum Headings. Kalau tidak ada level heading yang dicentang, daftar isi tidak ditampilkan.

Nonaktifkan per Artikel

Setiap artikel bisa menonaktifkan TOC-nya sendiri tanpa mengubah pengaturan global:

Buka editor artikel
Cari meta box Table of Contents di panel samping
Centang Nonaktifkan Daftar Isi
Perbarui atau terbitkan artikel

(Tersedia mulai versi 1.3.1)

Fitur

Highlight Aktif: TOC akan meng-highlight heading yang sedang dibaca
Smooth Scroll: Klik item TOC akan scroll smooth ke heading
Nested List: Heading H3 akan menjadi sub-item dari H2, dst.

Reading Progress Bar

Bar visual di bagian atas halaman yang menunjukkan progress membaca artikel.

Cara Mengaktifkan

Buka Customize > Theme Options > Single Post
Scroll ke bagian Reading Experience
Aktifkan Reading Progress Bar
Klik Publish

Cara Kerja

Bar muncul di bagian paling atas halaman
Warna bar mengikuti accent color tema
Progress dihitung berdasarkan scroll position relatif terhadap panjang artikel
Otomatis menyesuaikan jika window di-resize

Syntax Highlighting

Fitur highlighting syntax kode menggunakan Prism.js dengan autoloader: semua bahasa pemrograman didukung, dan hanya bahasa yang dipakai yang dimuat.

Cara Mengaktifkan

Buka Customize > Theme Options > Single Post
Scroll ke bagian Reading Experience
Centang Code Syntax Highlighting
Klik Publish

Cara Penggunaan

Untuk mengaktifkan syntax highlighting, tambahkan komentar bahasa di baris pertama code block:

JavaScript:

// lang: javascript
function hello() {
  console.log("Hello World!");
}

PHP:

// lang: php
<?php
function hello() {
    echo "Hello World!";
}

Python:

# lang: python
def hello():
    print("Hello World!")

CSS:

/* lang: css */
.button {
  background: #0f172a;
  color: #ffffff;
}

HTML:

<!-- lang: html -->
<div class="container">
  <h1>Hello World</h1>
</div>

Bash/Shell:

# lang: bash
npm install
npm run build

Format Komentar yang Didukung

Format	Contoh
`// lang: [bahasa]`	`// lang: javascript`
`// language: [bahasa]`	`// language: php`
`# lang: [bahasa]`	`# lang: python`
`/* lang: [bahasa] */`	`/* lang: css */`
`<!-- lang: [bahasa] -->`	`<!-- lang: html -->`

Alias Bahasa

Alias	Bahasa
`js`	javascript
`ts`	typescript
`py`	python
`rb`	ruby
`sh`, `shell`	bash
`yml`	yaml
`html`, `xml`, `htm`	markup

Bahasa yang Didukung

Web: HTML, CSS, JavaScript, TypeScript, JSON, XML, YAML
Backend: PHP, Python, Ruby, Java, Go, Rust, C, C++, C#
Database: SQL, GraphQL
Shell: Bash, PowerShell
Lainnya: Markdown, Docker, Kotlin, Swift, Dart

Fitur Syntax Highlighting

Line Numbers: Nomor baris otomatis
Copy Button: Tombol copy di pojok kanan (muncul saat hover)
Dark Mode: Warna menyesuaikan tema light/dark
On-demand Loading: Hanya memuat bahasa yang dibutuhkan

Tanpa Language Hint

Jika tidak ada komentar // lang:, code block akan ditampilkan tanpa highlighting (plain text dengan styling tema).

Tombol berbagi artikel ke berbagai platform sosial media.

Platform yang Didukung

Facebook
Twitter/X
LinkedIn
Pinterest
WhatsApp
Telegram
Email
Copy Link
Bagikan (menu bagikan bawaan perangkat)

Cara Mengaktifkan

Buka Customize > Theme Options > Share Buttons
Aktifkan Enable Share Buttons
(Opsional) Atur Show "Share:" Label dan Button Style (Default, Minimal, Rounded)
Klik Publish

Cara Kerja

Tombol muncul di akhir artikel (sebelum related posts)
Klik tombol akan membuka halaman share di tab baru
"Copy Link" akan menyalin URL artikel ke clipboard
Tombol Bagikan muncul di paling kiri bila perangkat pengunjung mendukung menu bagikan bawaan (umumnya HP), dan membuka daftar aplikasi yang terpasang.

Icon Sosial Media

Menampilkan link ke akun sosial media Anda di header dan footer.

Platform yang Didukung

16 platform: Facebook, X (Twitter), Instagram, YouTube, LinkedIn, TikTok, Pinterest, Threads, Discord, GitHub, Telegram, WhatsApp, Mastodon, Bluesky, Email, RSS Feed.

Cara Mengatur

Buka Customize > Theme Options > Social Icons
Masukkan URL lengkap untuk setiap platform
Kosongkan field jika tidak ingin menampilkan
Klik Publish

URL Lengkap

Pastikan memasukkan URL lengkap termasuk https://. Contoh: https://facebook.com/username

Opsi	Fungsi
Enable Advertisements	Aktifkan fitur iklan
Before Content Ad Code	Kode iklan di bawah judul artikel, di atas konten (Tersedia mulai versi 1.4.0)
In-Content Ad Code	Kode iklan yang muncul di tengah konten
Show Ad After Paragraph	Posisi iklan (setelah paragraf ke-N)
After Content Ad Code	Kode iklan setelah konten berakhir
Between Posts Ad Code	Kode iklan di antara artikel di halaman blog dan arsip (Tersedia mulai versi 1.4.0)
Show Between-Posts Ad After	Interval kemunculan iklan (setiap N artikel, default 3) (Tersedia mulai versi 1.4.0)

Cara Memasang Iklan

Buka Customize > Theme Options > Advertisements
Aktifkan Enable Advertisements
Paste kode iklan di field yang sesuai: Before Content (di bawah judul artikel), In-Content (di tengah konten), After Content (di akhir konten), atau Between Posts (di antara artikel di halaman blog dan arsip)
Atur posisi iklan in-content (default: setelah paragraf ke-3)
Untuk iklan Between Posts, atur interval kemunculan (default: setiap 3 artikel)
Klik Publish

Performa Iklan

Posisi setelah paragraf ke-2 atau ke-3 biasanya memberikan CTR terbaik tanpa mengganggu pengalaman membaca.

Iklan di Halaman Blog

Di halaman blog yang memakai grid, iklan Between Posts tampil sebagai satu kartu (pola in-feed) sehingga susunan kartu tetap rapi.

Custom Scripts

Tempat memasang kode tracking seperti Google Analytics, Google Tag Manager, script verifikasi, atau kode iklan seperti Auto Ads AdSense.

Auto Ads AdSense

Tempel kode Auto Ads di Header Scripts agar iklan otomatis tampil di seluruh halaman.

Opsi	Fungsi
Header Scripts	Kode yang disisipkan sebelum `</head>`
Footer Scripts	Kode yang disisipkan sebelum `</body>`
Nonaktifkan jQuery	Melepas jQuery dan jQuery Migrate di halaman depan untuk performa. Matikan jika plugin Anda membutuhkan jQuery

Cara Memasang

Buka Customize > Theme Options > Custom Scripts
Paste kode (termasuk tag <script>) di field yang sesuai
Klik Publish

Hanya untuk Administrator

Demi keamanan, hanya user dengan kapabilitas penuh (administrator) yang dapat menyimpan script di field ini.

Pengaturan area footer website.

Opsi	Fungsi
Before Footer Widgets	Konten HTML di atas widget footer
Copyright Text	Teks copyright (mendukung placeholder)
Show Social Icons	Tampilkan icon sosmed di footer
Footer Widget Columns	Jumlah kolom widget (1-3)

Placeholder Copyright

Gunakan placeholder untuk data dinamis:

{year} - Tahun saat ini
{site} - Nama website

Buka Appearance > Widgets
Tambahkan widget ke area Footer 1, Footer 2, dst.
Jumlah kolom yang aktif sesuai pengaturan di Customizer

SEO

Pengaturan untuk optimasi mesin pencari.

Fitur	Deskripsi
Auto Meta Description	Generate dari excerpt atau konten (160 karakter)
Meta Keywords	Otomatis dari tags dan categories
Open Graph	og:title, og:image, og:description untuk sharing
Twitter Cards	summary_large_image format
JSON-LD Schema	Article schema dengan author info
Canonical URL	Dengan handling pagination
Meta Robots	noindex untuk 404, search, date archives

Cara Mengatur

Buka Customize > Theme Options > SEO
Aktifkan fitur yang diinginkan
Klik Publish

Plugin SEO

Jika menggunakan plugin SEO seperti Yoast, Rank Math, All in One SEO, SEOPress, atau The SEO Framework, tema akan otomatis menonaktifkan fitur SEO duplikat untuk menghindari konflik.

SEO Per-Post (Meta Box)

Selain pengaturan global, Anda bisa mengatur SEO secara spesifik untuk tiap post atau halaman langsung dari editor. (Tersedia mulai versi 1.3.0)

Di editor post/page, scroll ke bawah ke meta box SEO (posisi normal di bawah konten):

Field	Fungsi
SEO Title	Mengganti title tag, Open Graph title, dan Twitter title. Kosongkan untuk memakai judul default
Meta Description	Deskripsi meta khusus (maksimal 160 karakter, disarankan 120–160). Kosongkan untuk memakai excerpt atau deskripsi otomatis
Noindex	Centang untuk meminta mesin pencari tidak mengindeks halaman ini (meta robots `noindex, follow`)

Field Kosong = Default

SEO Title dan Meta Description yang dikosongkan akan otomatis memakai nilai default tema (judul post / excerpt / deskripsi otomatis). Tidak perlu menghapus field untuk kembali ke perilaku default, cukup kosongkan.

Plugin SEO Aktif

Jika plugin SEO (Yoast, Rank Math, dll) aktif, field meta box tetap tampil untuk referensi tetapi outputnya diabaikan di front-end sampai plugin SEO dinonaktifkan.

Banner persetujuan cookie untuk kepatuhan GDPR.

Opsi	Fungsi
Enable Cookie Consent	Aktifkan banner consent
Cookie Message	Pesan yang ditampilkan

Cara Mengaktifkan

Buka Customize > Theme Options > Privacy & Cookie Consent
Aktifkan Enable Cookie Consent Banner
Sesuaikan pesan jika perlu
Klik Publish

Cara Kerja

Banner muncul di bagian bawah halaman untuk pengunjung baru
Pengunjung bisa klik Accept atau Decline
Pilihan disimpan selama 365 hari
Banner tidak akan muncul lagi setelah memilih

Import / Export Pengaturan

Backup seluruh setelan tema atau pindahkan ke website lain. (Tersedia mulai versi 1.2.7)

Export

Buka Customize > Theme Options > Import / Export
Centang section yang ingin di-export (atau semua)
Klik Export: file JSON akan terunduh

Import

Di website tujuan (dengan tema SastraPro aktif), buka section yang sama
Pilih file JSON hasil export
Centang section yang ingin diterapkan
Klik Import

Setelan Sensitif

Section yang berisi script atau kode iklan ditandai khusus di daftar export. Periksa kembali sebelum membagikan file export, jangan sampai ID Analytics/AdSense Anda ikut berpindah ke website orang lain.

Lokasi	Posisi
Primary Menu	Menu utama di header
Footer Menu	Menu di area footer

Buka Appearance > Menus
Klik Create a new menu
Beri nama menu
Tambahkan item (Pages, Posts, Categories, Custom Links)
Centang lokasi menu di bagian Menu Settings
Klik Save Menu

SastraPro memiliki beberapa area widget:

Area	Lokasi
Sidebar	Sidebar di samping konten
Footer 1-3	Area widget di footer (jumlah kolom bisa diatur)

Buka Appearance > Widgets
Pilih area widget
Klik + untuk menambah widget
Pilih widget yang diinginkan
Atur pengaturan widget
Widget otomatis tersimpan

Dark Mode

SastraPro mendukung dark mode dengan fitur:

Toggle Manual - Tombol di header untuk beralih mode
System Preference - Otomatis mengikuti pengaturan sistem operasi
Persistent - Pilihan user disimpan di browser (localStorage)

Mengaktifkan/Nonaktifkan Toggle

Buka Customize > Theme Options > Header
Toggle opsi Enable Dark Mode
Klik Publish

Kustomisasi Warna Dark Mode

Warna dark mode dapat dikustomisasi:

Buka Customize > Theme Options > Colors
Pilih preset yang sudah memiliki dark mode colors
Atau atur manual di bagian Dark Mode Colors

Breadcrumbs

Navigasi breadcrumb dengan Schema.org markup untuk SEO.

Cara Kerja

Breadcrumbs otomatis muncul di halaman post, page, category, tag, dan archive
Halaman post: Home > Kategori > Judul Artikel (semua kategori atau hanya kategori pertama bisa dipilih; judul artikel bisa disembunyikan)
Halaman page: Home > Parent Page > Judul Halaman
Halaman category: Home > Parent Category > Kategori
Menggunakan Schema.org BreadcrumbList markup
Data terstruktur BreadcrumbList JSON-LD disertakan otomatis di halaman post, page, dan arsip kategori agar breadcrumb bisa tampil sebagai rich result di Google (tersedia mulai versi 1.3.1)

Pengaturan

Buka Customize > Theme Options > Breadcrumbs:

Opsi	Default	Deskripsi
Show Post/Page Title	Aktif	Tampilkan judul artikel/halaman sebagai item terakhir breadcrumb
Show All Categories	Aktif	Tampilkan semua kategori; jika dimatikan, hanya kategori pertama yang tampil
Separator	/	Pemisah antar item: `/`, `›`, `•`, tanda pisah panjang

Author Bio

Box informasi penulis yang muncul di akhir artikel.

Cara Mengaktifkan

Buka Customize > Theme Options > Single Post
Aktifkan Author Bio Box
Klik Publish

Informasi yang Ditampilkan

Avatar (dari Gravatar)
Nama penulis
Bio (dari profil WordPress user)
Link ke halaman author archive

Bila bio di profil penulis masih kosong, box tetap tampil dengan avatar, nama, dan link tanpa baris bio.

Pengaturan Tema SastraPro ​

Daftar Pengaturan ​

Import Demo ​

Langkah Import ​

Mengakses Pengaturan Tema ​

Header ​

Cara Mengatur ​

Warna & Tipografi ​

Preset Warna ​

Cara Memilih Preset ​

Warna Custom ​

Tipografi ​

Tata Letak ​

Cara Mengatur ​

Page Template Full Width ​

Homepage Hero ​

Mode Hero ​

Menggunakan Featured Post ​

Menggunakan Custom Hero ​

Editor's Pick ​

Layout ​

Sumber Postingan ​

Opsi Urutan ​

Cara Mengatur ​

Arsip & Index ​

Judul Artikel Terbaru ​

Grid Layout ​

Pagination ​

Post Meta ​

Single Post ​

Gambar Unggulan ​

Related Posts ​

Post Meta ​

Fitur Reading Experience ​

Daftar Isi (TOC) ​

Cara Mengaktifkan ​

Pengaturan TOC ​

Nonaktifkan per Artikel ​

Fitur ​

Reading Progress Bar ​

Cara Mengaktifkan ​

Cara Kerja ​

Syntax Highlighting ​

Cara Mengaktifkan ​

Cara Penggunaan ​

Format Komentar yang Didukung ​

Alias Bahasa ​

Bahasa yang Didukung ​

Fitur Syntax Highlighting ​

Share Buttons ​

Platform yang Didukung ​

Cara Mengaktifkan ​

Cara Kerja ​

Icon Sosial Media ​

Platform yang Didukung ​

Cara Mengatur ​

Iklan ​

Cara Memasang Iklan ​

Custom Scripts ​

Cara Memasang ​

Footer ​

Placeholder Copyright ​

Widget Footer ​

SEO ​

Cara Mengatur ​

SEO Per-Post (Meta Box) ​

Cookie Consent ​

Cara Mengaktifkan ​

Cara Kerja ​

Import / Export Pengaturan ​

Export ​

Import ​

Menu Navigasi ​

Lokasi Menu ​

Cara Membuat Menu ​

Area Widget ​

Cara Menambah Widget ​

Dark Mode ​

Mengaktifkan/Nonaktifkan Toggle ​

Kustomisasi Warna Dark Mode ​

Pengaturan Tema SastraPro

Daftar Pengaturan

Import Demo

Langkah Import

Mengakses Pengaturan Tema

Header

Cara Mengatur

Warna & Tipografi

Preset Warna

Cara Memilih Preset

Warna Custom

Tipografi

Tata Letak

Cara Mengatur

Page Template Full Width

Homepage Hero

Mode Hero

Menggunakan Featured Post

Menggunakan Custom Hero

Editor's Pick

Layout

Sumber Postingan

Opsi Urutan

Cara Mengatur

Arsip & Index

Judul Artikel Terbaru

Grid Layout

Pagination

Post Meta

Single Post

Gambar Unggulan

Related Posts

Post Meta

Fitur Reading Experience

Daftar Isi (TOC)

Cara Mengaktifkan

Pengaturan TOC

Nonaktifkan per Artikel

Fitur

Reading Progress Bar

Cara Mengaktifkan

Cara Kerja

Syntax Highlighting

Cara Mengaktifkan

Cara Penggunaan

Format Komentar yang Didukung

Alias Bahasa

Bahasa yang Didukung

Fitur Syntax Highlighting

Share Buttons

Platform yang Didukung

Cara Mengaktifkan

Cara Kerja

Icon Sosial Media

Platform yang Didukung

Cara Mengatur

Iklan

Cara Memasang Iklan

Custom Scripts

Cara Memasang

Footer

Placeholder Copyright

Widget Footer

SEO

Cara Mengatur

SEO Per-Post (Meta Box)

Cookie Consent

Cara Mengaktifkan

Cara Kerja

Import / Export Pengaturan

Export

Import

Menu Navigasi

Lokasi Menu

Cara Membuat Menu

Area Widget

Cara Menambah Widget

Dark Mode

Mengaktifkan/Nonaktifkan Toggle

Kustomisasi Warna Dark Mode