Membuat template halaman kustom menggunakan Liquid dan template halaman Template Web

Dalam contoh ini, kita akan membuat template halaman kustom, dengan menggunakan Liquid dan template halaman Web Template. Selengkapnya: Menyimpan sumber konten menggunakan web template.
Tujuan kami adalah untuk membangun template dua kolom yang sederhana yang menggunakan tautan web yang ditetapkan sebagai navigasi sisi kiri, dengan konten halaman di kanan. Sesuatu seperti ini:

Template halaman kustom

Langkah 1: Buat Web Template kita, dan menulis kode template Liquid kita

Pertama, kita akan membuat Web Template kita, dan menulis kode template Liquid kita. Kita cenderung untuk menggunakan kembali beberapa unsur umum template ini di template masa depan. Jadi, kita akan membuat basis template umum yang kita kemudian akan memperpanjang dengan template tertentu kita. Template dasar kita akan memberikan tautan breadcrumb dan judul/header halaman kita, serta menentukan tata letak satu kolom kita:

Layout kolom satu template web

Tip

Baca tentang warisan template menggunakan blok dan meluaskan Tag: Tag template

Langkah 2: Buat sebuah Template Web baru yang meluaskan template tata letak dasar kita

Gunakan kumpulan tautan web navigasi yang terkait dengan halaman saat ini untuk tautan navigasi kita untuk membuat template web yang memperluas template tata letak dasar kita.

Tata letak kiri navigasi link web template web

Tip

Biasakan diri tentang cara memuat set link web menggunakan objek weblinks.

Langkah 3: Buat template halaman Web Template baru yang menggunakan Web Template

Tata letak navigasi link web template halaman

Sekarang, semua yang tersisa untuk lakukan adalah membuat halaman web yang menggunakan template halaman kita, dan memiliki set tautan web terkait, dan kita memiliki hasil kita.

Halaman web dengan navigasi di sebelah kiri

Lihat juga

Membuat template lanjutan untuk portal
Buat Template halaman kustom untuk merender RSS feed
Render daftar entitas yang terkait dengan halaman aktif
Merender header website dan bar navigasi utama
Membuat hingga tiga tingkat hirarki halaman menggunakan navigasi hibrida