Video Screencast 2025, Februari

# 91: Halaman Galeri Individual Photoshopping - Trik CSS

# 91: Halaman Galeri Individual Photoshopping - Trik CSS

Dalam screencast ini kami menghabiskan sedikit waktu untuk memikirkan seperti apa tampilan halaman screenshot Galeri individual nantinya. Ada sedikit data yang sudah kami "

# 87: Galeri Grid-izing - Trik CSS

# 87: Galeri Grid-izing - Trik CSS

Kami memiliki area galeri yang disiapkan di WordPress, itu memuntahkan apa yang kami butuhkan untuk dimuntahkan, tetapi hampir belum ada gaya sama sekali di halaman. Kita"

# 90: Menyiapkan Halaman Individual di Galeri - Trik CSS

# 90: Menyiapkan Halaman Individual di Galeri - Trik CSS

Setiap tangkapan layar (atau video) di galeri memiliki halaman tersendiri. Anda dapat mengaksesnya dengan mudah, hanya dengan mengklik gambar itu sendiri. Kami ingin membuat ini "

# 89: Mengutak-atik Bar Galeri - Trik CSS

# 89: Mengutak-atik Bar Galeri - Trik CSS

Dalam video ini kami membuat banyak penyesuaian pada bilah yang telah kami siapkan dengan sebagian besar fungsionalitas Galeri. Desain adalah tentang mengutak-atik, bukan? "

# 86: Pemotretan Galeri - Trik CSS

# 86: Pemotretan Galeri - Trik CSS

Saya sangat bersemangat untuk memulai di area Galeri di situs. Itu salah satu area yang sangat buruk di v9. Itu tidak mendapatkan banyak lalu lintas, tapi "

# 88: Membangun Bar Galeri - Trik CSS

# 88: Membangun Bar Galeri - Trik CSS

