Manual Membina Laman Web menggunakan source code WordPress 2

Transkripsi

1 Pada ketika ini laman web seperti berikut: Header mysite2 dengan Tagline Just another WordPress site berada dalam C:\xampp\htdocs\mysite2\wp-content\themes\twentytwelve\header.php Dua cara untuk padamkannya: 1. Komen baris yang mengandungi kod pegaturcaraan dalam header.php. 2. Uncheck checkbox Show header text with your image. Pada Dashboard: Appearance > Header Sekarang nama dan tagline (1) laman tiada.

2 A. Pengurusan Halaman Bagi theme twentytwelve, muka hadapan adalah halaman yang menempatkan entri blog. Bermakna setiap entri baharu akan dipaparkan pada halaman ini. Untuk menambah halaman, pergi ke Dashboard, Pengurusan Halaman 1: Tambah Halaman Katakan kita ingin menambah halaman bernama Tentang Kami, Blog, Galeri. Klik All Pages dan padam Sample Page Dan web kelihatan seperti Pengursan Halaman 2: Static Page Untuk mengurus navigasi berbeza dengan konfigurasi asal, halaman Static Page perlu dicipta. Pergi ke Dashboard: Setting > Reading

3 Hasilnya

4 Entri blog Hello World! Secara automatik berada dalam halaman BLOG Pengursan Halaman 3: Tukar Home jad Utama Halaman UTAMA masih kekal dengan HOME, Untuk tukar kepada UTAMA Line 897 \wp-included\post-template.php Hasilnya Pengursan Halaman 4: Permalink Permalink merujuk kepada alamat url untuk halaman. Katakan kita memilih Post name; URL halaman Blog akan jadi

5 B. Pengurusan Menu Sisi (Side Bar) Pada sisi kanan, terdapat beberapa pautan yang boleh dinavigasi. Pautan ini disimpan dalam Widgets Katakan kita ingin membuang pautan di bawah Meta dan mengalih komen blog ke bawah. Drag dan drop Meta dari Main Sidebar ke Available Widgets Nama boleh diedit dengan menetapkan nilai Title setiap Widget; Tekan anak panah pada hujung widget untuk menukar tajuk. Dan hasilnya

6 Menu Meta mengandungi pautan untuk Log Masuk. Disebabkan pautan tersebut tidak dapat dilihat, untuk log masuk hanya perlu menggunakan C. Pengurusan Template Terdapat tiga template Katakan kita ingin membuat template baharu dengan membuang komen mengekalkan sidebar; Copy & Paste full-width.php dalam \mysite2\wp-content\themes\twentytwelve\page-templates Rename sebagai myhome.php

7 Hasilnya; Laman Utama jadi;

8 D. Pengurusan CSS Pengurusan CSS; Cascade Stylesheet diguna untuk menukar attribute pada template, theme, imej, teks, layouts dan lain-lain. Rujukan CSS boleh dibuat di Konfigurasi CSS asal diletakkan dalam folder <nama theme>/style.css Strategi yang disyorkan oleh pasukan WordPress bagi menukar attribute bagi properties dalam style.css adalah dengan menggunakan child-theme Katakan kita ingin membuat template baharu untuk Galeri. Halaman ini halaman penuh tanpa sidebar dan tanpa komen. Kita cipta mypage.php seperti berikut:

9 Dalam template mypage.php (/mysite2/wp-content/themes/twentytwelve/pagetemplates/mypage.php) Satu selector dengan class mypage-content dikenalkan. Sebelum ini, class site-content telah diguna dalam template myhome.php Cipta satu folder bernama twentytwelve-child dalam folder. Dalam folder baharu ini, simpan satu fail bernama style.css Contohnya untuk halaman galeri, lebar kandungan content disetkan 98% daripada luas #primary. Semapadannya diset dengan warna merah, garisan halus solid 1 pixel. Untuk memastikan gaya baharu ini berfungsi, theme baharu perlu diaktifkan.

10 Tekan Activate (Twentytwelve Child) Maka sehingga kini kita sudah memahami perkara berikut: Mengurus halaman 1. Penamaan (Menu dan permalink) 2. Set Static page jika tidak mahu entri blog jadi default landing page Mengurus Widget URL untuk login sebagai admin web Mencipta template baharu Mengaplikasi CSS untuk template baharu