Đề Xuất 2/2023 # (5 Bước Chi Tiết) Cách Làm Một Website Bằng WordPress (Có Video) # Top 4 Like | Thaiphuminh.com

Đề Xuất 2/2023 # (5 Bước Chi Tiết) Cách Làm Một Website Bằng WordPress (Có Video) # Top 4 Like

Cập nhật nội dung chi tiết về (5 Bước Chi Tiết) Cách Làm Một Website Bằng WordPress (Có Video) mới nhất trên website Thaiphuminh.com. Hy vọng thông tin trong bài viết sẽ đáp ứng được nhu cầu ngoài mong đợi của bạn, chúng tôi sẽ làm việc thường xuyên để cập nhật nội dung mới nhằm giúp bạn nhận được thông tin nhanh chóng và chính xác nhất.

Làm website bằng WordPress là 1 thao tác không khó và khá nhiều bạn quan tâm.

Trong quá trình phát triển blog này, mình nhận ra rất nhiều độc giả của kiemtiencenter đang cần làm website để kiếm tiền.

Hoặc để kinh doanh, làm shop, làm site tin tức, dịch vụ,…Bất cứ thứ gì.

Chẳng hạn affiliate marketing là 1 cách để mình kiếm tiền. Với hình thức này, thì làm website là 1 kỹ năng “bắt buộc phải có”. Website không chỉ giúp mình mang về lợi nhuận, mà nó còn cho mình nhiều kỹ năng khác.

Trong thời điểm hiện tại, có rất nhiều hình thức kiếm tiền online mà nếu biết làm website thì bạn sẽ có lợi thế rất lớn.

Thậm chí bạn muốn làm những thứ phi lợi nhuận như viết blog, làm website ảnh, nhật ký,..thì cũng phải biết xây dựng 1 blog (Một dạng của website).

Nhiều bạn sẽ tự hỏi rằng:

Làm website có khó không?

Làm website như thế nào?

Chắc phải thuê ai đó làm website?

Hồi mới tìm hiểu cách làm 1 website, mình cũng đặt ra những câu hỏi tương tự, và cũng tự mày mò câu trả lời trên mạng.

Có thể bây giờ bạn chưa biết làm website nhưng mình khằng định với bạn:

Làm website bằng WordPress dễ hơn những gì bạn nghĩ. Nếu bỏ ít thời gian tìm hiểu, bạn sẽ tự làm được.

Nhưng tại sao không biết code mà vẫn làm được webiste ?

Từ khi nền tảng WordPress ra đời và nhiều người biết đến thì việc làm website dễ như trở bàn tay, bạn có thể làm 100% không cần nhờ ai thiết kế cả.

Trừ khi bạn muốn làm website cực chuyên nghiệp, nhiều tính năng chuyên sâu, code theo ý bạn thì bạn hẵng thuê, nhưng nếu bạn muốn như thế giá thuê cũng vài chục đến vài trăm triệu.

Còn những website bình thường, giống như những trang web bạn hay lướt hàng ngày thì bạn cũng có thể tự làm được.

Blog kiemtiencenter của mình cùng nhiều blogger nổi tiếng khác ở Việt Nam cũng như trên thế giới cũng đang sử dụng WordPress để làm.

Tìm hiểu tại sao nên tự làm website?

Việc tự làm website giúp cho bạn có thể tận dụng hết các tính năng của website vào công việc.

Bạn không muốn phải mỗi lần sửa hay thêm chức năng nào cũng phải gọi điện cho bên thiết kế mà họ vẫn lười cả tuần chưa chịu sửa cho bạn. Hoặc “vòi vĩnh” thêm chút $ mới chịu sửa.

Rất nhiều tính năng khác của website hỗ trợ cho công việc marketing khá tốt mà bạn nếu không tự làm sẽ không biết áp dụng

Và nếu bạn đi thuê đảm bảo bạn sẽ gặp trên 80% thể loại “không có tâm”. Họ chỉ làm xong theo demo ban đầu chứ không tư vấn thêm cho bạn là nên gắn công cụ nào & hướng dẫn bạn sử dụng.

