Membuat Custom Page Di Hugo

Avatar
di tulis oleh g3xx | waktu Baca: 1 Menit

cara membuat custom page di hugo serperti Privacy, term of us, contact us dll, kita hanya membutuhan type post yang nanti akan jadi single page atau custom page cara masih sama dengan membuat post seperti biasa nya hanya saja ada penambahan config di atas post. oke kali ini kita akan membuat page Privacy, term of us, contact us dan lain lain jika memang di butuhkan. karena page privacy, term of us sangat penting dalam suatu website dan sangat di butuhkan. pertama kita buka cmd kalian dan pindahkan ke root project. contoh kita akan membuat page privacy

membuat Privacy page di Hugo

sebelum kita membuat custom page kita akan membuat sebuah folder page di theme yang kalian pakai contoh path dan theme yang kita gunakan C:/project/html/webkalian/tale/layouts/page dan buat sebuah file single.html di dalam folder page. dan tuliskan kode ini di file single.html

{{ define "main" }}
<main>
	<div class="post">
		{{ .Content }}
	</div>
</main>
{{ end }}

untuk class element bisa di sesuai kan dengan theme yang kalian pakai

setelah page themplate sudah kita buat, sekarang kita buat page untuk privacy policy dengan mengetikan di cmd kalian hugo new privacy-policy.md nanti akan terbuat sebuah file privacy-policy.md di rootproject/content/privacy-policy.md. sekarang kita buka file tersebut dan kita tambahkan type page.

---
title: "privacy policy"
date: 2019-08-19T15:38:17+07:00
draft: false
type: "page"
---
isi file privacy

dan sekarang kita restart hugo kalian dan lihat hasil nya http://localhost:1313/privacy-policy/ untuk membuat page seperti contact us atau term of us. sama seperti cara di atas. tinggal ulangi saja cara nya. dan dirubah isi file nya.

Avatar hanya seseorang yang suka belajar ngoding sambil bermain

tulisan terkait

Membuat Custom Page Di Hugo
Membuat Custom Page Di Hugo
>
comments powered by Disqus