Localhost là gì? Tại sao nên sử dụng Localhost?

Localhost là một thuật ngữ thường được sử dụng để chỉ địa chỉ IP của máy tính cục bộ của bạn. Khi truy cập localhost, bạn đang truy cập vào máy tính của chính mình thông qua giao thức mạng loopback (127.0.0.1). Điều này có nghĩa là các ứng dụng và phần mềm được cài đặt trên máy tính của bạn có thể được truy cập thông qua địa chỉ localhost.

Trong lập trình web, localhost thường được sử dụng để phát triển và kiểm thử các trang web trên máy tính cục bộ trước khi đưa lên môi trường sản xuất. Bạn có thể cài đặt môi trường phát triển web trên máy tính của mình, ví dụ như XAMPP hoặc WAMP, để tạo ra một máy chủ web cục bộ và truy cập vào các trang web của mình trên địa chỉ localhost.

Lưu ý rằng localhost chỉ hoạt động trên máy tính cục bộ của bạn và không thể truy cập từ bên ngoài mạng.
Sử dụng localhost có nhiều ưu điểm như sau:

1. Tiết kiệm chi phí: Sử dụng localhost để phát triển và kiểm thử trang web giúp tiết kiệm chi phí cho việc thuê máy chủ hoặc mua dịch vụ hosting.
2. Tốc độ tải trang nhanh: Khi sử dụng localhost để phát triển trang web, tốc độ tải trang sẽ nhanh hơn so với khi truy cập vào trang web từ xa thông qua một dịch vụ hosting.
3. Dễ dàng quản lý và cập nhật: Vì trang web được lưu trữ trên máy tính của bạn, bạn có thể dễ dàng cập nhật và quản lý nó mà không cần phải truy cập vào dịch vụ hosting.
4. Bảo mật: Trang web được lưu trữ trên máy tính của bạn, vì vậy bạn có thể kiểm soát và bảo vệ các tệp tin của mình một cách dễ dàng hơn so với khi lưu trữ trên dịch vụ hosting.
5. Phù hợp cho phát triển và kiểm thử: Sử dụng localhost giúp cho việc phát triển và kiểm thử trang web trở nên dễ dàng hơn, vì bạn có thể tương tác với trang web trên cùng một máy tính thông qua địa chỉ localhost.

Tuy nhiên, cũng có một số hạn chế khi sử dụng localhost. Ví dụ như không thể truy cập vào trang web từ các thiết bị khác hoặc không thể kiểm tra tốc độ tải trang trên các kết nối mạng khác nhau.

Cách cài đặt Localhost trên máy tính của bạn.

Hướng dẫn cách cài đặt Localhost trên máy tính của bạn với XAMPP và AMPPS

XAMPP và AMPPS là hai phần mềm giúp bạn tạo ra một môi trường phát triển web trên máy tính của mình. Bằng cách sử dụng chúng, bạn có thể tạo ra một máy chủ web cục bộ và phát triển các trang web trên đó. Dưới đây là hướng dẫn cách cài đặt Localhost trên máy tính của bạn với XAMPP và AMPPS.

1. Cách cài đặt Localhost với XAMPP

Bước 1: Tải xuống XAMPP từ trang web chính thức https://www.apachefriends.org/download.html.

Bước 2: Chạy tệp tin cài đặt và bấm Next để tiếp tục.

Bước 3: Chọn các thành phần bạn muốn cài đặt trên máy tính của mình. Thông thường, bạn nên chọn tất cả các thành phần để đảm bảo rằng mọi thứ hoạt động đúng cách.

Bước 4: Chọn vị trí cho thư mục cài đặt XAMPP. Mặc định, nó sẽ được cài đặt trong thư mục C:\xampp. Nhấn Next để tiếp tục.

Bước 5: Chọn các thiết lập tùy chỉnh khác nếu cần và nhấn Next để tiếp tục.

Bước 6: Chờ đợi quá trình cài đặt hoàn tất và nhấn Finish để kết thúc cài đặt.

2. Cách cài đặt Localhost với AMPPS

Bước 1: Tải xuống AMPPS từ trang web chính thức https://www.ampps.com/download.

Bước 2: Chạy tệp tin cài đặt và bấm Next để tiếp tục.

Bước 3: Chọn các thành phần bạn muốn cài đặt trên máy tính của mình. Thông thường, bạn nên chọn tất cả các thành phần để đảm bảo rằng mọi thứ hoạt động đúng cách.

Bước 4: Chọn vị trí cho thư mục cài đặt AMPPS. Mặc định, nó sẽ được cài đặt trong thư mục C:\Program Files\Ampps. Nhấn Next để tiếp tục.

Bước 5: Chọn các thiết lập tùy chỉnh khác nếu cần và nhấn Next để tiếp tục.

Bước 6: Chờ đợi quá trình cài đặt hoàn tất và nhấn Finish để kết thúc cài đặt.

Sau khi đã cài đặt XAMPP hoặc AMPPS, bạn có thể truy cập vào localhost bằng cách mở trình duyệt web và nhập địa chỉ “http://localhost” vào thanh địa chỉ. Bạn cũng có thể tạo các trang web mới trong thư mục htdocs của XAMPP hoặc www của AMPPS để bắt đầu phát triển trang web của mình.

Tổng kết

Vậy là WebNow đã mang đến cho bạn cách cài đặt Localhost trên máy tính của bạn. Hy vọng với bài viết này, WebNow đã giúp bạn có thêm mẹo trong việc thiết kế website hiệu quả. Nếu bạn có nhu cầu thiết kế website chuẩn SEO, hãy liên hệ với WebNow nhé!

Giữa hàng nghìn đơn vị cung cấp dịch vụ thiết kế website, WebNow tự hào là đơn vị uy tín, chất lượng hàng đầu. Dưới đây là những lí do mà bạn nên sử dụng dịch vụ thiết kế website của WebNow:

Đội ngũ kĩ thuật viên với bề dày kinh nghiệm trong lĩnh vực thiết kế website sẽ cung cấp cho bạn một website với:

• Tích hợp đầy đủ tính năng, thân thiện với người dùng.
• Chứng chỉ bảo mật an toàn SSL và HTTPS được cung cấp đầy đủ.
• Giao diện hiện đại, độc đáo, chuẩn SEO.
• Tính năng quản lý sản phẩm thông minh, linh hoạt.
• Dễ dàng quản lý và vận hành trang web.

Ngoài ra, dịch vụ chăm sóc khách hàng 24/7 của WebNow luôn nhanh chóng tiếp nhận và giải quyết những thắc mắc, băn khoăn về website của quý khách. Bên cạnh đó, các chương trình khuyến mãi, chính sách ưu đãi luôn được áp dụng để chào đón khách hàng mới và tri ân khách hàng cũ.

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh

Xem thêm: Từ khóa chuẩn SEO là gì, phân loại các dạng từ khóa chuẩn SEO

