# 98: Membangun Almanak, Bahagian 1 - Trik CSS

Anonim

Ini adalah episod bertema EMPIRE STRIKES BACK khas dari siri reka bentuk semula v10!

Semua bermula dengan baik. Kami mula memindahkan beberapa perkara ke templat WordPress kami dari maket statik kami. Kami mempunyai tajuk yang berfungsi dalam mockup statik kami, jadi kami mulakan dengan itu. Itu selalu merupakan tempat yang baik untuk bermula kerana kami melakukan semua perkara asas seperti membuat bahagian CSS memuat secara bersyarat dan semua itu.

Kami kemudian melihat markup apa yang sudah ada untuk Alamanc. Hampir keseluruhan halaman dibungkus kerana halaman utama Almanac ini pada dasarnya hanya navigasi ke kandungan sebenar.

Kemudian kami mula bermain-main dengan susun atur dan membina susun atur penyebaran dua halaman yang kami reka di Photoshop. Kami menggunakan gradien CSS di sini untuk menyelesaikan kerja bayangan, tentu saja menggunakan kompas mixins. Segala-galanya mulai sedikit menurun di sini ketika kita berjuang untuk mendapatkan kecerunan tepat.

Kira-kira 20 minit dalam video ini, kami mula mencuba untuk mengeluarkan semua perkara yang perlu kami keluarkan di sini. Pada asasnya, menggunakan wp_list_pages()banyak untuk memuntahkan halaman kanak-kanak Almanac.

Dan kemudian dunia meletup! Untuk alasan yang sama sekali tidak dapat dijelaskan, ia tidak akan menghasilkan perkara yang tepat untuk kita. Ini adalah saat yang sangat mengecewakan. Saya suka berkongsi perkara seperti ini kerana ia sangat nyata. Anda tahu perkara seperti ini berlaku! Penyelesaian masalah melaluinya adalah sebahagian daripada tugas.

Kami mencuba perkara Googling. Kami cuba menetapkan semula pertanyaan. Kami cuba menyemak semula kodnya. Kami cuba memanipulasi parameter. Kami mencuba pelbagai fungsi. Tidak ada.

Kami cuba menetapkan define('WP_DEBUG', true);dalam fail wp-config.php kami untuk mencuba dan mendapatkan lebih banyak maklumat. Ini berfungsi sebaik sahaja kita dapat membaca teks yang dikeluarkannya. Ia tidak banyak membantu, sehinggalah kami menemui kesalahan ingatan! Kita tahu masalahnya sekarang, tetapi bagaimana kita menyelesaikannya?

Kami mengakhiri screencast ini yang tewas sepenuhnya seperti Luke Skywalker. Anda mungkin juga memberitahu saya





s adalah bapa saya. #####