Như vậy bạn sẽ không tân dụng được tối đa sức mạnh của website.

Đặc biệt là những bạn kiếm tiền trên mạng (như mình) thì bắt buộc phải biết tự làm website.

Nếu bạn đi thuê thì bên làm web xem như họ đang giữ “miếng cơm” của bạn, sau này site bạn sinh ra lợi nhuận cao thì tài sản của bạn không có sự đảm bảo nào.

Ví dụ 1 website mình làm chơi trong 1 tiếng – chúng tôi trông chẳng khác nào những trang tin chuyên nghiệp :

Thêm nữa, nếu bạn tự làm 1 website, bạn chỉ cần bỏ 1 khoản chi phí ban đầu (rất nhỏ).

Còn nếu đi thuê, tính về lâu dài bạn mất khá nhiều tiền.

Trường hợp bạn không biết chút gì, bên thiết kế sẽ bảo phải xài hosting của của họ đóng tiền theo năm khá là đắt, tầm vài triệu mỗi năm.

Trong khi đó bạn có thể mua riêng với giá vài trăm ngàn 1 năm, thậm chí rẻ hơn bằng cách tìm mã giảm giá trên Kiemtiencenter

Hiện tại trên mạng có một số khóa học hướng dẫn làm website bằng WordPress có giá từ mấy trăm đến mấy triệu, cam kết làm được website.

Sự thật là những kiến thức hay hướng dẫn làm wordpress bạn có thể tìm trên mạng mà không mất phí, ví dụ như hướng dẫn mà bạn chuẩn bị đọc mà mình chia sẻ.

Hoặc chuỗi video tự học WordPress miễn phí này.

Bạn thấy đó, có cả tỉ lý do bắt buộc bạn phải tự biết làm website, điều này sẽ tốt cho bạn nhất chứ không ai khác.

Kiếm tiền online bằng việc phát triển website

Khi công nghệ phát triển, kiếm tiền trên mạng hiện đang là xu hướng,

Ở bài viết 12 hình thức kiếm tiền online uy tín, mình có đề cập đến rất nhiều hình thức bắt buộc phải biết làm website, chủ yếu sẽ theo 2 hướng :

Free traffic: Điều hướng khách thàng thông qua việc họ tìm kiếm trên Google.

Dù có hướng nào, lợi ích của website là vô cùng to lớn & tất yếu. Nếu bạn làm tốt, giá trị website của bạn sẽ tăng theo từng ngày.

Sau này vì 1 lý do nào nữa mà bạn không muốn làm nữa, bạn có thể bán lại website với giá cao. Một số bạn làm nichesite hay authority site giờ bán 1 site vài vài ngàn đến vài chục ngàn usd,….như cơm bữa.

Ví dụ trên Flippa (1 trang chuyên mua bán website, tên miền), bất cứ thời gian nào đều có những website giá đắt đỏ được rao bán & luôn có nhiều người đấu giá để được sở hữu.

Những website có giá trị triệu USD không hề hiếm.

Và mình nhắc lại một điều “làm website cực dễ”. Bạn sẽ bắt đầu bằng việc tìm hiểu những định nghĩa đầu tiên ngay sau đây.

Tìm hiểu các khái niệm cơ bản về làm website

Mới làm website, bạn chỉ cần bạn nắm được 3 khải niệm sau đây thôi là đủ :

chúng tôi : Là mã nguồn mở giúp bạn phát triển website, bạn sẽ làm website trên nên tảng này.

: Đây là Hostingnơi lưu trữ toàn bộ dữ liệu cho website của bạn. Như kiểu website của bạn là 1 ngôi nhà thì hosting là mảnh đất.

Muốn có h osting thì bạn phải mua. Cũng có hosting miễn phí nhưng nó rất giới hạn và chạy chậm, không ổn định và không nên sử dụng

Domain: Là tên miền, có đuôi .com, .net, .org,….

Ban đầu bạn chỉ cần hiểu 3 khái niệm trên là được.

Bạn là người mới không nên tiếp thu hàng loạt kiến thức mới lạ cùng 1 thời điểm, sau này bạn muốn biết chi tiết định nghĩa chuẩn về từng khái niệm có thể lên google tìm thêm.

