Bài đăng

Wordpress Udemy Day 4: Custom Post Types and Advanced Custom Fields

Hình ảnh
** Home Page Layout: - Ta chia layout cho Homepage theo các phần cơ bản. - Đôi khi ta muốn hiển thị một số nội dung nhất định của post nên trang chỉ. Khi đó ta cần đến custom field. ** Tạo Custom Post Type: - Sử dụng Plugin: Custom Post Type của WebDevStudio. ** Tạo Taxonomy: - Ta vẫn sử dung Plugin: Custom Post Type với lựa chọn dòng 2. - Sửa lại thuộc tính Hierachial của Taxonomy vừa tạo thành True, để khi chọn Custom Post Type vừa tạo ta có thể lựa chọn Taxonomy vừa tạo ra. ** Tạo Custom Field với Plugin : Advanced Custom Fields của Elliot Condon. - Tạo Custom Field bằng Plugin. - Trong phần Location của Plugin: Chọn Custom Post phù hợp vừa tạo ở trên. - Ta có thể thay đổi vị trí của các Custom Field vừa tạo ra cũng trong ACF Plugin. ** Tạo Custom Page: - Tạo Page Movie Review để hiển thị các nội dung Custom Post và Custom Field vừa tạo ra. - Tạo Template cho Page Movie Review là page-movie-reviews.php trong folder của theme. - Khai báo template tương...

Wordpress Udemy Day 3: Building the Blog Page and Single Post Pages

Hình ảnh
- The permalink function: the_permalink() giúp tạo liên kết cho text ví dụ Title, Readmore... - Sử dụng the_permalink() và trong thẻ <a> ** Chỉnh sửa hình ảnh: - Wordpress tự động thiết lập 3 chế độ cho ảnh khi đăng là: thubnail; medium và large. - Có thể thiết lập kích cỡ mặc định cho hình ảnh, khi đó nếu hình ảnh to hơn wordpress sẽ có 2 chế độ bao gồm soft crop và hard crop. - Soft crop sẽ thay đổi kích thước hình ảnh về gần với kích thước thiết lập nhất mà không làm mất đi ảnh, kích thước có thể lớn hơn so với thiết lập. - Hard crop có thể cắt một phần hình ảnh nếu cần. Vị trí cắt ảnh có thể được thiết lập. Kích thước sau khi cắt sẽ là kích thước được thiết lập. - Trong function.php sử dụng hàm add_image_size( ' tên hình ảnh', 'chiều rộng', 'chiều cao', 'cắt-y/n') . Note sử dụng bên dưới hàm add_action() - Quay lại content-blog.php để edit fuction. - Đối với những hình ảnh đã được upload và thiết lập 3 chế độ ảnh trước khi áp d...

Wordpress Udemy Day 2: Template Tag and WP Loop

Hình ảnh
- Template Tag : Là một hàm của php được sử dụng bởi theme và plugin để tạo và hiển thị thông tin một cách chủ động. - Template Tag: lấy dữ liệu từ database - Một TT bao gồm: Thẻ php + Wordpress Function + Các tham số (optional parameter). Tham số cho phép chúng ta 2 điều: yều cầu phần thông tin cụ thể nào và format của thông tin đó. Eg. bloginfo('name') --> lấy ra tên của website; bloginfo('version') --> lấy ra version của wordpress. - Tag: the_title() có thêm thuộc tính để hiển thị Title cho Page tạo theo template templare-sample.php - Tag: the_post_thumbnail(): để hiển thị hình ảnh đại diện của page tạo theo template templare-sample.php có thêm thuộc tính về kích thước ảnh. ** WORDPRESS LOOP ** - Loop hiển thị nội dung của post, pages, và custom post type. - Loop lấy data từ database cho từng post và insert vào vị trí thích hợp của từng template tag. - Loop luôn luộn phải đặt trong index.php - Function: get_template_part('địa chỉ template...

Wordpress Udemy - Day 1

Hình ảnh
Wordpress Udemy - Day 1 - Tạo FTP account trong Cpanel của Host; liên kết directory đến public_html - Cài Notepad++ và Plugin NppFtp nếu nó chưa có sẵn - Liên kết với Server từ Notepad ++ và Filezilla - Trang codex.wordpress.org - Wordpress Template xác định nội dung nào sẽ được hiển thị trên website, nó cũng quyết định việc nội dung hiển thị ở đâu và hiển thị như thế nào. - Template Tag được sử dụng trong các template để trích xuất và hiển thị nội dung. Ví dụ: the-content sẽ hiển thị nội dung của bài viết (post). -  1 Template File có thể liên kết tới các template khác. - Template Hierarchy được sử dụng để quyết định template file nào sẽ được sử dụng dựa theo yêu cầu về nội dung. ** Câc File: - style.css : Chú ý đến meta Template khi tạo ChildTheme cho một theme - Khi tạo một trang wordpress sẽ đi tới page.php để xem trang đó sẽ được hiển thị ntn. Tuy nhiên, nếu không có page.php , wordpress sẽ tự động đi tới index.php ; và hiển thị nội dung của page này. - heade...

HTML Note 1

Hình ảnh
HTML đóng vai trò gì trong website? Như mình đã nói, HTML là một ngôn ngữ đánh dấu siêu văn bản nên nó sẽ có vai trò xây dựng cấu trúc siêu văn bản trên một website, hoặc khai báo các tập tin kỹ thuật số (media) như hình ảnh, video, nhạc. Vai trò của từng ngôn ngữ trong website Điều đó không có nghĩa là chỉ sử dụng HTML để tạo ra một website mà HTML chỉ đóng một vai trò hình thành trên website.  HTML  – Xây dựng cấu trúc và định dạng các siêu văn bản. CSS  – Định dạng các siêu văn bản dạng thô tạo ra từ HTML thành một bố cục website, có màu sắc, ảnh nền,…. Javascript  – Tạo ra các sự kiện tương tác với hành vi của người dùng (ví dụ nhấp vào ảnh trên nó sẽ có hiệu ứng phóng to). PHP  – Ngôn ngữ lập trình để xử lý và trao đổi dữ liệu giữa máy chủ đến trình duyệt (ví dụ như các bài viết sẽ được lưu trong máy chủ). MySQL  – Hệ quản trị cơ sở dữ liệu truy vấn có cấu trúc (SQL – ví dụ như các bài viết sẽ được lưu lại với dạng dữ liệu...