Một số lưu ý khi xây dựng một Theme cơ bản trong WordPress

Trước khi vào xây dựng một Theme cơ bản trong WordPress, mình xin nhắc lại rằng bạn nên cài mới một website WordPress trên localhost và vào để làm nội dung có sẵn, tạo thuận lợi trong việc kiểm tra việc hiển thị Theme nhanh chóng và hợp chuẩn cho WordPress.

Khi xây dựng một Theme cơ bản trong WordPress, cấu trúc theme là một phần quan trọng. Trước khi bắt đầu code, bạn nên có kế hoạch cụ thể về cấu trúc theme của mình. Trong cấu trúc theme, bạn sẽ có các file quan trọng như functions.php, index.php, style.css và nhiều file khác. Việc viết code theo thứ tự cấu trúc này sẽ giúp bạn quản lý dễ dàng hơn.

Ngoài các file (template) quan trọng như functions.php, index.php và style.css, bạn cũng có thể tạo các file như content.php, content-none.php để dễ dàng quản lý các đoạn lặp (loop) để hiển thị nội dung.

Điều này giúp bạn tổ chức code một cách rõ ràng và dễ quản lý trong quá trình phát triển theme WordPress của mình.

Cách xây dựng một Theme cơ bản trong WordPress

Tạo các thư mục chứa Theme

Bước 1: Tạo một thư mục cho Theme

Trước khi tiến hành xây dựng một Theme cơ bản trong WordPress, bạn cần phải xây dựng xong môi trường làm việc, tham khảo về Cách tạo một Plugin cơ bản nhanh nhất

Bây giờ bạn hãy vào thư mục /wp-content/themes và tạo một thư mục mà bạn muốn chứa Theme.

Đặt tên thư mục theo ý muốn của bạn. Ví dụ, đặt tên thư mục là sgwebdemo.

Bước 2: Tạo tệp tin chính của Theme

Trong thư mục Plugin của bạn, tạo một file style.css với nội dung như bên dưới.

Đây sẽ là tệp tin chính để WordPress nhận biết Plugin của bạn.

Có một số dòng comment thông thường được thêm vào trong Code của một theme WordPress, và đây là giải thích cho một số dòng comment đó:

• Tags: Dòng comment này cho phép bạn thêm các từ khóa (tags) để mô tả theme của bạn. Nếu bạn tải lên theme này lên thư viện WordPress.org, những từ khóa này sẽ giúp người dùng dễ dàng tìm thấy theme của bạn khi tìm kiếm theo từ khóa.
• Textdomain: Dòng comment này cung cấp thông tin về text domain của theme. Text domain là một cơ chế để hỗ trợ dịch theme sang các ngôn ngữ khác. Bằng cách sử dụng text domain, bạn có thể tạo các file ngôn ngữ riêng để dịch các chuỗi văn bản trong theme. Điều này giúp người dùng dễ dàng định dạng theme theo ngôn ngữ mà họ muốn sử dụng.

Các dòng comment này không ảnh hưởng trực tiếp đến hoạt động của theme, nhưng chúng cung cấp thông tin hữu ích cho người phát triển và người dùng khác.

Bước 3: Xây dựng cấu trúc Theme

Tiếp tục trong thư mục Plugin và bạn hãy tạo lần lượt các file sau:

• sgwebdemo/
  • functions.php
  • index.php
  • header.php
  • footer.php
  • page.php
  • single.php
  • content.php

Mỗi file vừa tạo  có một chức năng riêng, nó đóng vai trò quan trọng cho việc tạo ra một giao diện hiển thị sau này cho một trang web hoàn chỉnh mà chúng ta phải code vào đó.

Có thể tạo thêm các file sau nếu bạn muốn xây dựng như một trang bài viết, tin tức,…

• sgwebdemo/
  • • …
  • content-none.php
  • archive.php
  • search.php
  • author.php
  • 404.php
  • sidebar.php
  • …

Bước 4: Tạo ảnh cho Theme

Khi bạn muốn để một ảnh đại diện như kiểu Logo, ảnh đại diện để thêm thêm đặc sắc và thêm nhận biết cho mình.

Trong chính thư mục này, hãy chèn ảnh mà bạn muốn để và đều quan trọng là bạn phải đổi tên file ảnh thành screenshot và có đuôi định dạng là .png (Cụ thể là: screenshot.png). Điều này là quy tắc bắt buộc.

Bước 5: Kiểm tra Theme vừa tạo

Sau khi tới bước này,  ta quay lại truy cập  trang WordPress và chọn mục Giao diện.

Kết quả ta thấy, đã xuất hiện Theme và các thông tin hiển thị mà ta đã khởi tạo.

Và ngay sau đó Click vào Tùy Biến.

Nếu giao diện sẽ hiển thị các thông tin này chứng tỏ bạn đã khởi tạo thành công cách xây dựng một Theme cơ bản trong WordPress.

Thực ra quy trình xây dựng một Theme cơ bản trong WordPress chỉ có vậy và theme có đẹp hay không là do khả năng thiết kế chuyên sâu của bạn nữa. Đặc biệt, kỹ năng CSS và Javascript/JQuery cần phải được phát triển tốt để tạo ra những theme hấp dẫn và thu hút người sử dụng.

Trong bài viết, có thể cung cấp ví dụ và hướng dẫn về quy trình ban đầu để tạo một theme đơn giản và sau đó mở rộng vào phần core của WordPress, nhằm giúp bạn hiểu rõ hơn mà không tải quá nhiều kiến thức không liên quan đến WordPress. Tuy nhiên, khi bạn đã nắm được cách áp dụng các kỹ thuật đã hướng dẫn và thường xuyên luyện tập CSS/Javascript, bạn sẽ có khả năng phát triển và tạo ra những theme tốt hơn.

Mong rằng bài viết này đã giúp bạn trả lời câu hỏi “Cách xây dựng một Theme cơ bản trong WordPress?” Nếu bạn có bất kỳ thắc mắc nào liên quan, hãy bình luận bên dưới để mình có thể giúp đỡ và giải thích thêm.

Tổng Kết

Vậy là WebNow đã mang đến cho bạn những thông tin về cách xây dựng một Theme cơ bản trong WordPress và các bước cơ bản trong quy trình xây dựng một Theme cơ bản WordPress. Hy vọng với bài viết này, WebNow đã giúp bạn có thêm thông tin hữu ích. Nếu bạn có nhu cầu thiết kế website chuẩn SEO, hãy liên hệ với WebNow nhé!

Giữa hàng nghìn đơn vị cung cấp dịch vụ thiết kế website, WebNow tự hào là đơn vị uy tín, chất lượng hàng đầu. Dưới đây là những lý do mà bạn nên sử dụng dịch vụ thiết kế website của WebNow:

