Video Screencasts 2025, Tháng BảY

Trong video này, tôi đề cập đến thiết lập tối thiểu tuyệt đối để sử dụng jQuery trên một trang web "thực". Chúng tôi có một tệp index.html với HTML5 cơ bản "

Nó xuất hiện rất ngắn gọn trong video cuối cùng: làm cách nào để ngăn trình duyệt nhảy xuống khi bạn nhấp vào liên kết băm? Đó là hành vi mặc định của trình duyệt, "

JQuery có thể chọn bất kỳ thứ gì mà CSS3 có thể chọn. Nhưng nó không dừng lại ở đó! Có một số bộ chọn bổ sung mà jQuery cung cấp (thông qua Sizzle "

Chúng ta đã nói một chút về bộ chọn. Một bộ chọn jQuery như $ ("h1") sẽ chọn tất cả các phần tử trên trang. Nhưng những gì về ... khi nó không? Đây là một "

Trong CSS, bạn có thể chọn tất cả các phần tử trên trang với điều này: h1 (/ * tạo kiểu cho tất cả các phần tử * /) Trong jQuery, bạn có thể sử dụng cùng một bộ chọn đó. $ ("h1") // bộ "

Chào mừng! Mục tiêu của khóa học này là đưa bạn, bạn là nhà phát triển giao diện người dùng xinh đẹp đến từ một người có rất ít hoặc không có kiến ​​thức jQuery hoặc JavaScript "

Một cách để nghĩ về jQuery là thư viện "Chọn và Thực hiện". jQuery đặc biệt giỏi trong việc chọn các phần tử trên trang (nội dung trong DOM) và sau đó thực hiện "

WordPress hỗ trợ khu vực bình luận trên trang của Jeff. Điều này sẽ cực kỳ dễ dàng để dọn dẹp với các siêu năng lực CSS của chúng tôi. Chúng tôi tạo tệp .scss chỉ để nhận xét "

Đã đến lúc kết thúc bộ truyện này. Đó là một chuyến đi vui vẻ! Có một số khác biệt giữa những gì chúng tôi đã đề cập và những gì thực sự có trên "

Trong video này, chúng ta hãy xem trang web hiện có của Jeff. Dòng này không tập trung quá nhiều vào "thiết kế lại" như dòng v10, nhưng vẫn có "

Đối với hầu hết các phần cho đến nay, chúng tôi đã sử dụng trình mô phỏng iOS để kiểm tra phiên bản di động của trang web của chúng tôi. Điều đó khá tốt, tốt hơn rất nhiều so với thử nghiệm một "

Khi chúng tôi đang sử dụng máy tính để bàn trang web, chúng tôi đã di chuyển điều hướng trang chủ sang phía bên phải của trang để mở một lỗ ở phía bên trái cho nhiều hơn "

Quay trở lại khi chúng tôi đang lộn xộn với việc cung cấp các khả năng CMS cho thanh trượt trang chủ, chúng tôi đã cung cấp một trường tùy chỉnh cho mỗi trang trình bày trang chủ một bộ chọn màu. Điều đó cho chúng tôi "

Chỉ vì đây là loạt phim dành cho thiết bị di động không có nghĩa là chúng ta có thể bỏ qua sự tương tác của máy tính để bàn / máy tính xách tay. Chúng tôi dành một chút thời gian để đảm bảo rằng "

Trên màn hình lớn hơn, chúng tôi có nhiều chỗ hơn trên tất cả các trang của mình. Chúng tôi đã giải quyết vấn đề này trên trang chủ, nhưng chúng tôi cũng có thể làm tốt hơn trên các trang con khác. Một đơn"

Chúng tôi kết thúc với một thử nghiệm thực sự đơn giản tải một bài viết từ blog để hiển thị nếu còn chỗ: // Tải thêm nội dung nếu yêu cầu đủ chỗ "

Chúng tôi đang nỗ lực sửa chữa trang web để trên màn hình "máy tính để bàn" (tức là lớn hơn), trang web vẫn trông tốt. Điều hướng trang chủ là một thứ khác được "

Khi cửa sổ trình duyệt lớn hơn, thanh trượt ở đầu trang chủ sẽ lớn hơn một cách kỳ lạ. Đây là loạt phim đầu tiên dành cho thiết bị di động, nhưng kể từ khi thiết bị di động "

Một trong năm khu vực chính của trang web là trang liên hệ. Mặc dù vậy, nó hầu như không yêu cầu bất kỳ lớp phủ nào, bởi vì chúng tôi đơn giản đã xây dựng nó trong Wufoo và "

Tôi nghĩ chúng ta có thể vượt qua Sự kiện mà chúng ta đã nói trong video trước, nhưng khi tôi bổ sung vùng Sự kiện, tôi phải viết đủ mã. "

Với hai plugin mở rộng CMS workhorse của chúng tôi được cài đặt, chúng tôi sẽ dành một chút thời gian để thiết lập chúng. "Sự kiện" trên trang của Jeff là một ví dụ hoàn hảo. Một sự kiện""

Chúng tôi có một loại bài đăng khác cần áp dụng các trường tùy chỉnh thích hợp: trang trình bày trang chủ. Đây là loại điều sẽ dễ dàng và hấp dẫn "

Chúng tôi đã học cách thực hiện một vòng lặp tùy chỉnh và xuất dữ liệu tùy chỉnh từ các loại bài đăng tùy chỉnh và trường tùy chỉnh của chúng tôi trong video cuối cùng. Lần này chúng ta cần làm điều đó "

Chúng tôi thực sự có thể mở rộng khả năng "CMS" của WordPress chỉ với một vài plugin: Trường tùy chỉnh nâng cao và Giao diện người dùng loại bài đăng tùy chỉnh. Với những "

Điều hướng trang chủ đang đáp ứng tốt nhu cầu của chúng tôi, nhưng có một lượng lớn điều hướng trên mọi trang của trang web là không thực tế. Chúng tôi sẽ cần "

Trong hầu hết các chủ đề WordPress đều có một tệp được gọi là page.php. Đây là mẫu kiểm soát "Trang" - một trong những loại nội dung mặc định "

Chỉ có một cách để truy cập khu vực blog của trang web từ trang chủ, và đó là bằng cách nhấp vào "Bài viết mới nhất". Nhưng điều đó đưa bạn đến nhiều nhất "

Kiểu chữ vẫn chưa hoàn toàn phù hợp, vì vậy chúng tôi sẽ dành thêm một chút thời gian để điều chỉnh nó. Điều này đáng làm ở đây, vì tiêu đề và nội dung "

Blog đang xuất ra những gì chúng tôi muốn, nhưng kiểu chữ và bố cục của nó không hoàn toàn ở đó. Chúng tôi thêm một chút đánh dấu ở đây và ở đó khi cần thiết để cung cấp "

Chúng tôi bắt đầu làm việc trên khu vực blog của trang web. Chúng tôi muốn có khu vực blog của trang web tại / blog / - vì vậy chúng tôi kết thúc việc tạo một mẫu trang cho khu vực đó được gọi là "