Nên sử dụng shared host, VPS hay máy chủ riêng?

Trước tiên bạn muốn làm website thì phải đầu tư hosting để “tối ưu hóa” và “chuyên nghiệp hóa” quá trình làm việc của bạn cũng như toàn quyền kiểm soát với website của bạn.

Nếu bạn thuê người khác làm website cho bạn thì mình chắc chắn 100% là họ sẽ yêu cầu bạn mua hosting của bên họ. (Nhiều chỗ mang tiếng free năm đầu nhưng tới năm 2 bạn sẽ phải trả 1 đống tiền)

1 số dịch vụ xài host rẻ tiền cùi bắp mà lấy bạn mấy triệu mỗi năm, chưa tính tiền công làm website.

Về hosting thì có 3 loại cho bạn chọn :

Dedicated Server: Là 1 máy chủ vật lý riêng và bạn toàn quyền với máy chủ này. Giá thuê đắt và khó sử dụng, không phù hợp với người mới.

Virtual Private Server (VPS): Cũng là máy chủ riêng nhưng là máy chủ ảo được sinh ra bởi máy chủ vật lý. Bạn vẫn có thể toàn quyền với máy chủ ảo này, nhưng cũng khó sử dụng với người mới, chỉ sử dụng khi bạn đạt đến level tầm trung.

Shared host: Là 1 hosting được sinh ra bởi 1 máy chủ riêng biệt, và ở 1 máy chủ này người ta tạo ra nhiều shared host ví dụ A, B, C, D,…thì nếu bạn là sử dụng A thì B, C, D là những người hàng xóm của bạn. Tuy dùng chung máy chủ mẹ nhưng các dữ liệu lại riêng biệt. Shared host dễ sử dụng với người mới tiếp cận & đây là dạng host mình khuyên bạn nên dùng ở thời điểm bắt đầu

Chốt lại người mới nên sử sụng shared hosting, khi nào cứng tay, có thành quả lớn rồi chuyển qua VPS hay dedicated sever riêng sau.

Okay, tất cả các kiến thức cơ bản bạn đã nắm được, mình sẽ bắt đầu chuyển qua phần chính là hướng dẫn bạn làm 1 website WordPress từ A-Z

Bước 1: Bắt đầu chọn mua shared hosting & domain

Nhà cung cấp shared hosting thì có cả trăm cả ngàn nơi, tuy nhiên không phải ở đâu cũng uy tín, dịch vụ chất lượng, tốc đổ ổn định, hỗ trợ tốt, và với người mới điều quan tâm nữa đó là giá thành hợp lý.

Chi phí hosting bạn có thể thấy không đáng là bao, vài trăm ngàn cho 1 năm.

Và việc đầu tư hosting là hoàn toàn đúng đắn, vì ngay từ ban đầu, bạn không thể cạnh tranh lại với các đối thủ khác khi họ chọn trả phí còn bạn chọn miễn phí, như vậy hoàn toàn không hay chút nào.

Domain thì đơn giản hơn rất nhiều, ở bài hướng dẫn hosting mình cũng có hướng dẫn về domain luôn. Hoặc bạn có thể xem video sau:

Hosting thì bạn mua 1 lần xài lâu dài, còn domain sau này bạn làm bao nhiêu website thì mua chừng đó domain, giá domain cũng khá rẻ, thỉnh thoảng có mã giảm giá cực rẻ.

Bước 2: Kết nối domain – hosting lại với nhau

Website của bạn chỉ chạy khi và chỉ khi domain và hosting được kết nối với nhau, để làm được việc này bạn phải làm 2 việc sau :

Thêm domain vào host (thao tác trên giao diện quản lý hosting)

Trỏ IP hoặc DNS từ domain về host (Thao tác ở cài đặt domain)

Về cơ bản, việc kết nối domain và hosting sẽ trải qua 1 số thao tác, nhưng nói chung khá đơn giản. Tương ứng với 3 hosting mình khuyên dùng, cũng sẽ có 3 hướng dẫn cài đặt WordPress tương ứng như sau:

Bước 3: Cài đặt WordPress cho website của bạn

Sau khi domain của bạn và hosting của bạn đã kết nối được với nhau thì bạn đã có thể bắt đầu cài đặt nền tảng WordPress, việc cài đặt này có thể thực hiện theo 2 cách:

Cài đặt tự động : Hầu như hiện tại các hosting đều có mục cài đặt tự động WordPress.

Cài đặt bằng tay : Bạn cũng có thể cài đặt WordPress thủ công bằng FTP Filezilla hoặc các phần mềm tương tự

Tương tự, mình sẽ hướng dẫn bạn cài đặt WordPress với 3 hướng dẫn trực quan nhất:

Sau khi thực hành xong phần cài đặt wordpress, bạn có thể thấy website của bạn đã chạy được và cơ bản là bạn đã tạo xong một trang web, bạn có thể tạo hàng trăm cái website bằng cách tương tự.

Mọi thứ sẽ trở nên đơn giản khi bạn thực hành theo từng bước của mình, không nên phức tạp hóa vấn đề bởi các bước trên và tiếp theo sau đây hầu như bạn đều có công cụ hỗ trợ.

Bước 4: Chọn giao diện cho trang web của bạn (themes)

Website của bạn được xây dựng dựa trên mã nguồn mở WordPress, nên việc các bên thứ 3 sẽ tạo ra hàng triệu giao diện có sẵn.

Bản thân WordPress cũng có một kho giao diện miễn phí và trả phí mà bạn có thể lựa chọn sao cho phù hợp với mục đích website của bạn. Chúng ta làm website dường như chỉ có những mục đích chính sau đây :

Làm website tin tức

Làm website bán hàng

Làm blog riêng, viết những kiến thức của bạn, như chúng tôi vậy

Làm dịch vụ riêng.

……

Mỗi mục đích khác nhau bạn đều phải chọn những giao diện sao cho phù hợp, và các nhà sản xuất giao diện đều có thể đáp ứng được 100% nhu cầu của bạn

Đặc biệt bạn nào là coder có thể học làm giao diện WordPress, làm cho người khác hoặc bán trên các chợ theme, ví dụ blog nổi tiếng về kiếm tiền affiliate marketing Smartpassiveincome của Pat Flynn sử dụng giao diện tự code nhìn rất chuyên nghiệp :

Với việc cài đặt giao diện (theme) dành cho website của bạn, mình đã viết ra một bài riêng để các bạn dễ tìm hiểu, hãy đọc bài viết đó ngay sau đây :

Mình có sưu tầm ~50 WordPress themes siêu đẹp mà miễn phí, bạn có thể vào xem demo & tải về.

Okay sau khi làm xong giao diện thì bạn cố gắng ngồi mày mò sửa đổi sao cho website của bạn nhìn đàng hoàng, chỉnh chu 1 chút. Tiếp đó là đến phần cài đặt 1 số plugin phổ biến.

Bước 5: Cài đặt các WordPress plugin cơ bản

WordPress Plugin là những công cụ có những tính năng riêng biệt, mà trong mã nguồn WordPress sẽ không tích hợp.

Cũng như themes, WordPress Plugin có 2 loại trả phí và miễn phí. Nhưng với 1 website mới, bạn chỉ cần dùng những thứ miễn phí thôi là đã đủ rồi (Cả theme và plugin).

Để tìm hiểu sâu hơn về WordPress bạn hãy chuyển qua 2 bài viết chuyên sâu sau :

Như vậy bài hướng dẫn này sẽ chỉ dừng ở mức bạn đã tạo được 1 trang web wordpress, công việc này là khá căn bản và ai cũng có thể làm được. Sau khi hoàn thành trang web, bạn sẽ có khá nhiều việc phải làm với nó, ví dụ :

Phát triển nội dung

Tối ưu hóa SEO Onpage

Chỉnh sửa lại giao diện sao cho vừa ý

…..

Những nội dung đó sẽ không bao gồm trông bài hướng dẫn này, mà mình sẽ update dần dần những hướng dẫn, bạn có thể tìm thấy những nội dung mới trong thời gian tới tại thư mục hướng dẫn tự học WordPress trong blog của mình.

