Video Screencasts 2025, Tháng BảY

# 91: Chụp ảnh Trang Thư viện Cá nhân - Thủ thuật CSS

# 91: Chụp ảnh Trang Thư viện Cá nhân - Thủ thuật CSS

Trong video màn hình này, chúng tôi dành một chút thời gian để suy nghĩ xem một trang ảnh chụp màn hình Thư viện riêng lẻ sẽ trông như thế nào. Có một chút dữ liệu mà chúng tôi đã "

# 87: Thư viện Grid-izing - Thủ thuật CSS

# 87: Thư viện Grid-izing - Thủ thuật CSS

Chúng tôi có khu vực thư viện được thiết lập trong WordPress, nó giải phóng những gì chúng tôi cần nó để khai thác, nhưng hầu như không có phong cách nào trên trang. Chúng tôi "

# 90: Thiết lập các trang riêng lẻ trong thư viện - Thủ thuật CSS

# 90: Thiết lập các trang riêng lẻ trong thư viện - Thủ thuật CSS

Mỗi ảnh chụp màn hình (hoặc video) trong thư viện đều có trang riêng của nó. Bạn dễ dàng truy cập chúng, chỉ bằng cách nhấp vào chính hình ảnh. Chúng tôi muốn làm điều này "

# 89: Tinh chỉnh Thanh thư viện - Thủ thuật CSS

# 89: Tinh chỉnh Thanh thư viện - Thủ thuật CSS

Trong video này, chúng tôi thực hiện một loạt các chỉnh sửa cho thanh mà chúng tôi đã thiết lập với hầu hết các chức năng của Thư viện. Thiết kế là tất cả về tinh chỉnh, phải không? "

# 86: Chụp ảnh Thư viện - Thủ thuật CSS

# 86: Chụp ảnh Thư viện - Thủ thuật CSS

Tôi rất hào hứng khi bắt đầu vào khu vực Thư viện trên trang web. Đó là một trong những khu vực đặc biệt tồi tệ trong v9. Nó không nhận được rất nhiều lưu lượng truy cập, nhưng "

# 88: Xây dựng Gallery Bar - Thủ thuật CSS

# 88: Xây dựng Gallery Bar - Thủ thuật CSS

