Dokumentasi Tema GoMagz Free, Elements, Styles, Typography, Button, Boxes dan Lainnya

GoMagz adalah tema WordPress modern yang dirancang khusus untuk website magazine, blog, dan portal berita. Tema ini dibangun dengan teknologi terkini dan mengutamakan kecepatan, SEO, dan user experience.

Fitur Utama: Responsif, SEO Optimized, Fast Loading, Customizable, Widget Ready, Translation Ready

🔌 Instalasi

Upload tema melalui Blogger Dashboard > Theme > Edit Theme >

Lakukan clean install dengan mereset tema, lalu paste kode tema Gomagz

⚙️ Pengaturan

Blogger > Layout > Edit Pengaturan

Element Dasar

Paragraf & Teks

GoMagz mendukung berbagai format teks standar HTML5. Anda dapat menggunakan teks tebal, teks miring, teks bergaris bawah, dan inline code.

Ini adalah paragraf contoh dengan teks tebal dan teks miring.

Anda juga bisa menggunakan link berwarna yang menarik.

Lists

Item list pertama
Item list kedua
Item list ketiga

Numbered list pertama
Numbered list kedua
Numbered list ketiga

Typography

GoMagz menggunakan hierarki heading yang jelas untuk memudahkan pembacaan dan SEO.

Heading 2 - Section Title

Heading 3 - Subsection

Heading 4 - Minor Heading

Heading 5 - Small Heading

Heading 6 - Smallest Heading

Font Sizes

Element	Font Size	Usage
H1	3em (48px)	Page title / Hero title
H2	2.5em (40px)	Section headings
H3	2em (32px)	Subsection headings
Body	1em (16px)	Regular text

Buttons

Berbagai style button yang siap digunakan untuk action dan navigasi.

Button Styles

Contoh Kode

<button class="gobtn btn-primary">Primary Button</button>
<button class="gobtn btn-outline">Outline Button</button>
<button class="gobtn btn-primary><a href="#">Button Link</a></button>
<div class="gobtn dlbtn dl1><a href="#">Download</a></div>
<button class="gobtn btn-primary><a href="#">Button Link</a></button>

Download button untuk pemalas cukup dengan double underscore dan dl (__dl) dikuti url, (__dl url)

__dl https://monopolycomputer.blogspot.com/2025/10/dokumentasi-tema-gomagz-free-elements.html

__dl https://www.example.com/download.zip/

Boxes / Alert Boxes

Box untuk menampilkan informasi penting dengan berbagai tingkat kepentingan.

__note Gunakan untuk menampilkan informasi umum atau tips berguna.

__success Tampilkan pesan sukses atau konfirmasi positif.

__warn Peringatan atau informasi yang perlu perhatian khusus.

__danger Peringatan kritis atau error yang harus segera ditangani.

Contoh Kode

<div class="alerts note">Gunakan untuk menampilkan informasi umum atau tips berguna</div>
<div class="alerts success">Tampilkan pesan sukses atau konfirmasi positif.</div>
<div class="alerts warn">Peringatan atau informasi yang perlu perhatian khusus.</div>
<div class="alerts danger">Peringatan kritis atau error yang harus segera ditangani.</div>

Komponent Lainnya

Tables

Tabel dengan styling modern dan hover effect.

Fitur	Free	Pro
Responsive Design	✓	✓
SEO Optimized	✓	✓
Premium Support	-	✓
Advanced Widgets	-	✓

Code Blocks

Syntax highlighting untuk code snippet.

function gomagz_setup() {
    add_theme_support( 'title-tag' );
    add_theme_support( 'post-thumbnails' );
    register_nav_menus( array(
        'primary' => __( 'Primary Menu', 'gomagz' ),
    ) );}