So Sánh 5 Plugin WordPress Jquery Slider Hàng Đầu

Một trong những điều tốt nhất về WordPress là khả năng sử dụng các phần tử hình ảnh ưa thích mà không cần viết một dòng mã. Chỉ sử dụng sức mạnh của bổ sung, bạn có thể kết hợp các tính năng gọn gàng như lịch đặt phòng tương tác và biểu mẫu liên hệ trong vòng vài phút.

Trong hướng dẫn cụ thể này, chúng tôi sẽ trình bày các plugin thanh trượt 5 jQuery hàng đầu để thêm gia vị cho thiết kế trang web của bạn:

1. Thanh trượt IT lớn

Phần còn lại của cài đặt thanh trượt như chiều cao, hiệu ứng và tùy chọn điều hướng có thể truy cập trực tiếp trên cùng một trang. Khi bạn đã hài lòng với thanh trượt của mình, bạn có thể dán chúng vào bất kỳ trang hoặc bài đăng nào thông qua shortcode. Khi nói đến tùy chỉnh, bạn có thể mở khóa phiên bản đầy đủ để tùy chỉnh mọi phần tử đơn của thanh trượt – từ màu phông chữ sang nút điều hướng.

Tải xuống và biết thêm thông tin: chúng tôi

2. Thanh trượt WD

3. Plugin trình chiếu trượt

Xin lưu ý rằng phiên bản miễn phí của Trình chiếu trình chiếu Slider chỉ cấp quyền truy cập vào các tùy chọn tùy chỉnh 15, nhưng điều đó không có nghĩa là bạn không thể tạo các thanh trượt khác nhau mà không phải trả tiền cho phiên bản pro. Tuy nhiên, trả tiền cho một giấy phép chuyên nghiệp sẽ cung cấp cho bạn quyền truy cập vào rất nhiều tính năng tuyệt vời như lớp video, hình động lớp, hỗ trợ tập lệnh nâng cao (HTML5, Vimeo, JW, v.v.) và hình ảnh động bổ sung.

4. Aparg Slider

Nó cũng đáng chú ý là Aparg Slider là hoàn toàn tự do để sử dụng, vì vậy nó hoàn hảo cho các blogger với ngân sách eo hẹp.

5. Thanh trượt chính

Master Slider cũng cung cấp giao diện người dùng hàng đầu giúp hợp lý hóa quá trình tạo thanh trượt. Khi tạo một thanh trượt mới, bạn có thể chọn ngay từ một số mẫu được định cấu hình trước hoặc bắt đầu lại từ đầu. Tất nhiên, bạn có quyền tự do sửa đổi các yếu tố thiết kế cụ thể như CSS tùy chỉnh, hoạt ảnh, kích thước và thanh trượt “skin”. Về các tính năng, chúng ta hãy nói rằng Master Slider có mọi thứ bạn có thể yêu cầu trong một plugin trượt.

Kết luận

Mặc dù có các tính năng tương tự, các thanh trượt bạn tạo bằng cách sử dụng các plugin khác nhau sẽ có một số khác biệt về hình ảnh. Cách duy nhất để bạn tìm ra những gì phù hợp với trang web của bạn là thử trực tiếp.

Tải xuống và biết thêm thông tin: chúng tôi

Cách Cài Đặt Api WordPress Rest Để Tìm Bài Viết

API là viết tắt Giao diện lập trình ứng dụng. API là cách tiếp cận tự động để kết nối với dữ liệu ứng dụng. Chẳng hạn, API Facebook trưng bày loạt tính năng từ nền tảng Facebook.

REST là từ viết tắt chuyển giao trạng thái đại diện. API được xem như REST nếu thiết kế từ nó đăng ký vào tập ràng buộc cụ thể gồm cơ chế máy chủ-máy khách, triển khai độc lập và tùy chọn cho khả năng mở rộng.

Yêu cầu cùng phản hồi tạo thành thành phần bổ sung về cách thức hoạt động HTTP.

Mỗi khách hàng thực hiện 1 yêu cầu HTTP đến 1 máy chủ