Đội ngũ kĩ thuật viên với bề dày kinh nghiệm trong lĩnh vực thiết kế website sẽ cung cấp cho bạn một website với:

• Tích hợp đầy đủ tính năng, thân thiện với người dùng.
• Chứng chỉ bảo mật an toàn SSL và HTTPS được cung cấp đầy đủ.
• Giao diện hiện đại, độc đáo, chuẩn SEO.
• Tính năng quản lý sản phẩm thông minh, linh hoạt.
• Dễ dàng quản lý và vận hành trang web.

Ngoài ra, dịch vụ chăm sóc khách hàng 24/7 của WebNow luôn nhanh chóng tiếp nhận và giải quyết những thắc mắc, băn khoăn về website của quý khách. Bên cạnh đó, các chương trình khuyến mãi, chính sách ưu đãi luôn được áp dụng để chào đón khách hàng mới và tri ân khách hàng cũ.

Tổng quan HTML và CSS – Hành trình khởi tạo trang web đầu tiên của bạn

Hãy tưởng tượng trước khi con người phát triển đến mức độ của thể phát minh ra Internet. Các trang web không tồn tại, thông tin được in trên giấy và sách là nguồn thông tin chính của mọi người. Vì vậy, những thông tin mọi người nhận được có thể không chính xác và không đúng tại thời điểm xảy ra khiến cho mọi người rất khó để có thể theo dõi được các thông tin mà họ cần.

Ngày nay, bạn có thể mở một trình duyệt web, chuyển qua công cụ tìm kiếm và chọn thì mọi thông tin bạn muốn đều có thể biết, nhưng thông tin này không những có độ chính xác cao mà còn đúng thời điểm.

Ở bài viết này, WebNow sẽ hướng dẫn cho các bạn bước đầu tiên vào hành trình xây dựng trang web bằng hai ngôn ngữ quyền lực nhất là HTML và CSS.

Trước khi bắt đầu hành trình tìm hiểu và xây dựng web bằng HTML và CSS, chúng ta phải hiểu rõ sự khác biệt giữa hai ngôn ngữ và một số cú pháp của từng ngôn ngữ cùng một số thuật ngữ phổ biến.

Định nghĩa và ứng dụng cơ bản về HTML và CSS

Đầu tiên, phải xác định rõ HTML và CSS là hai ngôn ngữ khác nhau về mặt cấu trúc. Sự khác nhau này có thể được phân biệt như sau:

• HTML (HyperText Markup Language): là khung xương của một trình duyệt website, nó cung cấp cấu trúc nội dung và ý nghĩa bằng cách xác định nội dung đó, ví dụ như tiêu đề, đoạn văn hoặc hình ảnh.
• CSS (Cascading Style Sheets): nếu HTML là khung xương thì CSS sẽ là da thịt đắp lên khung xương đó, được dùng để tạo kiểu cho sự xuất hiện của nội dung sử dụng, ví dụ như phông chữ hoặc màu sắc.
• HTML sẽ luôn đại diện cho nội dung và CSS sẽ luôn thể hiện sự xuất hiện của nội dung đó.

Ứng dụng cấu trúc cơ bản của HTML

Khi tìm hiểu về HTML và CSS, ta sẽ dễ dàng nhận ra rằng cấu trúc của HTML rất đơn giản và logic, bố cục từ trên xuống dưới, từ trái sang phải, với 2 phần chính HEAD và BODY. Một trang web được viết bằng HTML tuân theo cấu trúc cơ bản sau:

• Mỗi trang HTML phải khai báo một DOCTYPE (định nghĩa tiêu chuẩn của văn bản) bắt đầu từ dòng đầu tiên.
• Thẻ <html> cho trình duyệt biết nơi bắt đầu và kết thúc trang HTML.
• Thẻ <head> chứa thông tin tiêu đề và khai báo cũng như các thông tin ẩn khác.
• Thẻ <body> sẽ hiển thị nội dung của trang web. Đây là những gì người dùng sẽ thấy khi trình duyệt đọc mã HTML.

<!DOCTYPE html>

<html>

<head>

<title>Đây là chỗ đánh tiêu để của website</title>

<!– Comment: Các thông tin khai báo, các thông tin ẩn –>

</head>

<body>

<!– Comment: Nội dung trang web mà người dùng sẽ thấy –>

<b>Đây là dòng chữ in đậm</b>

<i>Đây là dòng chữ in nghiêng</i>

</body>

</html>

Lưu ý

• Sau khi thẻ được mở, hãy chắc chắn đóng nó lại. Điều này giúp hạn chế các lỗi không mong muốn khi hiển thị trên trình duyệt.
• Một số thẻ không có thẻ đóng, chẳng hạn như <br>, <img>, <input>, v.v.
• Đề phòng lỗi khi đóng tab và mở tab trong trường hợp nhiều tab lồng nhau.
  [html]<p><h1>Tiêu đề</p></h1>[/html]

Các tag HTML cơ bản

Có 6 loại đề mục tất cả với mức độ nhấn mạnh giảm dần từ <h1> đến <h6>.

• <h1>Tiêu đề bài viết</h1>
• <h2>Phần 1</h2>
• <h3>Chương 1</h3>
• <h4>Mục 1</h4>
• <h5>Đề mục </h5>
• <h6>Đề mục con</h6>

Các định dạng TEXT

• <b>Tô đậm</b>
• <i>In nghiêng</i>
• <strong>Tô đậm theo chuẩn web ngữ nghĩa</strong>
• <em>In nghiêm theo chuẩn web ngữ nghĩa</em>

Phân đoạn

• Thẻ p dùng để đánh dấu đoạn văn,tách riêng với những đoạn text bình thường–> <p>Đoạn văn bản</p>
•  br là thẻ đơn, nên bạn không cần thẻ đóng –> Xuống dòng với <br>
•  Trích dẫn từ nguồn khác –> <blockquote>Trích dẫn</blockquote>

Liên kết

• <a href=”địa chỉ liên kết”>Đây là một liên kết</a>

Chèn ảnh

• <img src=”đường dẫn đến ảnh” alt=”chú thích cho ảnh”/>

Ứng dụng cú pháp cơ bản của CSS

Khi tìm hiểu về HTML và CSS, chúng ta cần hiểu được cú pháp cơ bản của CSS bao gồm 3 phần: vùng chọn (selector), thuộc tính (property) và giá trị (value).

SELECTOR

Sau khi thêm một phần tử vào trang web, nó có thể được tạo kiểu bằng CSS. Vùng chọn có thể được tạo nên dựa trên nhiều yếu tố như định danh (id), tên lớp (class), quan hệ cha – con – hậu duệ…. Selector chỉ định chính xác phần tử nào trong HTML sẽ nhắm mục tiêu và áp dụng kiểu (chẳng hạn như màu sắc, kích thước và vị trí) cho chúng.

PROPERTY

