Chào các bạn, để tiếp nối chủ đề lập trình theme wordpress hôm nay chúng ta sẽ đi tìm hiểu cách get post trong wordpress cũng như là vòng lặp query post trong wordpress. Đây được xem như là xương sống của wordpress. Chúng ta sẽ tiêu dùng xuyên suốt trong quá trình xây dựng […]

Tiếp tục với chủ đề lập trình theme wordpress hôm nay mình sẽ giới thiệu cho các bạn những hàm hay tiêu dùng trong wordpress. Những hàm này hầu như tất cả các theme đều có sự hiện diện của nó. Nắm được các hàm này sẽ giúp bạn dễ tiếp cận với lập trình […]

Để hiểu rõ các thành phần cấu tạo lên một theme wordpress trước khi đi vào lập trình theme wordpress, hôm nay chúng ta cùng tìm hiểu cấu trúc thư mục theme trong wordpress. Bài viết này mình sẽ cung cấp cho bạn danh sách thư mục cũng như là những file cần thiết để […]

Để mở đầu cho loạt bài viết về chủ để lập trình theme wordpress. Chúng ta sẽ đi hiểu muốn học lập trình theme wordpress thì chúng ta cần cần bị những kiến thức và công cụ gì trước? WordPress là một mã nguồn mở, một hệ quản trị nội dung (CMS) không còn xa […]

Trong bài trước mình cùng mọi người cách thêm pagination và sidebar vào archive template trên Gatsby. Bài viết lần này mình và các bạn sẽ làm Post template và thêm sidebar vào Post Template. Cấu hình trong gatsby-node.js Để cấu hình trước tiên cá bạn cần vào file gatsby-node.js. Ngay dưới phần cấu hình cho […]

Trong bài trước mình cùng mọi người cách tạo archive template trên Gatsby. Bài viết lần này mình và các sẽ tiếp làm pagination và sidebar vào archive template. Thêm pagination trong gatsby-node.js Để làm pagination các bạn vào lại folder project của mình và bật file gatsby-node.js. Các bạn kiếm dòng code như sau: const […]

Trong bài trước mình cùng mọi người làm  sidebar cho page template trên Gatsby. Thì với bài viết này chúng ta cùng tìm hiểu cách thực tạo archive template từ WordPress sang Gatsby. Archive template trên Gatsby Trước tiên các bạn vào folder templates tạo file archive.js và sau đó khởi tạo component template. import React […]

Trong bài trước mình cùng mọi người làm  page template trong Gatsby. Thì hôm nay mình tiếp tục hướng dẫn các bạn làm thế nào để chèn thêm sidebar vào page template trong Gatsby. Như các bạn cũng đã biết. Do chúng ta làm page template cho các page mặc định. Nên việc để trang […]

Trong bài trước mình cùng mọi người luyện tập tiêu dùng custom field từ WordPress để render phần tin tức mới sang Gatsby. Thì hôm nay mình tiếp tục hướng dẫn sâu hơn về page template trong Gatsby. Khởi tạo page và dữ liệu page Mình vào dashboard trong WordPress và tạo page Giới thiệu. […]

Trong bài trước mình cùng mọi người luyện tập tiêu dùng custom field từ WordPress để render sang giao diện homepage của Gatsby. Thì với bài này chúng ta cùng nhau luyện tập thêm về thông qua render tin tức mới  trên homepage. Render tin tức mới lên Gatsby Để khởi đầu chúng ta cùng […]

Trong bài trước mình đã hướng dẫn các bạn render footer từ WordPress sang Gatsby. Nói đơn giản là các bạn tạo field bằng ACF plugin trên WordPress. Sau đó render qua frontend Gatsby. Thì với bài lần này chúng ta cùng ôn lại cách tiêu dùng ACF render ra frontend Gatsby. Hôm này mình sẽ […]

Trong bài trước mình đã hướng dẫn các bạn làm overlay menu trên Gatsby. Thì với bài lần này chúng ta sẽ render component cuối cùng nhưng vô cùng quan trọng. Với khung layout của chúng ta đó là footer. Render footer trên Gatsby Trước tiên các bạn tạo file Footer.js trong thư mục components. […]

Trong bài trước mình đã hướng dẫn các bạn cách render Header Menu từ WordPress sang Gatsby JS. Thì với bài này chúng ta sẽ tiếp tục tìm hiểu và tạo Hamburger button và overlay menu khi responsive trên Gatsby nhé. Tạo Hamburger Button và OverlayMenu trong Gatsby Trước khi tạo hamburger button thì chúng ta sẽ […]

Trong bài trước mình đã hướng dẫn các bạn cách kết nối Gatsby với WordPress và hướng dẫn cơ bản về cách sử đụng GraphQL. Thì với bài này chúng ta sẽ tiếp tục tìm hiểu và tạo header menu từ WordPress sang Gastby nhé. Tạo Menu trên WordPress Để tạo menu đưa từ WordPress […]

Trong bài trước mình đã cùng các bạn đã làm quen với framework Gatsby. Thì với bài này mình cùng các bạn kết nối Gatsby với WordPress và cùng tập làm quen với GraphQL. Để kết nối với WordPress chúng ta vào trang plugin của Gatsby. Liên kết WordPress với Gatsby Các bạn vào link […]