Chúng tôi bắt đầu xây dựng thanh bên dưới tiêu đề thư viện. Thanh này có một công việc khá. Nó cho mọi người biết họ đang ở đâu và họ đang xem gì (breadcrumbs, "

# 84: Chuyển Footer vào WordPress - Thủ thuật CSS

# 84: Chuyển Footer vào WordPress - Thủ thuật CSS

Chúng tôi bắt đầu bằng cách sửa một số đường dẫn tệp hình ảnh. Tôi luôn phân biệt khi sử dụng hình ảnh bên trong chủ đề WordPress. Hình ảnh này có phải là một phần của "

# 85: Xem bài đăng trên blog (single.php) trong WordPress - Thủ thuật CSS

# 85: Xem bài đăng trên blog (single.php) trong WordPress - Thủ thuật CSS

Nếu chúng tôi phải chọn, chế độ xem cho một bài đăng blog có lẽ là mẫu quan trọng nhất trên trang web. Chúng tôi có một mô hình tĩnh của một trang đăng blog, vì vậy chúng tôi "

# 158: Một tháng sau: Kết thúc cuối cùng - Thủ thuật CSS

# 158: Một tháng sau: Kết thúc cuối cùng - Thủ thuật CSS

Khoảng một tháng sau khi ra mắt, chúng tôi nói về việc ra mắt v10 đã diễn ra như thế nào. Chúng tôi xem qua tài liệu mà chúng tôi đã thiết lập ở phần đầu của quá trình này "

# 80: Cập nhật nội dung cục bộ bằng cách chạy SQL - Thủ thuật CSS

# 80: Cập nhật nội dung cục bộ bằng cách chạy SQL - Thủ thuật CSS

Bây giờ chúng ta có một tệp .sql nhờ xuất nó và tải xuống như chúng ta đã làm trong video trước. Bây giờ chúng ta chỉ cần chạy nó và ghi đè lên "

# 156: Ra mắt trang web, Phần 1 - Thủ thuật CSS

# 156: Ra mắt trang web, Phần 1 - Thủ thuật CSS

Đây là thời điểm quan trọng! Chúng tôi có một danh sách những điều chúng tôi biết rằng chúng tôi cần phải làm và chúng tôi sẽ bắt đầu thực hiện chúng và đưa trang web này vào hoạt động. Có lẽ"

# 155: Xem qua danh sách kiểm tra trước khi ra mắt - Thủ thuật CSS

# 155: Xem qua danh sách kiểm tra trước khi ra mắt - Thủ thuật CSS

Chúng tôi CHỈ GIỚI THIỆU ra mắt thứ này! Đã đến lúc xem xét một số vấn đề nhỏ cần khắc phục trước khi chúng tôi có thể ra mắt. Hãy ghi nhớ, "

# 81: Chuyển Header sang WordPress - Thủ thuật CSS

# 81: Chuyển Header sang WordPress - Thủ thuật CSS

Đã đến lúc thực sự chuyển thiết kế của chúng tôi sang WordPress. Cũng có thể bắt đầu từ trên xuống và bắt đầu với tiêu đề. Không chỉ là một logic "

# 157: Theo dõi ngay sau khi ra mắt - Thủ thuật CSS

# 157: Theo dõi ngay sau khi ra mắt - Thủ thuật CSS

Tôi quay video có lẽ chỉ 10 phút sau khi khởi chạy trang web. Các bình luận đang bắt đầu xuất hiện và đây là cách tôi phản ứng với một số điều đó. Giống"

# 83: Xây dựng Trang chủ WordPress, Phần 2 - Thủ thuật CSS

# 83: Xây dựng Trang chủ WordPress, Phần 2 - Thủ thuật CSS

Chúng tôi tiếp tục chuyển mã từ mockup tĩnh sang trang index.php WordPress của chúng tôi. Chúng tôi chỉnh sửa "vòng lặp" một chút để xuất ra những gì chúng tôi muốn. Chúng tôi xuống "

# 82: Xây dựng Trang chủ WordPress, Phần 1 - Thủ thuật CSS

# 82: Xây dựng Trang chủ WordPress, Phần 1 - Thủ thuật CSS

Bước tiến lớn vào WordPress đang được tiến hành! Chúng tôi hoàn tất tệp header.php và chuyển sang index.php. index.php phụ trách trang chủ của chúng tôi. Đầu tiên "

# 154: Tạo kiểu cho Trang Lưu trữ Lodge và Trang Video Single Lodge - Thủ thuật CSS

# 154: Tạo kiểu cho Trang Lưu trữ Lodge và Trang Video Single Lodge - Thủ thuật CSS

Trang chủ của The Lodge khi bạn đăng nhập (tức là / lodge /) sẽ là một trang "cổng thông tin". Loạt bài này, chúng tôi sẽ gọi là "Bản thiết kế lại lớn v10"

# 152: Tạo kiểu cho WordPress (Lodge) Trang đăng nhập - Thủ thuật CSS

# 152: Tạo kiểu cho WordPress (Lodge) Trang đăng nhập - Thủ thuật CSS

"Tiện ích" của chúng tôi cho The Lodge trong thanh bên của trang web (hiển thị trên hầu hết các trang, bao gồm cả trang chủ) có hai trạng thái. Một cho khi người dùng đăng xuất và một "

# 153: Tạo kiểu cho Mẫu Đăng ký Nhà nghỉ - Thủ thuật CSS

# 153: Tạo kiểu cho Mẫu Đăng ký Nhà nghỉ - Thủ thuật CSS

Trang đăng ký The Lodge rất quan trọng vì những lý do rõ ràng: đây là trang thu tiền và cấp quyền truy cập thành viên "

# 150: Bảo vệ nội dung video với liên kết S3 sắp hết hạn - Thủ thuật CSS

# 150: Bảo vệ nội dung video với liên kết S3 sắp hết hạn - Thủ thuật CSS

Trong video màn hình này, chúng tôi xem xét cách chúng tôi có thể lưu trữ tệp trên Amazon S3 (Dịch vụ lưu trữ đơn giản) theo cách mà chúng tôi có thể liên kết để sử dụng các nội dung đó, nhưng không phải "

# 151: Xây dựng Mô-đun Nhà nghỉ (và Báo cáo Tốc độ Nhanh) - Thủ thuật CSS

# 151: Xây dựng Mô-đun Nhà nghỉ (và Báo cáo Tốc độ Nhanh) - Thủ thuật CSS

Chúng tôi tạo một mô-đun cho thanh bên chung của trang web chỉ dành cho The Lodge. Nếu bạn đã đăng nhập, nó sẽ chào đón bạn và cung cấp các liên kết có liên quan "

# 149: Xây dựng Biểu mẫu Đăng nhập cho The Lodge - Thủ thuật CSS

# 149: Xây dựng Biểu mẫu Đăng nhập cho The Lodge - Thủ thuật CSS

Một trong những lý do khiến WordPress tuyệt vời là nó đi kèm với hệ thống xác thực người dùng hoạt động đầy đủ của riêng nó. Viết điều đó từ đầu những ngày này "

# 148: Tạo kiểu cho Nút Đăng ký The Lodge - Thủ thuật CSS

# 148: Tạo kiểu cho Nút Đăng ký The Lodge - Thủ thuật CSS

Trong video cuối cùng, chúng tôi đã tìm ra cách phân phát các nội dung khác nhau trong các mẫu của chúng tôi dựa trên trạng thái đăng nhập và đăng ký của người dùng. Chúng tôi sử dụng "

# 144: Diễn đàn Tạo kiểu phân trang và kết thúc - Thủ thuật CSS

# 144: Diễn đàn Tạo kiểu phân trang và kết thúc - Thủ thuật CSS

Chúng tôi đang cố gắng hoàn thiện phong cách của các diễn đàn ở đây. Một trong những cơ chế điều hướng chính trên diễn đàn là phân trang. Ở cuối trang,"

# 145: Giới thiệu về The Lodge (Khu vực riêng tư) - Thủ thuật CSS

# 145: Giới thiệu về The Lodge (Khu vực riêng tư) - Thủ thuật CSS

Chúng tôi đã chuẩn bị một chút cho "Khu vực truy cập riêng tư" mới này trên CSS-Tricks. Chúng tôi đã xem xét các plugin WordPress để giúp chúng tôi, chúng tôi thậm chí đã quyết định chọn một và thiết lập "

# 146: Tiêu đề Tùy chỉnh cho The Lodge - Thủ thuật CSS

# 146: Tiêu đề Tùy chỉnh cho The Lodge - Thủ thuật CSS

Trong video màn hình cuối cùng, chúng tôi đã chụp lại bức ảnh đó từ iStockPhoto về cabin và rừng đầy tuyết. Chúng tôi đã thả nó trong nền, phía sau khu vực nội dung chính "

# 143: Diễn đàn Thảo luận về chức năng và kiểu chủ đề mới - Thủ thuật CSS

# 143: Diễn đàn Thảo luận về chức năng và kiểu chủ đề mới - Thủ thuật CSS

Đừng tức giận, nhưng tôi phải vượt lên trước một chút vì có một số công việc nhàm chán kéo dài mệt mỏi là ghi đè các quan điểm khác nhau bằng cách đặt đúng "

# 142: Diễn đàn Tạo kiểu mô-đun - Thủ thuật CSS

# 142: Diễn đàn Tạo kiểu mô-đun - Thủ thuật CSS

Dọc theo bên phải của các diễn đàn có một loạt các mô-đun. "Mô-đun" về mặt trực quan, "Mô-đun" theo nghĩa đen trong mã và "Mô-đun" ở nội dung chúng "

# 141: Hạn chế thiết lập và cài đặt Content Pro - Thủ thuật CSS

# 141: Hạn chế thiết lập và cài đặt Content Pro - Thủ thuật CSS

Trong video màn hình này, chúng tôi tạm dừng cuộc chiến tạo kiểu cho Diễn đàn Vanilla để bắt đầu thiết lập Restrict Content Pro (RCP), plugin WordPress của chúng tôi cho "