mrfdn.com – Pada artikel sebelumnya kami telah menjelaskan beberapa hal penting yang perlu diketahui tentang file baseof.html.
Pada artikel kali ini saya akan membahas cara membuat dan mengatur file di sebagian folder tema Hugo.
Fragmen adalah bagian dari tag HTML atau kumpulan bagian-bagian yang saling berhubungan sehingga membentuk struktur HTML yang utuh.
Bagian-bagian ini mirip bootstrap, artinya saling terkait satu sama lain.
Jika Anda perlu menampilkan beberapa elemen pada halaman yang ingin Anda muat, kami dapat membuat sebagian elemen untuknya.
Sehingga elemen yang tidak perlu muncul pada halaman tertentu tidak perlu dimuat. Itu membuat proses memuat situs lebih cepat.
Misalnya pada halaman beranda kita ingin menampilkan sidebar, meskipun hal ini tidak diperlukan di artikel, sehingga Anda dapat membuat sebagian template.
Tanpa basa-basi lagi, simak penjelasannya dibawah ini.
Silakan edit file tersebut /layouts/partials/head.html menjadi seperti ini:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> .Title </title>
with .Site.Params.description <meta name="description" content=" . "> end
with .Site.Params.author <meta name="author" content=" . "> end
with .OutputFormats.Get "RSS" -
safeHTML
- end
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@800&display=swap');
</style>
partial "opengraph.html" .
partial "schema.html" .
<!-- Schema.org-->
partial "schema.html" .
<!-- breadcrumb json-ld -->
partial "breadcrumbs.html" .
</head>
Penjelasan:
Pada kode di atas kita tambahkan default "en-us" Untuk mengatur bahasa default yang digunakan di situs.
Lalu kami juga mengaturnya with .Site.Params.description Dan with .Site.Params.author Untuk dapat mengatur deskripsi website dan penulis dalam meta tag.
Params.description Dan Params.author Itu diatur berdasarkan konfigurasi yang diatur melalui file config.toml.
Kami juga mengatur file RSS keluaran. Jika Anda tidak ingin menampilkan file RSS, hapus baris ini.
Kemudian kita masukkan juga custom font google.
Dalam file alasannya /layouts/partials/head.html Kami telah mendefinisikan sebagian remah roti dan skema, sehingga file harus dibuat agar templat tidak mengandung kesalahan.
Pertama, silakan buat sebagian file yang diperlukan di folder tersebut /layouts/partials/.
- skema.html
- remah roti.html
Silakan salin dan tempel kode skema dan remah roti json-ld seohugo.
Tidak masalah jika tidak disalin, yang penting kedua file ada di folder parsial.
konfigurasi file config.toml saat ini#
file konfigurasi config.toml Saat ini keadaannya seperti ini.
baseURL = "
languageCode = "id"
title = "Belajar Hugo Theme From Scratch"
theme = 'namatheme'
[Author]
name = "Rafi"
location = "Makassar"
[params]
description = "Halo ini adalah situs hugo keren buatan saya"
logo = "../favicons/logo.png"
favicon = "favicons/"
Setelah itu, setidaknya pesan error tersebut tidak muncul lagi.
Namun Anda masih melihat halaman putih dan judul di tab browser.
Jadi sekarang mari kita tampilkan beberapa halaman di situshugo kami.
Edit file indeks.html#
Dengan kata sederhana kita dapat memasukkan sesuatu ke dalam file dan menampilkannya di halaman kita index.html Ini.
Silakan buka lalu edit filenya sehingga tampilannya seperti ini:
define "main"
<main>
<h2>Hello from index.hmtl</h2>
<p>Ini adalah tulisan yang ditampilkan melalui file <b>index.html</b> theme hugo yang sedang dibuat.</p>
<img src=" alt="gambar ilustrasi website keren dari freepik">
<small>Ilustrasi dari Freepik</small>
</main>
end
Jadi sekarang kita bisa melihat sesuatu di website kita.
Lengkap dengan gambar header dan deskripsi dengan paragraf di bawahnya
tip#
Parsial merupakan salah satu fitur Hugo yang mampu menampilkan halaman secara dinamis.
Tag HTML yang tidak perlu muncul pada halaman tertentu dapat diatur melalui parsial.
Meskipun file HTMLnya lebih banyak, akan lebih mudah untuk mengedit tema di kemudian hari.
Anda dapat membuat bagian sebanyak yang Anda suka.
Baik itu menampilkan tombol, bagian, iklan, dll, sebagian akan sangat membantu
Semoga bermanfaat.
PakarPBN
A Private Blog Network (PBN) is a collection of websites that are controlled by a single individual or organization and used primarily to build backlinks to a “money site” in order to influence its ranking in search engines such as Google. The core idea behind a PBN is based on the importance of backlinks in Google’s ranking algorithm. Since Google views backlinks as signals of authority and trust, some website owners attempt to artificially create these signals through a controlled network of sites.
In a typical PBN setup, the owner acquires expired or aged domains that already have existing authority, backlinks, and history. These domains are rebuilt with new content and hosted separately, often using different IP addresses, hosting providers, themes, and ownership details to make them appear unrelated. Within the content published on these sites, links are strategically placed that point to the main website the owner wants to rank higher. By doing this, the owner attempts to pass link equity (also known as “link juice”) from the PBN sites to the target website.
The purpose of a PBN is to give the impression that the target website is naturally earning links from multiple independent sources. If done effectively, this can temporarily improve keyword rankings, increase organic visibility, and drive more traffic from search results.