Kami mulai membangun bilah di bawah tajuk galeri. Bar ini memiliki pekerjaan yang cukup bagus. Ini memberi tahu orang-orang di mana mereka berada dan apa yang mereka tonton (remah roti, "

# 84: Memindahkan Footer ke WordPress - Trik CSS

# 84: Memindahkan Footer ke WordPress - Trik CSS

Kami memulai dengan memperbaiki beberapa jalur file gambar. Saya selalu membuat perbedaan saat menggunakan gambar di dalam tema WordPress. Apakah gambar ini bagian dari ini "

# 85: Tampilan Posting Blog (single.php) di WordPress - Trik CSS

# 85: Tampilan Posting Blog (single.php) di WordPress - Trik CSS

Jika kami harus memilih, tampilan untuk satu posting blog mungkin adalah template terpenting di situs. Kami memiliki mockup statis dari laman entri blog, jadi kami "

# 158: Sebulan Kemudian: Penutupan Akhir - Trik CSS

# 158: Sebulan Kemudian: Penutupan Akhir - Trik CSS

Sekitar sebulan setelah peluncuran, kami berbicara tentang bagaimana peluncuran v10 telah berlalu. Kami memeriksa dokumen yang kami siapkan di awal proses ini "

# 80: Memperbarui Konten Lokal dengan Menjalankan SQL - Trik CSS

# 80: Memperbarui Konten Lokal dengan Menjalankan SQL - Trik CSS

Kami memiliki file .sql sekarang berkat mengekspor dan mengunduhnya seperti yang kami lakukan di video terakhir. Sekarang kami hanya perlu menjalankannya dan menimpa "

# 156: Meluncurkan Situs, Bagian 1 - Trik CSS

# 156: Meluncurkan Situs, Bagian 1 - Trik CSS

Ini momen besar! Kami memiliki daftar hal-hal yang perlu kami lakukan dan kami akan mulai melakukannya dan menayangkan situs ini. Mungkin"

# 155: Menelusuri Daftar Periksa Pra-Peluncuran - Trik CSS

# 155: Menelusuri Daftar Periksa Pra-Peluncuran - Trik CSS

Kami HANYA TENTANG untuk meluncurkan hal ini! Saatnya untuk melihat beberapa masalah kecil terakhir yang perlu ditopang sebelum kita dapat meluncurkannya. Ingatlah, "

# 81: Memindahkan Header ke WordPress - Trik CSS

# 81: Memindahkan Header ke WordPress - Trik CSS

Saatnya untuk benar-benar mulai memindahkan desain kita ke WordPress. Sebaiknya mulai dari atas ke bawah dan mulai dengan header. Selain menjadi logika "

# 157: Tindak Lanjut Pasca Segera Setelah Peluncuran - Trik CSS

# 157: Tindak Lanjut Pasca Segera Setelah Peluncuran - Trik CSS

Saya merekam videonya mungkin hanya 10 menit setelah meluncurkan situs. Komentar mulai berdatangan dan inilah saya yang bereaksi terhadap beberapa itu. Suka"

# 83: Membangun Beranda WordPress, Bagian 2 - Trik CSS

# 83: Membangun Beranda WordPress, Bagian 2 - Trik CSS

Kami melanjutkan porting kode dari mockup statis kami ke halaman index.php WordPress kami. Kami mengubah "loop" sedikit untuk menghasilkan apa yang kami inginkan. Kami turun "

# 82: Membangun Beranda WordPress, Bagian 1 - Trik CSS

# 82: Membangun Beranda WordPress, Bagian 1 - Trik CSS

Perpindahan hebat ke WordPress sedang berlangsung! Kami menyelesaikan file header.php dan pindah ke index.php. index.php bertanggung jawab atas beranda kami. Pertama"

# 154: Menata Arsip Lodge dan Halaman Video Single Lodge - Trik CSS

# 154: Menata Arsip Lodge dan Halaman Video Single Lodge - Trik CSS

Homepage The Lodge saat Anda login (misalnya / lodge /) akan menjadi semacam halaman "portal". Seri ini, yang akan kami sebut "The Big v10 Redsign"

# 152: Menata Halaman Login WordPress (Penginapan) - Trik CSS

# 152: Menata Halaman Login WordPress (Penginapan) - Trik CSS

"Widget" kami untuk The Lodge di sidebar situs (ditampilkan di sebagian besar halaman, termasuk halaman beranda) memiliki dua status. Satu untuk saat pengguna keluar dan satu "

# 153: Menggayai Formulir Pendaftaran Penginapan - Trik CSS

# 153: Menggayai Formulir Pendaftaran Penginapan - Trik CSS

Halaman pendaftaran untuk The Lodge sangat penting karena alasan yang jelas: ini adalah halaman yang mengumpulkan uang dan memberikan akses ke keanggotaan "

# 150: Melindungi Konten Video dengan Tautan S3 yang Kedaluwarsa - Trik CSS

# 150: Melindungi Konten Video dengan Tautan S3 yang Kedaluwarsa - Trik CSS

Dalam screencast ini kami melihat bagaimana kami dapat menghosting file di Amazon S3 (Simple Storage Service) sedemikian rupa sehingga kami dapat menautkan ke penggunaan aset tersebut, tetapi tidak "

# 151: Membangun Modul Penginapan (dan Laporan Kecepatan Cepat) - Trik CSS

# 151: Membangun Modul Penginapan (dan Laporan Kecepatan Cepat) - Trik CSS

Kami membuat modul untuk bilah sisi umum situs yang hanya untuk The Lodge. Jika Anda masuk, itu akan menyambut Anda dan memberikan tautan yang relevan "

# 149: Membuat Formulir Login untuk The Lodge - Trik CSS

# 149: Membuat Formulir Login untuk The Lodge - Trik CSS

Salah satu alasan WordPress luar biasa adalah karena ia hadir dengan sistem otentikasi pengguna yang berfungsi penuh. Menulis itu dari awal hari ini "

# 148: Menggayai Tombol Pendaftaran untuk The Lodge - Trik CSS

# 148: Menggayai Tombol Pendaftaran untuk The Lodge - Trik CSS

Di video terakhir kami menemukan cara menyajikan konten yang berbeda dalam template kami berdasarkan status login dan langganan pengguna. Kami menggunakan itu "

# 144: Penataan dan Penutup Halaman Forum - Trik CSS

# 144: Penataan dan Penutup Halaman Forum - Trik CSS

Kami mencoba menyelesaikan gaya forum di sini. Salah satu mekanisme navigasi utama di forum adalah pagination. Di bagian bawah halaman, "

# 145: Pengenalan ke The Lodge (Area Akses Pribadi) - Trik CSS

# 145: Pengenalan ke The Lodge (Area Akses Pribadi) - Trik CSS

Kami telah melakukan sedikit persiapan untuk "Area Akses Pribadi" baru ini di CSS-Tricks. Kami telah melihat plugin WordPress untuk membantu kami, kami bahkan telah memutuskan satu dan mengatur "

# 146: Header Khusus untuk The Lodge - Trik CSS

# 146: Header Khusus untuk The Lodge - Trik CSS

Dalam screencast terakhir, kami mengambil foto dari iStockPhoto tentang kabin dan hutan bersalju. Kami menjatuhkannya di latar belakang, di belakang area konten utama "

# 143: Diskusi Penataan dan Fungsionalitas Topik Baru Forum - Trik CSS

# 143: Diskusi Penataan dan Fungsionalitas Topik Baru Forum - Trik CSS

Jangan marah, tapi saya harus melompat ke depan sedikit karena ada pekerjaan yang membosankan dan melelahkan untuk mengesampingkan pandangan yang berbeda dengan menempatkan yang benar "

# 142: Penggayaan Modul Forum - Trik CSS

# 142: Penggayaan Modul Forum - Trik CSS

Di sepanjang sisi kanan forum ada serangkaian modul. "Modules" secara visual, "Modules" secara harfiah dalam kode, dan "Modules" dalam isinya "

# 141: Batasi Penyiapan dan Pengaturan Pro Konten - Trik CSS

# 141: Batasi Penyiapan dan Pengaturan Pro Konten - Trik CSS

Dalam screencast ini kami mengambil sedikit istirahat dari melawan gaya Vanilla Forums untuk bekerja menyiapkan Restrict Content Pro (RCP), plugin WordPress kami untuk "