Posts

Showing posts from March, 2021

Ý nghĩa từng file trong cấu trúc theme của Wordpress

Image
  File screenshot.png:  Đây là file quan trọng và bắt buộc của theme để khai báo ảnh đại diện của theme File functions.php: Là file chứa những đoạn code tạo nên các chức năng mới của theme hoặc customize một chức năng nào đó sẳn có. index.php là trang chủ header.php là phần code header của layout footer.php là phần code foorter của layout sidebar.php là phần code sidebar nằm bên trái hoặc bên phải website page.php trang dành cho các page single.php trang chi tiết bài viết comments.php trang hiển thị danh sách bình luận content.php phần hiển thị nội dung bài viết content-page.php phần chứa các bài viết của thể loại page search.php trang tìm kiếm archive.php trang lưu trữ toàn bộ bài post theo loại, tag, ngày, tháng, năm, tác giả. Ví dụ archive.php: Single.php

Chèn CSS và JS vào Wordpress template

Image
  Sử dụng get_template_derectory_uri() để lấy đến đường dẫn hiện tại sử dụng tiếp hook: wp_enqueue_scripts để đăng kí file css của mình với template Và một điều quan trọng là chúng ta cần 1 file reset.css để cấu hình trang trước mình có thể tìm thấy nó ở đây Normalize.css: Make browsers render all elements more consistently. (necolas.github.io)

Đổi tên "READ MORE" trong bài post

Nhiều khi bạn không thích chử mặc định trong wordpress nên mình cũng có 1 cái filter để làm việc này nhìn ví dụ bên dưới function vd_readmore(){     return '<a class="read-more" href=" '.  get_permalink( get_the_ID() )  . ' "> ' .__('[Đọc Thêm]', 'textdomain'). ' </a>'; } add_filter('excerpt_more', 'vd_readmore');

Khai báo chức năng trong theme wordpress

Image
  mặc định trang wordpress của bạn sẽ trống không có gì cả bạn phải setup các thứ từ ban đầu cụ thể là 1.Thêm RSS feed thông qua: add_theme_support( 'automatic-feed-links' ) 2.Thêm ảnh đại diện trong post và page: add_theme_support( 'post-thumbnails' ) 3.Thêm post format: add_theme_support( 'post-formats', array('image', 'video') ) 4.Thêm thẻ title tự động trên head: add_theme_support( 'title-tag' ) 5,Thêm menu mặc định: register_nav_menu('primary-menu', 'Primary menu') ... cùng một số cấu hình khác. chi tết xem hình dưới

Cấu trúc của 1 template Wordpress

Image
  Bạn sẽ hiểu là một ngày nào đó sẽ không có theme phù hợp với nhiệm vụ của bạn. và bạn bắt buộc phải tạo ra một theme cho riêng mình thì  dưới đây là sơ đồ của một theme cần có. Những tên file dưới này là bắt buộc style.css function.php index.php và nhớ lưu ý ảnh đại diện tên phải là screenshot và đuôi là png Và để Wordpress hiểu đây là theme thì trong file style.css bạn thêm đoạn comment này vào