Máy chủ phản hồi với phản hồi HTTP

Ở HTTP, cơ chế này hoạt động bằng cách sử dụng GET (Yêu cầu), POST (Phản hồi).

Lưu ý ở ví dụ đầu tiên, chúng tôi đã sử dụng điểm cuối sau:

NHẬN wp / v2 / bài viết

Điểm cuối là khả năng truy cập được thông qua API rồi họ thực hiện hoạt động như khôi phục bài đăng tạo giúp người dùng khác hoặc cập nhật meta bài đăng. Mặt khác, chúng ta nói điểm cuối kích hoạt kỹ thuật thực hiện nhiệm vụ cụ thể. Những điểm cuối này phải tuân theo động từ HTTP được kết nối với chúng. Ở trường hợp trên, chúng tôi đang sử dụng động từ GET để phục hồi toàn bộ bài viết.

Routes với thiết bị đầu cuối trên là những điều sau đây:

wp / v2 / bài viết

Khóa học về cơ bản là tên để đi đến điểm cuối. Khóa học có khả năng có nhiều điểm cuối theo quan điểm động từ HTTP, vì vậy khóa học trên có điểm cuối đi kèm để tạo bài đăng khác:

POST wp / v2 / bài viết

Điểm cuối này, khi được kích hoạt với tham số được cung cấp, sẽ tạo ra thực thể bài mới.

Hãy xem xét Routes sau:

Routes này trỏ đến thực thể Post id là 50. Nó có ba điểm cuối sau:

NHẬN wp / v2 / bài viết / 50: được sử dụng để truy xuất bài đăng có id là 50. Nó kích hoạt phương thức get_item ().

PUT wp / v2 / post / 50: sử dụng cập nhật bài đăng có id là 50. Nó kích hoạt update_item ()

XÓA wp / v2 / bài viết / 50: Nó xóa bài đăng có id là 50. Nó kích hoạt phương thức xóa_item ().

API WordPress REST sử dụng JSON

REST, JSON cùng nhau cung cấp thành phần để tạo ra ứng dụng có khả năng sử dụng back-end WordPress. Trường hợp quan trọng nhất, ứng dụng di động yêu cầu trao đổi thông tin giữa khách hàng với máy chủ.

Vì JSON là định dạng dựa trên văn bản để loại bỏ thông tin, nên nó được sử dụng hoàn hảo với hầu hết ngôn ngữ lập trình. Do đó, JSON đóng vai trò là trình kết nối toàn thế giới khi giao dịch thông tin giữa giai đoạn khác nhau giải mã tương tự bởi cả máy và người.

Với việc sử dụng API giống như API đang được kiểm tra, nội dung website WordPress không chỉ bị giới hạn mà chỉ được nhận bởi điểm đến cùng khách hàng khác nhau. Khi API phát hiện ra vài phần tính hữu ích bên trong, khách hàng từ xa giao tiếp được với website để thiết kế lại hay tạo nội dung mới. Nó cũng đồng ý để khôi phục nội dung từ website WordPress hiện tại rồi hiển thị nó tại website khác.

Tại thời điểm đó, đăng nhập website WordPress (your-site-name.com/wp-login.php). Tuy nhiên, plugin ở thanh bên trái rồi nhấp thêm mới. Nhấp nút tải lên Plugin, nhấp chọn tệp rồi chọn phiên bản nén plugin WP API, sau đó nhấp cài đặt ngay.

Ví dụ WP API REST

Chúng tôi chỉ bạn thấy ví dụ về yêu cầu WP API GET chưa được xác thực. Vì vậy, không cần lo lắng về bất kỳ plugin hay cài đặt xác thực nào.

Bắt đầu bằng cách thêm tiện ích mở rộng Chrome Postman. Bạn cũng cài đặt được bổ trợ dễ dàng REST nếu bạn sử dụng Firefox.

Nhận bài viết

Chúng tôi chỉ bạn cách tải xuống tất cả bài đăng hiện có tại website WordPress bạn. Để thực hiện việc này, sao chép URL sau:

http :