Là yếu tố bạn muốn thay đổi ở các thẻ HTML thuộc vùng chọn. Tên thuộc tính nằm sau selector, trong dấu ngoặc nhọn {} và ngay trước dấu hai chấm, :. Có rất nhiều thuộc tính chúng ta có thể sử dụng, chẳng hạn như background, color, font-size, height, và width, và các thuộc tính mới thường được thêm vào.

p {

color: …;

font-size: …;

}

VALUE

Mỗi property sẽ yêu cầu một value khác nhau. Đó có thể là 1 từ khóa định sẵn (none, block), một tên màu hay mã màu (blue, red, #333, v.v), hay một giá trị kích thước tính bằng px, em, rem, %.

p {

color: red;

font-size: 20px;

}

Tổng kết

Khi đọc tới đây chắc các bạn cũng đã hiểu thêm về hai ngôn ngữ lập trình cũng như sự khác biệt giữa HTML và CSS.

Như đã thấy, hai ngôn ngữ HTML và CSS căn bản rất dễ dàng để tiếp cận, khi bạn thường xuyên làm việc và thao tác với nó gián tiếp qua ứng dụng soạn thảo. Việc thuần thục HTML và CSS là không thành vấn đề khi bạn cố gắng.

Vậy là WebNow đã mang đến những định nghĩa cũng như các ứng dụng cơ bản của hai ngôn ngữ HTML và CSS đến cho mọi người. Hy vọng với bài viết này, WebNow đã cho bạn có thêm thông tin lẫn kiến thức về sự thực dụng của HTML và CSS khi học tập và làm việc có liên quan đến quản trị website.

Nếu bạn có nhu cầu thiết kế website chuẩn SEO, hãy liên hệ với WebNow nhé!

Giữa hàng nghìn đơn vị cung cấp dịch vụ thiết kế website, WebNow tự hào là đơn vị uy tín, chất lượng hàng đầu. Dưới đây là những lí do mà bạn nên sử dụng dịch vụ thiết kế website của WebNow:

Đội ngũ kĩ thuật viên với bề dày kinh nghiệm trong lĩnh vực thiết kế website sẽ cung cấp cho bạn một website với:

• Tích hợp đầy đủ tính năng, thân thiện với người dùng.
• Chứng chỉ bảo mật an toàn SSL và HTTPS được cung cấp đầy đủ.
• Giao diện hiện đại, độc đáo, chuẩn SEO.
• Tính năng quản lý sản phẩm thông minh, linh hoạt.
• Dễ dàng quản lý và vận hành trang web.

Ngoài ra, dịch vụ chăm sóc khách hàng 24/7 của WebNow luôn nhanh chóng tiếp nhận và giải quyết những thắc mắc, băn khoăn về website của quý khách. Bên cạnh đó, các chương trình khuyến mãi, chính sách ưu đãi luôn được áp dụng để chào đón khách hàng mới và tri ân khách hàng cũ.

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh

Xem thêm các tin tức khác từ WebNow tại đây

Lý do cần lấy lại mật khẩu WordPress

Mật khẩu WordPress là mật khẩu cho tài khoản đăng nhập vào trình duyệt quản trị của nền tảng WordPress. Mật khẩu WordPress phức tạp sẽ góp phần tăng tính bảo mật cho website của bạn, hạn chế được tình trạng kẻ xấu truy cập vào website do mật khẩu quá dễ đoán.

Ngoài việc đặt mật khẩu phức tạp, bạn cũng nên thay đổi mật khẩu định kỳ để đảm bảo tính bảo mật cao nhất cho website của mình. Việc đổi mật khẩu WordPress cực đơn giản và dễ thực hiện, khi đổi mật khẩu, bạn không nên dùng những mật khẩu đơn giản, đã từng sử dụng cho tài khoản khác hoặc mật khẩu dễ đoán vì có liên quan đến thông tin cá nhân của bạn.

Việc đổi mật khẩu thường xuyên hoặc đặt mật khẩu phức tạp là cần thiết để bảo vệ website của bạn. Tuy nhiên, đây cũng là lí do khiến nhiều người quên mật khẩu đăng nhập, gây khó khăn trong việc quản lý website của mình.

Nếu vì một lí do nào đó mà bạn đã quên mất mật khẩu WordPress của mình, đừng lo, WebNow sẽ hướng dẫn bạn cách lấy lại mật khẩu WordPress một cách nhanh chóng mà không cần đến email hay số điện thoại.

Bên cạnh những lý do về bảo mật, đây là các lý do khác bạn có thể cần phải đổi mật khẩu WordPress:

• Bạn đã chia sẻ tài khoản của mình với người khác và lúc này muốn lấy lại toàn quyền sở hữu thì việc đổi mật khẩu là giải pháp lý tưởng, đơn giản song đem lại hiệu quả cao nhất.
• Trong trường hợp có một ai đó biết được mật khẩu wordpress admin của bạn và bạn lại không muốn điều này xảy ra thì việc đổi mật khẩu, sử dụng một mật mã khác nâng cao độ an toàn, giúp chúng ta cảm thấy an tâm hơn.
• Khi không may quên mật khẩu của wordpress admin thì lúc này tiến hành lấy lại cần tiến hành với cách thức thích hợp, một cách chuẩn xác và hiệu quả nhất.

Hướng dẫn lấy lại mật khẩu WordPress thông qua phpMyAdmin

• Ưu điểm: 100% thành công
• Nhược điểm:
  • Hơi phức tạp một chút.
  • Yêu cầu phải có tài khoản quản trị host của website

Bước 1: Truy cập đến trang quản trị hosting của bạn, sau đó chọn phpMyAdmin

Trước hết, bạn cần đăng nhập vào trang quản trị hosting của bạn.

Nếu bạn chưa có và đang cần tìm một nơi có dịch vụ hosting uy tín, chuyện nghiệp thì hãy liên hệ với chúng tôi. WebNow cung cấp dịch vụ hosting cao cấp không giới hạn băng thông.

Bước 2: Chọn database của website cần lấy lại mật khẩu WordPress

Chọn bảng database của website có chứa tài khoản cần lấy lại mật khẩu WordPress.

Bước 3: Truy cập vào bảng wp-users

Sau đó, hãy chọn bảng wp-users để xem thông tin của các tài khoản WordPress có trong website.

Bước 4: Bên cạnh cột người dùng bạn muốn lấy lại mật khẩu WordPress, hãy chọn Edit

Sau đó, nhấn vào Edit để thực hiện việc lấy lại mật khẩu WordPress.

Bước 5: Trong cột value của user_pass, bạn hãy xóa nội dung và đặt lại mật khẩu mới vào cùng một ô

Tiếp theo, bạn hãy xóa nội dung trong cột value của dòng user_pass để xóa mật khẩu cũ

Đặt lại mật khẩu mới vào ô vừa xóa nội dung để tiến hành thay đổi lại mật khẩu mới.

(Chúng tôi khuyên bạn nên đổi mật khẩu mới để đảm bảo cho bảo mật của website)

Bước 6: Tại cột Function của dòng user_pass, hãy chọn MD5

MD5 là một chuẩn mã hóa của Internet và được dùng trong nhiều ứng dụng bảo mật. Vì thế chúng ta sẽ dùng MD5 để mã hóa cho mật khẩu WordPress nhé.

Bước 7: Nhấn vào Go để lưu lại thay đổi

Cuối cùng, nhấn Go để thực hiện và lưu thay đổi.

Bây giờ bạn đã có thể đăng nhập vào WordPress bằng mật khẩu mới rồi.

Hoàn tất tất cả các bước cần thiết trên là bạn có thể dùng các thông tin mới đổi này để đăng nhập trang quản trị của bạn. Bạn có thể tham khảo và áp dụng để thay đổi hoặc lấy lại mật khẩu WordPress  khi quên nhé. Chúc các bạn thành công.

XEM THÊM:

• Những thủ thuật WordPress tiện ích cho lập trình viên
• Cách tìm từ khoá chuẩn SEO cho nhu cầu của bạn
• Kiến thức về SEO website căn bản cho người mới
• Từ khóa chuẩn SEO là gì, phân loại các dạng từ khóa chuẩn SEO

Lời kết

Mong rằng bài hướng dẫn này giúp bạn dễ dàng thay đổi hay lấy lại mật khẩu WordPress trong các trường hợp khác nhau. Chúc các bạn thực hiện thành công. Nếu quá trình thực hiện còn bất kỳ vướng mắc nào hoặc cần WebNow chúng mình làm hướng dẫn về vấn đề nào khác vui lòng liên hệ qua:

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh

Dưới đây, WebNow sẽ hướng dẫn về cách viết một Plugin cơ bản trong WordPress.

Plugin là gì ?

Trước khi tìm hiểu về cách tạo một plugin cơ bản nhanh nhất, chúng ta sẽ cùng đến với khái niệm Plugin trước. Trong WordPress, plugin là một phần mở rộng chức năng được sử dụng để thay đổi, mở rộng hoặc tùy chỉnh các tính năng của trang web. Nó là một tập hợp các tệp tin PHP được viết để thực hiện các chức năng cụ thể và có thể được kích hoạt hoặc vô hiệu hóa theo tùy ý muốn.

Các plugin cho phép người dùng mở rộng tính năng và khả năng của WordPress mà không cần sửa đổi mã nguồn gốc. Bằng cách cài đặt và kích hoạt các plugin, bạn có thể thêm các tính năng như tạo mẫu trang, tạo biểu đồ, tối ưu hóa SEO, tích hợp mạng xã hội, quản lý quảng cáo, bảo mật và nhiều tính năng khác.

WordPress cung cấp một thư mục riêng để lưu trữ các plugin và giao diện người dùng để quản lý chúng. Người dùng có thể tìm kiếm, cài đặt, cập nhật và vô hiệu hóa các plugin trong trang quản lý plugin của WordPress. Với hàng ngàn plugin có sẵn từ cộng đồng WordPress, người dùng có thể tìm thấy và sử dụng các Plugin phù hợp với nhu cầu cụ thể của họ để mở rộng chức năng và tùy chỉnh trang web của mình một cách linh hoạt.

Cách tạo một Plugin cơ bản nhanh nhất

Dưới đây là hướng dẫn chi tiết cách tạo một plugin cơ bản nhanh nhất trên WordPress mà bạn có thể tham khảo:

1. Sử dụng phầm mềm XAMPP khởi tạo Web Server

Download phần mềm XAMPP tại đây và cài đặt về máy.

Tiếp theo, click chọn vào Start của Apache để khởi động localhost Web Server và port(s) hiển thị: 8080

2. Khởi tạo thư viện trong WordPress

Trong cách tạo một plugin cơ bản nhanh nhất cho website WordPress, sau khi khởi tạo Web Server, chúng ta cần thực hiện các bước sau để khởi tạo thư viện trong WordPress:

Bước 1: Vào trực tiếp trang chủ của WordPress tại đây download và lưu về máy.

Bước 2: Nơi cài đặt XAMPP, vào thư mục “/xampp/htdocs/” giải nén file (Ví dụ Filename: wordpress  → sgwebdemo) vừa tải về và có thể đổi tên lại theo tên project chúng ta cần làm.

Bước 3: Mở thư mục vừa đổi tên, truy cập vào thư mục “/wp-content/plugins/” trong thư mục cài đặt WordPress trên máy chủ và tạo một thư mục mới cho Plugin của bạn. Đặt tên thư mục theo ý thích của bạn. Ví dụ: “sgwebdemo.php”.

Nội dung Code cơ bản thường khởi tạo như sau:

<?php
/**


* |-:[Đoạn này sẽ chứa các đoạn giới thiệu và thông tin về Plugin, như tên Plugin (Plugin Name),

Tên tác giả (Author), Địa chỉ ( Plugin URI),... ]:-|

* Plugin Name: SGWeb Demo

* Plugin URI: https://sgweb.vn/

* Description: Hướng dẫn tạo một Plugin cơ bản nhanh nhất by WebNow.

* Version: 1.0


* Author: DzurTrwgn

* Author URI: https://sgweb.vn/
*/

Bước 4: Cũng như Bước 3 thay vì khởi tạo thủ công, chúng ta tạo Plugin nhanh chóng tại đây và thiết lập như bên dưới.

Tiếp theo, Click chọn Generate Plugin và ấn chọn Download.

Bước 5: Giải nén, Copy toàn bộ File này và Dán vào thư mục “/wp-content/plugins“.

Bước 6: Truy cập vào WordPress ở trình duyệt Web (Web demo: http://localhost:8080/sgwebdemo/wp-admin/), chuyển qua mục Plugin và click vào Kích Hoạt. 

Mọi thông tin sẽ được hiển thị ra bên dưới mục Mô tả. 

Tổng Kết

Trên đây là những thông tin hướng dẫn chi tiết về cách tạo một plugin cơ bản nhanh nhất vào website WordPress của bạn. Tuy nhiên, cần lưu ý một số điều khi cài đặt plugin:

• Hạn chế cài quá nhiều plugin để tránh ảnh hưởng đến tốc độ của website.
• Tránh cài đặt nhiều plugin có chức năng tương tự hoặc trùng lặp nhau.
• Chỉ nên cài đặt Plugin từ các nguồn đáng tin cậy và không nên sử dụng các plugin được chia sẻ từ các nguồn không rõ nguồn gốc, vì có thể gây nguy hiểm bảo mật.
• Tìm kiếm và cài đặt các Plugin từ WordPress.org, nơi đáng tin cậy và cung cấp nhiều Plugin chất lượng.
• Luôn cập nhật Plugin lên phiên bản mới nhất để tận dụng các cải tiến và sửa lỗi được cung cấp tốt hơn.

Trong bài tiếp theo, mình sẽ hướng dẫn xây dựng một Theme cơ bản trong WordPress.

Ngoài ra, nếu quý khách đang có nhu cầu thiết kế website, hãy liên hệ ngay với WebNow. Giữa hàng nghìn đơn vị cung cấp dịch vụ thiết kế website, WebNow tự hào là đơn vị uy tín, chất lượng hàng đầu. Dưới đây là những lí do mà bạn nên sử dụng dịch vụ thiết kế website của WebNow:

Đội ngũ kĩ thuật viên với bề dày kinh nghiệm trong lĩnh vực thiết kế website sẽ cung cấp cho bạn một website với:

• Tích hợp đầy đủ tính năng, thân thiện với người dùng.
• Chứng chỉ bảo mật an toàn SSL và HTTPS được cung cấp đầy đủ.
• Giao diện hiện đại, độc đáo, chuẩn SEO.
• Tính năng quản lý sản phẩm thông minh, linh hoạt.
• Dễ dàng quản lý và vận hành trang web.

Ngoài ra, dịch vụ chăm sóc khách hàng 24/7 của WebNow luôn nhanh chóng tiếp nhận và giải quyết những thắc mắc, băn khoăn về website của quý khách. Bên cạnh đó, các chương trình khuyến mãi, chính sách ưu đãi luôn được áp dụng để chào đón khách hàng mới và tri ân khách hàng cũ.

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh

Xem thêm: Cách xây dựng một Theme cơ bản trong WordPress

 

1. Tạo một trang Local WordPress trên máy tính của bạn

Localhost là địa chỉ IP được sử dụng để truy cập tới máy tính của chính bạn thông qua mạng nội bộ. Khi bạn đang phát triển một ứng dụng web hoặc website trên máy tính cá nhân, localhost cho phép bạn kiểm tra và thử nghiệm ứng dụng của mình trong môi trường trực tiếp trên máy tính của bạn, trước khi đưa ứng dụng lên môi trường sản phẩm. Địa chỉ localhost thường được biểu diễn dưới dạng “127.0.0.1” và được sử dụng rộng rãi trong các ứng dụng phát triển web.

Một số phần mềm phổ biến để cài đặt Localhost: Xampps, Ampps…

Bạn có thể tham khảo cách cài đặt Localhost tại đây.

2. Thay đổi URL đăng nhập mặc định của WordPress

Một thủ thuật WordPress phổ biến là thay đổi URL đăng nhập mặc định của WordPress, bạn cần truy cập vào tệp functions.php trong theme hiện tại hoặc trong child theme và thêm mã sau đây:

function custom_login_url() {
    return home_url('/new-login-url/');
}
add_filter('login_headerurl', 'custom_login_url');

function custom_login_title() {
    return 'Your Site Name';
}
add_filter('login_headertext', 'custom_login_title');

Trong đó ‘/new-login-url/’ là URL mới mà bạn muốn sử dụng cho trang đăng nhập của mình. Bạn cũng có thể thay đổi ‘Your Site Name’ thành tiêu đề trang đăng nhập tùy chỉnh của bạn nếu muốn.

Lưu ý rằng khi thay đổi URL đăng nhập mặc định, bạn cũng cần phải cập nhật các liên kết đến trang đăng nhập trên trang web của mình.

Ngoài ra, bạn có thể sử dụng các plugin như:

• Ithemes Sercurity Pro
• WPS Hide Login
• Hide My WP

3. Thay đổi giao diện trang Login của WordPress

Để thay đổi giao diện trang Login của WordPress, bạn có thể sử dụng một plugin như Customize Login Page Customizer. Nếu bạn muốn tùy chỉnh giao diện bằng cách tự code, bạn có thể thực hiện thủ thuật WordPress này theo các bước sau:

1. Tạo một thư mục mới trong thư mục theme của bạn để chứa các tệp tùy chỉnh của bạn, ví dụ: custom-login.
2. Trong thư mục custom-login, tạo một tệp tên là login-style.css và nhập các luật CSS của bạn để tùy chỉnh giao diện trang Login.
3. Tạo một tệp tên là login-logo.png hoặc login-logo.jpg và đặt hình ảnh của bạn vào đó. Hình ảnh này sẽ được sử dụng làm logo trên trang Login.
4. Mở tệp functions.php trong theme hiện tại hoặc trong child theme và thêm mã sau đây:

function custom_login_stylesheet() {
    wp_enqueue_style('custom-login', get_template_directory_uri() . '/custom-login/login-style.css');
}
add_action('login_enqueue_scripts', 'custom_login_stylesheet');
function custom_login_logo() {
    $custom_logo_url = get_stylesheet_directory_uri() . '/custom-login/login-logo.png';
echo '<style type="text/css"> h1 a { background-image:url(' . $custom_logo_url . ') !important; }</style>';
}
add_action('login_head', 'custom_login_logo');

Trong đó /custom-login/ là tên thư mục bạn đã tạo, login-style.css là tệp CSS của bạn và login-logo.png là hình ảnh logo của bạn.

Lưu ý rằng khi tạo giao diện tùy chỉnh cho trang Login, bạn cần đảm bảo rằng giao diện của bạn là responsive và hoạt động tốt trên các thiết bị khác nhau.

4. Thêm Custom CSS trên giao diện WordPress

Để thêm Custom CSS trên giao diện WordPress, bạn có thể sử dụng một trong các phương pháp sau:

1. Sử dụng plugin: Bạn có thể sử dụng một plugin như Simple Custom CSS để thêm CSS tùy chỉnh cho giao diện của mình.
2. Sử dụng Theme Options: Nhiều chủ đề WordPress cung cấp tính năng tùy chỉnh CSS trong phần “Theme Options”. Bạn có thể nhập CSS tùy chỉnh của mình vào đó.
3. Thêm CSS vào tệp style.css: Bạn có thể thêm CSS tùy chỉnh của mình vào tệp style.css trong theme hiện tại hoặc child theme của bạn. Tuy nhiên, lưu ý rằng nếu bạn cập nhật theme của mình, các thay đổi của bạn sẽ bị mất đi.
4. Sử dụng Tùy chọn Customizer: Giao diện Customizer trong WordPress cũng cung cấp tính năng để tùy chỉnh CSS. Truy cập vào Giao diện > Customize và tìm kiếm mục “Additional CSS” (hoặc tương đương) để thêm CSS tùy chỉnh của bạn vào đó.

Lưu ý rằng khi thêm CSS tùy chỉnh, bạn nên kiểm tra kỹ để đảm bảo rằng CSS của bạn không làm hỏng giao diện của mình và hoạt động đúng trên các thiết bị khác nhau.

5.Thay đổi Thumbnail khi chia sẻ trên mạng sẽ hội

Thumbnail khi chia sẻ trên mạng là hình ảnh nhỏ thường được hiển thị cùng với tiêu đề và mô tả khi bạn chia sẻ một liên kết trên các trang mạng xã hội, như Facebook, Twitter hoặc LinkedIn. Thumbnail này giúp thu hút sự chú ý của người dùng và cải thiện tỉ lệ nhấp chuột vào liên kết của bạn. Sau đây chúng ta sẽ tim hiểu các bước để thực hiện thủ thuật WordPress này.

Để thay đổi thumbnail khi chia sẻ trên mạng xã hội trong WordPress, bạn cần chỉnh sửa meta tags của trang web. Các meta tags này cho phép các mạng xã hội hiển thị thông tin và hình ảnh được liên kết với trang web của bạn khi người dùng chia sẻ bài viết hoặc trang web.

Bạn có thể sử dụng plugin Yoast SEO để tùy chỉnh các meta tags của trang web của bạn. Sau đây là các bước để thay đổi thumbnail khi chia sẻ trên mạng xã hội sử dụng Yoast SEO:

1. Cài đặt và kích hoạt plugin Yoast SEO.
2. Truy cập vào bài viết hoặc trang web mà bạn muốn thay đổi thumbnail.
3. Cuộn xuống phần “Yoast SEO” ở phía dưới trang và nhấp vào nút “Edit snippet”.
4. Ở trong phần “Social”, bạn có thể thêm ảnh thumbnail của bạn bằng cách nhấp vào nút “Upload image” và chọn hình ảnh muốn sử dụng. Bạn cũng có thể nhập tiêu đề và mô tả tùy chỉnh.
5. Nhấp vào nút “Close snippet editor” để lưu thay đổi của bạn.

Lưu ý rằng thumbnail mới sẽ không xuất hiện ngay lập tức khi bạn chia sẻ trang web của mình trên mạng xã hội. Thay vào đó, các mạng xã hội có thể lưu trữ thông tin bộ nhớ đệm và có thể cần một thời gian để cập nhật thumbnail mới.

6. Sử dụng Google Analytics

Để sử dụng Google Analytics cho WordPress, bạn có thể làm theo các bước sau:

1. Đăng nhập vào tài khoản Google Analytics của bạn và tạo một tài khoản mới nếu bạn chưa có.
2. Vào trang quản trị WordPress của bạn, cài đặt và kích hoạt plugin Google Analytics for WordPress by MonsterInsights.
3. Sau khi kích hoạt, điều hướng đến Insights -> Settings để cấu hình các thiết lập.
4. Nhập mã theo dõi Google Analytics của bạn vào phần “General” của trang cấu hình, hoặc nhấn nút “Authenticate with your Google account” để đăng nhập và lựa chọn tài khoản Google Analytics của bạn.
5. Thực hiện một số tùy chỉnh khác (nếu cần) và nhấn nút “Save Changes”.

Sau khi hoàn thành các bước trên, Google Analytics sẽ bắt đầu theo dõi lưu lượng truy cập và hoạt động trên trang web của bạn. Bạn có thể truy cập vào trang quản trị Google Analytics để xem các báo cáo về lưu lượng truy cập, nguồn lưu lượng, hành vi truy cập và nhiều thông tin khác.

7. Cài đặt plugin cho SEO trong WordPress

Ngoài Google Analytics, bạn cũng sẽ muốn sử dụng plugin WordPress SEO. Để cài đặt plugin cho SEO trong WordPress, bạn có thể làm theo các bước sau:

1. Đăng nhập vào trang quản trị WordPress của bạn.
2. Truy cập vào trang Plugins và nhấn nút “Add New”.
3. Tìm kiếm từ khóa “SEO” để tìm các plugin liên quan đến SEO.
4. Chọn một plugin và nhấn nút “Install Now”.
5. Sau khi cài đặt xong, nhấn nút “Activate Plugin” để kích hoạt plugin.

Một số plugin phổ biến cho SEO trong WordPress bao gồm Yoast SEO, All in One SEO Pack, The SEO Framework và SEOPress. Mỗi plugin có các tính năng và thiết lập khác nhau, vì vậy bạn nên tìm hiểu kỹ trước khi lựa chọn plugin phù hợp cho trang web của mình.

Sau khi kích hoạt plugin SEO, bạn có thể truy cập vào các thiết lập của plugin để cấu hình các thông số SEO của trang web của mình, ví dụ như tiêu đề và mô tả trang, từ khóa, URL thân thiện với máy chủ, thiết lập robots.txt và sitemap, và nhiều tính năng khác để giúp tối ưu hóa SEO cho trang web của bạn.

8. Không sử dụng quá nhiều plugin trong WordPress

Sử dụng quá nhiều plugin trong WordPress có thể gây ra một số vấn đề như sau:

• Tốc độ trang chậm: Mỗi plugin đều tải các tệp CSS và JavaScript riêng, khiến cho tốc độ tải trang chậm hơn. Nếu bạn cài đặt quá nhiều plugin, tốc độ tải trang sẽ bị giảm xuống và có thể ảnh hưởng đến trải nghiệm người dùng.
• Xung đột plugin: Một số plugin có thể không tương thích hoặc xung đột với nhau, dẫn đến lỗi hoặc khó khăn khi cấu hình các tính năng mới. Điều này có thể làm cho trang web của bạn gặp phải vấn đề và khó khắc phục.
• Bảo mật: Mỗi plugin đều có mã lập trình riêng và các lỗ hổng bảo mật có thể được khai thác thông qua plugin. Nếu bạn cài đặt quá nhiều plugin, các lỗ hổng bảo mật có thể dẫn đến rủi ro bảo mật và tiếp cận trái phép vào trang web của bạn.
• Khả năng bảo trì: Với mỗi plugin cài đặt, bạn cần kiểm tra và cập nhật thường xuyên để đảm bảo tính ổn định và bảo mật của trang web của bạn. Nếu bạn cài đặt quá nhiều plugin, việc bảo trì và quản lý sẽ trở nên khó khăn hơn.

Vì vậy, bạn nên chỉ cài đặt các plugin cần thiết và tối ưu hoá các plugin đã cài đặt để đảm bảo tốc độ tải trang nhanh, bảo mật và dễ dàng bảo trì trang web của bạn.

Tổng kết

Vậy là WebNow đã mang đến cho bạn một số thủ thuật WordPress. Hy vọng với bài viết này, WebNow đã giúp bạn có thêm mẹo trong việc thiết kế website hiệu quả. Nếu bạn có nhu cầu thiết kế website chuẩn SEO, hãy liên hệ với WebNow nhé!

Giữa hàng nghìn đơn vị cung cấp dịch vụ thiết kế website, WebNow tự hào là đơn vị uy tín, chất lượng hàng đầu. Dưới đây là những lí do mà bạn nên sử dụng dịch vụ thiết kế website của WebNow:

Đội ngũ kĩ thuật viên với bề dày kinh nghiệm trong lĩnh vực thiết kế website sẽ cung cấp cho bạn một website với:

• Tích hợp đầy đủ tính năng, thân thiện với người dùng.
• Chứng chỉ bảo mật an toàn SSL và HTTPS được cung cấp đầy đủ.
• Giao diện hiện đại, độc đáo, chuẩn SEO.
• Tính năng quản lý sản phẩm thông minh, linh hoạt.
• Dễ dàng quản lý và vận hành trang web.

Ngoài ra, dịch vụ chăm sóc khách hàng 24/7 của WebNow luôn nhanh chóng tiếp nhận và giải quyết những thắc mắc, băn khoăn về website của quý khách. Bên cạnh đó, các chương trình khuyến mãi, chính sách ưu đãi luôn được áp dụng để chào đón khách hàng mới và tri ân khách hàng cũ.

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh

Xem thêm: Từ khóa chuẩn SEO là gì, phân loại các dạng từ khóa chuẩn SEO

1. Chèn code sau vào file funcions.php của child theme

//Bài viết liên quan
function mh_add_post_content($content) {
  if (is_single()) {
    $content .= "<div class='clearfix'></div>";
    global $post;
    $categories = get_the_category($post->ID);
    if ($categories) {
      $category_ids = array();
      foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;
      $args=array(
        'category__in' => $category_ids,
        'post__not_in' => array($post->ID),
        'posts_per_page'=> 3, // Number of related posts that will be shown.
        'caller_get_posts'=>1
      );

      $my_query = new wp_query( $args );
      if( $my_query->have_posts() ) { 		
        $content .= '<div id="related_posts"><h3>Bài viết liên quan</h3><ul>';
        while( $my_query->have_posts() ) {
            		$my_query->the_post();
          $content .= '
            <li class="col large-4">
              <div class="relatedthumb">
                <a href="' . get_the_permalink() .'">'. get_the_post_thumbnail().'</a>
              </div>
                  		<div class="relatedcontent">
                      		<h3>
                      			<a href="'. get_the_permalink().'">'. get_the_title().'</a>
                      		</h3>
                        	</div>
                      </li>';
        } //End while
        $content .= "</ul></div> 
        <div class='clearfix'></div>";
      } //End if
    } //End if
  }
  return $content;
}
add_filter ('the_content', 'mh_add_post_content', 0);

2. Chèn đoạn mã css sau vào file style.css của chile theme để tạo bài viết liên quan trên theme Flatsome

#related_posts .col {
  float: left;
  margin-left: 0;
  list-style: none;
}
.relatedcontent h3 {
  font-size: 16px;
  margin-top: 7px;
}
.relatedthumb img {
  height: 100%;
  max-height: 165px;
}
#related_posts {
  border-top: 4px double #e8e8e8;
        padding-top: 10px;
}
#related_posts li:nth-child(1) {
  padding-left: 0 !important;
}
#related_posts li:nth-child(2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#related_posts li:nth-child(3) {
  padding-right: 0 !important;
}
.relatedthumb img {
  min-height: 125px;
}