Dán Routes đó vào trường nhập yêu cầu URL Postman. Bạn cũng làm được điều này bằng cách viết Routes trên tại trình duyệt web tuy nhiên dữ liệu sẽ không được tổ chức nên việc xem bản đồ sẽ khó khăn hơn. Thay thế ‘your-web-site.com’ bằng website mà bạn đã giới thiệu plugin WP API trên. Chọn nhận từ trình đơn thả xuống rồi nhấp gửi.

Nhận một bài

Bây giờ bạn đã biết cách lấy danh sách bài đăng ở website, chúng tôi sẽ chỉ bạn cách nhận bài đăng cụ thể từ website WordPress với plugin WP API được cài đặt. Sao chép link bên dưới.

http : chúng tôi {id}

Dán nó vào trường Postman nhập yêu cầu URL ở đây. Lần nữa, hãy đảm bảo bạn chọn GET từ trình đơn thả xuống. Thay chúng tôi bằng website mà bạn đã cài đặt plugin WP API trên AND thay thế {id} bằng ID bài đăng mà bạn biết tồn tại ở website WordPress.

Lời kết

Rest Api Là Gì? Giới Thiệu Và Cách Sử Dụng WordPress Rest Api Cơ Bản

Bạn muốn cung cấp dữ liệu của website đến một bên thứ 3 hoặc những nền tảng khác nhau, bạn không thể cho kết nối trực tiếp đến dữ liệu của bạn để bảo mật, điều gì có thể giúp bạn làm được điều này? đó chính là REST API. Trong bài viết này mình sẽ chia sẻ một chút về REST API là gì, mình cũng sẽ giới thiệu về REST API của WordPress và cách sử dụng nó để lấy dữ liệu cho website khác.

REST API là gì?

REST ( REpresentational State Transfer) hiểu đơn giản thì nó là một dạng chuyển đổi cấu trúc dữ liệu. API ( Application Programming I nterface) là giao diện lập trình ứng dụng giúp tạo ra các phương thức kết nối với các thư viện và ứng dụng khác nhau.

Như vậy có thể hiểu REST API là một ứng dụng chuyển đổi cấu trúc dữ liệu có các phương thức để kết nối với các thư viện và ứng dụng khác. REST API không được xem là một công nghệ, nó là một giải pháp để tạo ra các ứng dụng web services thay thế cho các kiểu khác như SOAP, WSDL (Web Service Definition Language),…

Các ưu điểm của REST

Giúp cho API trở nên rõ ràng hơn.

REST URL đại diện cho resource chứ không phải là hành động.

Dữ liệu được trả về với nhiều định dạng khác nhau như: xml, html, rss, json …

Code đơn giản và ngắn gọn.

REST chú trọng vào tài nguyên hệ thống.

Các trang web ngày nay thường sử dụng REST API để cho phép kết nối dữ liệu của họ. Facebook cũng cung cấp các REST API giúp các ứng dụng bên ngoài có thể kết nối đến dữ liệu của họ. (bạn có thể tham khảo tại đường dẫn: https://developers.facebook.com/tools/explorer).

Giới thiệu về WordPress REST API

Trước WordPress phiên bản 4.7 thì muốn có REST API bạn phải cài các Plugin hỗ trợ, tuy nhiên các phiên bản sau này nó đã được WordPress tích hợp sẵn và bạn không cần phải cài bất cứ Plugin nào.

Các REST API WordPress trả về các định dạng dữ liệu Json (JavaScript Object Notation), giúp người dùng có thể lấy dữ liệu hoặc cập nhật dữ liệu từ các ứng dụng khác mà không cần phải kết nối trực tiếp đến dữ liệu của website. Với REST API WordPress chúng ta có thể tạo ra các ứng dụng android đọc báo sử dụng dữ liệu Json của REST API, các ứng dụng như winform để quản lý,…

Bạn có thể tìm thấy cách sử dụng WordPress REST API tại https://developer.wordpress.org/rest-api/using-the-rest-api/.

Ví dụ sử dụng REST API WordPress để lấy dữ liệu

Thật ra tùy vào mục đích sử dụng dữ liệu Json trên nền tảng nào thì sẽ có cách xử lý trên nền tảng đó. Mình sẽ làm một ví dụ ngắn về việc lấy dữ liệu Json trên chúng tôi và hiển thị trên một website ở localhost.

Đầu tiên mình sẽ tạo ra một tệp main.js bên trong thư mục JS của theme.

Mở file content.php và thêm đoạn code sau vào:

Mở file functions.php và thêm đoạn code sau vào:

function getjsdata() { wp_register_script('custom-script',get_template_directory_uri().'/js/main.js',array( 'jquery' )); wp_enqueue_script( 'custom-script' ); } add_action('wp_enqueue_scripts','getjsdata');

Quay trở lại file main.js và thêm đoạn code sau vào:

var button_load = document.getElementById("btn_load"); var content = document.getElementById("div_content"); if(button_load){ var request = new XMLHttpRequest(); request.open('GET','http://Domain_của_bạn/wp-json/wp/v2/posts'); request.onload = function(){ var data = JSON.parse(request.responseText); console.log("đã có dữ liệu"); }else{ console.log("đã kết nối đến server, nhưng có lỗi"); } }; request.onerror = function(){ console.log("kết nối thất bại"); }; request.send(); }); }

Bây giờ bạn chạy website lên, nhấn vào nút “tải dữ liệu” nếu kết quả trả về trong tab Console là “đã có dữ liệu” tức là đã thành công, nếu trả về “đã kết nối đến server, nhưng có lỗi” thì xem lại REST API trên server của bạn, và nếu trả về “kết nối thất bại” thì xem lại kết nối đến server của bạn có vấn đề gì không.

Bây giờ việc còn lại của chúng ta là bóc tách các dữ liệu này và hiển thị lên trên website.

Bạn thêm một đoạn code sau vào file “main.js“

function viewdata(datapost) { var HTMLstring =''; for(i=0;i<datapost.length;i++){ } content.innerHTML = HTMLstring; }

sau đó thay dòng console.log(data); thành viewdata(data);

Trở lại website bạn tải lại và nhấn nút sẽ có kết quả như sau:

Bạn có thể lấy ra nhiều thành phần khác nữa dựa vào dữ liệu trả về. Đoạn code trên mình có tô đỏ từ title.rendered và excerpt.rendered tức là lấy tiêu đề và mô tả của bài viết, cái này các bạn có thể sử dụng console để phân tích.

Đầu tiên mình sẽ thêm một vùng nhập liệu cho giao diện bằng đoạn mã HTML sau:

Tiếp theo bạn thêm đoạn sau vào file main.js

var adddata = document.querySelector("#btn_adddata"); if(adddata){ var datapost ={ "title":document.querySelector('.form [name="title_name"]').value, "content":document.querySelector('.form [name="content_name"]').value, "status":"publish", } var post_data = new XMLHttpRequest(); post_data.open("POST","http://domain_của_bạn/wp-json/wp/v2/posts"); post_data.setRequestHeader("X-WP-Nonce",nonce); post_data.setRequestHeader("Content-Type", "application/json;charset=UTF-8") post_data.send(JSON.stringify(datapost)); }); }

Trong phần code này bạn chú ý đến dòng post_data.setRequestHeader("X-WP-Nonce",nonce);. Nếu bạn không có nonce bạn sẽ không được xác thực việc đăng dữ liệu.

Để lấy Nonce bạn có thể sử dụng hàm wp_create_nonce('wp_rest') những người đã đăng nhập sẽ được cấp một none được xác thực và có thể đăng bài.

Như vậy là mình đã xong bài giới thiệu và hướng dẫn sử dụng cơ bản REST API của WordPress, các bạn có thể sử dụng nó để mở rộng trên nhiều nền tảng khác nhau.

Bạn đang đọc nội dung bài viết (5 Bước Chi Tiết) Cách Làm Một Website Bằng WordPress (Có Video) trên website Thaiphuminh.com. Hy vọng một phần nào đó những thông tin mà chúng tôi đã cung cấp là rất hữu ích với bạn. Nếu nội dung bài viết hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất. Chúc bạn một ngày tốt lành!