3. Các bạn muốn đẹp hoặc khác hơn hãy css thêm nhé

Chỉ cần đơn giản 2 bước thôi, là có ngay bài viết liên quan ở cuối mỗi bài viết đấy.

Và đây là kết quả tạo bài viết liên quan trên theme flatsome

Tổng kết

Trên đây là Hướng dẫn tạo bài viết liên quan trên theme Flatsome và những nguyên tắc cơ bản mà bạn cần phải biết. Nếu bạn là một trong những khách hàng đang sử dụng dịch vụ thiết kế website tại WEBNOW hoặc mua các dịch vụ về website tại đơn vị này. Đội ngũ kĩ thuật viên của chúng tôi sẽ hỗ trợ bạn làm website nhanh chóng, tối ưu và tiết kiệm chi phí.

Hiện nay, SGWeb – WebNow tự hào là đơn vị cung cấp các dịch vụ về website uy tín, chất lượng, có trách nhiệm và giá tốt hàng đầu thị trường. Hãy liên hệ ngay với chúng tôi khi bạn có nhu cầu thiết kế website hoặc mua tên miền, thuê hosting, cài đặt SSL,…

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh

Đại loại là nó như thế này:

Và nếu bạn may mắn làm cách nào đó load được html, thì nội dung nó sẽ như thế này:

Lúc này có vẻ như bạn sẽ khá là hoang mang, vì service chứa nhiều website, nhiều khách hàng. Bạn cố gắng restart nginx, restart apache, restart psa nhưng vô vọng.

Bạn thử sử dụng plesk repair fs và plesk repair fs -verbose nhưng vẫn không cho kết quả như ý

Cuối cùng bạn tìm đến bài này, đúng rồi, mình đã từng bị, và cách fix đơn giản là dùng 2 lệnh sau:

getent group psaserv

usermod -a -G psaserv nginx

Đại loại là lúc mình cài extension Litespeed, thì nó unset hoặc như thế nào đó ảnh hưởng đến group psaserv, nên nhiệm vụ của mình là làm cho group đó hoạt động bình thường là okie.

Sau khi chạy 2 lệnh này, bạn sẽ vào Tools & Settings => Webserver Configurations Troubleshooter và rebuild lại toàn bộ config cho tất cả domain, và thế là xong

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh

Mặc định khi vào cPanel/WHM, search Manage AutoSSL và click vào Manage AutoSSL các bạn sẽ thấy giao diện quen thuộc này

Tùy chọn AutoSSL cPanel(powered by Sectigo) được chọn sẵn. Anh em hãy vào Terminal hoặc kết nối SSH đến server và chạy lệnh sau để cài đặt và kích hoạt tùy chọn Let’s Encrypt:

/scripts/install_lets_encrypt_autossl_provider

Sau khi cài thành công sẽ nhận được thông báo:

Installed the cpanel-letsencrypt RPM! AutoSSL can now use Let’s Encrypt.

Sau đó anh em có thể restart server hoặc không đều được, và vào lại Manage AutoSSL sẽ thấy tùy chọn Let’s Encrypt, anh em chọn và Save

Thế là, các bạn đã kích hoạt tùy chọn Let’s Encrypt cho AutoSSL trong cPanel/WHM được rồi đấy

Chúc anh em thành công!

WEBNOW - NAY CODE MAI GIAO

Hotline: 02862.722.577

Email: hi@webnow.vn

Địa chỉ: 81 liên khu 5-11-12 Bình Trị Đông, Bình Tân, TP. Hồ Chí Minh

Địa chỉ thuế: 81 liên khu 5-11-12 Bình Trị Đông, TP. Hồ Chí Minh