SSL là gì?

SSL (Secure Sockets Layer) là một giao thức bảo mật truyền thông internet được sử dụng rộng rãi cho các giao dịch trực tuyến. SSL giúp bảo vệ thông tin truyền tải giữa trình duyệt của người dùng và máy chủ web, đảm bảo rằng thông tin không thể bị giả mạo hoặc đánh cắp bởi bên thứ ba.

Hiện nay, SSL đang là tiêu chuẩn bảo mật thông tin cho hàng triệu website trên toàn thế giới. Nó giúp bảo vệ dữ liệu được truyền đi trên môi trường Internet được riêng tư và an toàn.

Để hiểu rõ hơn về SSL, ta cần tìm hiểu về các thành phần và cách SSL hoạt động. Thông thường, khi một trình duyệt web kết nối đến một trang web, thông tin được truyền tải giữa trình duyệt và máy chủ web theo giao thức HTTP (Hypertext Transfer Protocol). Điều này có nghĩa là thông tin truyền tải giữa hai thiết bị có thể bị tấn công bởi các hacker hoặc những người khác. Để bảo vệ thông tin truyền tải, SSL sử dụng phương thức mã hóa để mã hóa thông tin truyền tải giữa trình duyệt và máy chủ web, đảm bảo rằng thông tin không thể bị giả mạo hoặc đánh cắp bởi bên thứ ba.

Các thành phần của SSL

Các thành phần chính của SSL (Secure Sockets Layer) bao gồm chứng chỉ SSL, mã hóa và xác thực.

• Chứng chỉ SSL (SSL Certificate): là một tài liệu số được cấp phép bởi một tổ chức uy tín (CA – Certificate Authority) để xác minh tính hợp lệ của trang web. Nó bao gồm các thông tin như tên miền, tên của tổ chức hoặc cá nhân điều hành trang web, địa chỉ IP của máy chủ web, thời gian hiệu lực của chứng chỉ.
• Mã hóa (Encryption): SSL sử dụng mã hóa để bảo vệ dữ liệu được truyền tải giữa trình duyệt của người dùng và máy chủ web. Mã hóa này có thể là mã hóa đối xứng (Symmetric Encryption) hoặc mã hóa không đối xứng (Asymmetric Encryption).
• Giao thức SSL/TLS (SSL/TLS Protocol): là một chuỗi các quy tắc và quy trình được thiết kế để đảm bảo tính bảo mật và độ tin cậy của thông tin truyền tải giữa trình duyệt của người dùng và máy chủ web.
• Cơ chế xác thực (Authentication Mechanism): SSL sử dụng các cơ chế xác thực để xác minh tính hợp lệ của trang web và đảm bảo rằng thông tin được truyền tải giữa hai thiết bị là an toàn. Các cơ chế xác thực này bao gồm: xác thực máy chủ (Server Authentication) và xác thực khách hàng (Client Authentication).
• Cơ chế quản lý chìa khóa (Key Management Mechanism): SSL sử dụng cơ chế quản lý chìa khóa để quản lý các chìa khóa sử dụng trong quá trình mã hóa và giải mã dữ liệu. Cơ chế này bao gồm quá trình sinh chìa khóa (Key Generation), quản lý chìa khóa (Key Management), đổi chìa khóa (Key Exchange) và xác thực chìa khóa (Key Verification).

Tất cả các thành phần này là rất quan trọng để bảo vệ thông tin truyền tải giữa trình duyệt của người dùng và máy chủ web trước các mối đe dọa an ninh trực tuyến.

SSL hoạt động như thế nào?

SSL (Secure Sockets Layer) hoạt động bằng cách sử dụng một phương thức mã hóa khóa công khai (public key encryption) để bảo vệ thông tin truyền tải giữa trình duyệt của người dùng và máy chủ web. Quá trình truyền tải thông tin qua SSL được thực hiện như sau:

1. Trình duyệt của người dùng kết nối đến máy chủ web: Khi người dùng nhập URL của trang web vào trình duyệt, trình duyệt sẽ kết nối đến máy chủ web bằng giao thức HTTP (Hypertext Transfer Protocol).
2. Yêu cầu SSL: Sau khi trình duyệt kết nối đến máy chủ web, trình duyệt sẽ yêu cầu kết nối SSL. Nếu máy chủ web hỗ trợ SSL, nó sẽ phản hồi yêu cầu này và bắt đầu quá trình SSL.
3. Phát hành chứng chỉ SSL: Máy chủ web sẽ phát hành một chứng chỉ SSL cho trình duyệt của người dùng. Chứng chỉ SSL này chứa thông tin về địa chỉ của trang web, tên của chủ sở hữu trang web và thông tin về tổ chức phát hành chứng chỉ SSL. Chứng chỉ SSL cũng xác thực rằng trang web là hợp lệ và đã được kiểm tra bởi một tổ chức uy tín (CA – Certificate Authority).
4. Mã hóa thông tin: Sau khi chứng chỉ SSL được phát hành, trình duyệt của người dùng và máy chủ web sử dụng một bộ khóa đôi (key pair) để mã hóa và giải mã thông tin. Bộ khóa đôi này bao gồm khóa công khai (public key) và khóa bí mật (private key). Khóa công khai được sử dụng để mã hóa thông tin và chỉ được lưu trữ trên máy chủ web, trong khi khóa bí mật được sử dụng để giải mã thông tin và chỉ được lưu trữ trên máy tính của người dùng.
5. Truyền tải thông tin: Sau khi thông tin được mã hóa, nó được truyền tải giữa trình duyệt của người dùng và máy chủ web. Khi thông tin đến được máy chủ web, nó sẽ được giải mã bằng khóa bí mật.
6. Kết thúc phiên kết nối: Khi phiên kết nối SSL kết thúc, thông tin giữa trình duyệt của người dùng và máy chủ web sẽ không còn được bảo vệ bởi SSL nữa.

Vai trò của chứng chỉ bảo mật SSL đối với Website

Chứng chỉ SSL (Secure Sockets Layer) đóng vai trò quan trọng trong việc bảo vệ tính bảo mật của thông tin truyền tải giữa trình duyệt của người dùng và máy chủ web. Nó giúp đảm bảo rằng thông tin nhạy cảm của người dùng như mật khẩu, thông tin thẻ tín dụng, thông tin tài khoản và thông tin cá nhân không bị lộ ra ngoài khi đang truy cập trang web. Dưới đây là một số vai trò chính của chứng chỉ SSL đối với một website:

Bảo vệ thông tin cá nhân

Chứng chỉ SSL bảo vệ thông tin cá nhân của người dùng bằng cách mã hóa dữ liệu được truyền tải giữa trình duyệt của người dùng và máy chủ web. Việc mã hóa dữ liệu này sẽ giúp đảm bảo rằng thông tin của người dùng sẽ không bị đánh cắp hay đọc được bởi bất kỳ kẻ tấn công nào.

Xác thực tính hợp lệ của trang web

Chứng chỉ SSL giúp xác thực tính hợp lệ của trang web. Nó xác nhận rằng trang web được ký và chứng nhận bởi một tổ chức uy tín (CA – Certificate Authority), giúp đảm bảo rằng trang web mà người dùng đang truy cập là chính xác và không bị giả mạo.

Tăng độ tin cậy của trang web

Sử dụng chứng chỉ SSL cho trang web sẽ tăng độ tin cậy của trang web. Nó cho thấy rằng trang web đang sử dụng các biện pháp bảo mật mạnh mẽ và đang quan tâm đến việc bảo vệ thông tin của người dùng. Khi truy cập trang web mà có chứng chỉ SSL, người dùng sẽ cảm thấy an tâm hơn và tin tưởng hơn khi cung cấp thông tin cá nhân. Điều này sẽ làm tăng hạnh phúc của người dùng và khả năng họ sẽ truy cập và sử dụng trang web lần tiếp theo sẽ cao hơn.

Tóm lại, chứng chỉ SSL là một yếu tố quan trọng trong việc đảm bảo tính bảo mật và tin cậy của trang web. Nó giúp đảm bảo rằng thông tin cá nhân của người dùng được bảo vệ, trang web là hợp lệ. Hy vọng bài viết trên sẽ giúp bạn hiểu được SSL là gì và vai trò quan trọng của nó trong việc bảo mật thông tin.

Vậy cụ thể, bảo trì website là gì? Những công việc cơ bản trong việc bảo trì web phải làm nào mà bạn cần biết? Hãy cùng tìm hiểu qua bài viết dưới đây.

Bảo trì website là gì?

Bảo trì website có thể được hiểu đơn giản là việc mà bạn cần làm để website được hoàn thiện hơn, vận hành tốt, hoạt động ổn định, tốc độ tải nhanh, tối ưu SEO hơn sau khi thiết kế web ban đầu.

Bảo trì website giúp duy trì, sao lưu và cập nhật tất cả các website của doanh nghiệp hay tổ chức. Nếu là một người bảo trì website, bạn cần có trách nhiệm trong việc phê duyệt và quản lý mọi nội dung trên trang web đồng thời đảm bảo mọi thứ được hoạt động một cách an toàn và tối ưu.

Lý do doanh nghiệp nên bảo trì website

Nhiều doanh nghiệp vẫn chưa thực sự hiểu được những lợi ích kinh doanh mà việc bảo trì website mang lại. Chính vì vậy chúng tôi sẽ đưa ra những lý do các doanh nghiệp nên bảo trì website mà bạn cần biết.

• Bắt kịp xu hướng: Một website thu hút được khách hàng truy cập phải có khả năng đáp ứng được xu hướng thị yếu cũng như những nhu cầu thay đổi liên tục của khách hàng. Bảo trì website giúp thay đổi kịp thời về cơ sở phần mềm, đồ họa, mang đến những trải nghiệm tốt hơn cho người dùng.
• Tăng tính thẩm mỹ: Việc sử dụng những phần mềm cũ, nội dung nghèo nàn và hình ảnh kém chất lượng sẽ khiến cho website trở nên lỗi thời. Chính vì vậy, trang web của bạn cần được bảo trì để khắc phục những vấn đề trên, mang lại một website với tính thẩm mỹ cao và hiệu quả.
• Tiết kiệm: Bảo trì website sẽ khắc phục được những vấn đề lỗi lầm ngay lập tức. Giúp bạn tiết kiệm được một khoản chi phí và thời gian trong việc làm mới website khi gặp phải lỗi không thể cải thiện.
• Cầu nối giữa khách hàng và doanh nghiệp: Khi bảo trì website, những tính năng hữu ích luôn được cập nhật, mang lại cho khách hàng những trải nghiệm vô cùng mới mẻ và thú vị. Điều này giúp thu hút khách hàng và khiến có cảm tình hơn với website, tạo cơ sở xây dựng cầu nối giữa khách hàng và doanh nghiệp.
• Tính năng bảo mật: Việc bảo vệ thông tin, dữ liệu của khách hàng là vô cùng quan trọng. Nếu bạn vẫn còn do dự mà không nhanh chóng bảo trì website thì nguy cơ những dữ liệu đó sẽ rơi vào tay các công ty đối thủ của mình.

Những công việc cơ bản trong việc bảo trì website

Nếu bạn là một người quản trị website thì chắc chắn phải biết những công việc cơ bản trong việc bảo trì website dưới đây:

• Chọn, cài đặt, cấu hình và quản lý các phần mềm website chính. Ví dụ như máy chủ web, máy chủ FTP, cân bằng tải, DNS,.. quản trị các công cụ, dịch vụ như theo dõi, quản lý,.. và viết các chương trình tự động hoá khi cần thiết.
• Là người cài đặt và quản lý các công cụ, bạn cần tham gia vào việc quản lý nội dung, tìm kiếm, dịch vụ và kiến trúc của trang web để vận động thiết kế các giải pháp kỹ thuật. Cung cấp các tài nguyên hệ thống, mạng và các cơ sở dữ liệu web bằng cách làm việc với các nhóm có trình độ chuyên môn kỹ thuật như DBA, UNIX, Windows, mạng,..
• Tư vấn các giải pháp, dự án lập trình với các nhà phát triển để họ thiết kế các ứng dụng phù hợp, hiệu quả và vận hành tốt trong môi trường hệ thống. Cài đặt, kiểm tra và quản lý trong và ngoài môi trường phát triển và môi trường sản xuất một cách cẩn thận và cặn kẽ.
• Tuyệt đối giữ an toàn cho website, tránh biến nó trở thành một trang zombie giúp tin tặc tấn công trực tiếp hoặc gián tiếp bằng cách gửi tin nhắn rác hoặc những tin độc hại khác làm ảnh hưởng đến khách hàng sử dụng. Đối phó, đảm bảo các nhà cung cấp SaaS hoạt động liền mạch với bộ phận còn lại của thuộc tính web.
• Cập nhật framework, PHP, CMS, plugin… Cài đặt các giao thức bảo mật web, bộ phân tích người dùng, bộ đếm, bộ tăng tốc website để dễ dàng quản lý cũng như giúp trang web vận hành một cách tốt hơn.

Một vài quan điểm sai lầm trong việc bảo trì website

Đôi khi, vẫn còn tồn tại những cá nhân, tổ chức hay doanh nghiệp chưa thực sự hiểu rõ về việc bảo trì website. Vì thế họ thường có những quan điểm sai lầm như sau:

• Doanh nghiệp không cần phải bảo trì website, diệt virus hay sửa lỗi web bởi đó là việc mà những nhà cung cấp dịch vụ hosting phải làm. Nhưng thực tế, họ chỉ cung cấp dịch vụ lưu trữ mà thôi.
• Bảo trì website là việc của các đối tác làm web. Đó là quan điểm sai lầm bởi việc bảo trì chỉ được thực hiện trong thời gian bảo hành, không bao gồm việc diệt hay khắc phục những lỗi mà virus gây ra.
• Không bảo trì website khi sửa đổi thông tin. Nhưng bạn đâu biết rằng, để cập nhật sự kiện công ty, đăng tải nội dung cũng như toàn bộ hình ảnh lên trang web vô cùng tốn thời gian và ảnh hưởng đến tốc độ truyền tải của website.

Bảo trì website là việc vô cùng quan trọng và cần thiết trong việc quản trị website, mang lại những hiệu quả kinh doanh cho doanh nghiệp mà bạn nên tìm hiểu và ứng dụng cho trang web của mình. Bên cạnh đó, bạn cũng nên tìm hiểu thật kỹ để tránh có những quan điểm sai lầm trong việc bảo trì website.

Thông tin chi tiết về Plugin trên WordPress.org.

Duplicator – WordPress Migration Plugin

Bước 1: Giải nén file Duplicator trên Host

Một bộ file Duplicator sẽ gồm có 2 file: 1 file installer.php và 1 file dạng ma_nguon.zip bạn cần upload 2 file đó lên host (Thường sau folder public_html), hoặc locahost thì upload vào folder website các bạn tạo trước đó là được.

Chú ý: Không giải nén file ma_nguon.zip

Ví dụ ở trên localhost nên đường dẫn sẽ như sau:

 

Lúc này các bạn hãy dẫn link tới file installer.php để giải nén: http://domain.com/installer.php Tick vào “I have read and accept all terms & notices* * required to continue” sau đó ấn Next

Bước 2: Nhập thông tin Database, User, Password và cài đặt

Sau khi tạo User, Database, Password trên Hosting của bạn lúc này các bạn cần nhập thông tin đã tạo vào các khung. Sau khi nhập xong các bạn nhớ ấn Test Database để kiểm tra xem nhập đúng chưa, nếu hiện như này là OK.

Các bạn ấn Next, Duplicator sẽ hỏi lần nữa xác nhận, các bạn click OK

Bước 3: Cập nhật dữ liệu

Kiểm tra xem các thông tin cần thay đổi, nếu không có vấn đề gì thì ấn Next để tiếp tục

Bước 4: Kiểm tra và xóa file cài đặt

Sau khi cài xong các bước trên bạn nhớ ấn vào dòng “Auto delete installer files after login” để xóa bản backup kia đi để tránh kẻ xấu chạy file installer.php, sau đó ấn Admin Login. Sau khi đăng nhập xong đây sẽ là giao diện bạn thấy

Bước 5: Hoàn tất

Lúc này là đã hoàn thiện, dữ liệu website đã được cài đặt trên host và tên miền của bạn, việc của bạn cần làm bây giờ là:

• Vào Settings -> Permalinks và ấn Save Changes để cập nhật lại đường dẫn tĩnh.
• Vào Duplicator -> Tools -> Cleanup -> ấn vào Delete Reserved Files để xóa bản backup kia đi để tránh kẻ xấu chạy file installer.php. (Nếu không làm bước trên)
• Tắt plugin Duplicator và Xóa đi.

Ghi chú: Mặc định chúng tôi không cung cấp pass nên sau khi cài đặt theme xong bạn truy cập vào trong phpmyadmin để đổi lấy pass, xem thêm bài viết hướng dẫn lấy lại pass này cách lấy lại mật khẩu WordPress trong phpmyadmin.

Từ Flatsome Panel: Flatsome > Advanced > Integrations > Rankmath Breadcrumbs

Từ Rankmath Panel: Rank Math > General Settings > Breadcrumbs (Enable)

Thật bất tiện và tốn thời gian nếu phải làm lại từ đầu phải không nào?

Đừng quá lo lắng! Bạn hoàn toàn có thể thực hiện việc chuyển đổi giữa post và page một cách dễ dàng với plugin Post Type Switcher sẽ được đề cập trong bài viết ngày hôm nay của mình. Plugin có thể giúp bạn chuyển đổi Page thành Post và ngược lại một cách dễ dàng.

Bước 1: Cài đặt Plugin

Các bạn vào trang Quản trị > Gói mở rộng > Cài mới. Gõ tìm kiếm và cài đặt plugin “Post Type Switcher”.

Bước 2: Set định dạng cho Post hoặc Page

Các bạn mở Chỉnh sửa bài viết (hoặc trang) muốn chuyển đổi định dạng, tìm mục “Post Type” và click nút EDIT.

Lựa chọn định dạng mà bạn muốn chuyển đổi, chẳng hạn như “Post bài viết”. Sau khi chọn xong, click vào nút “Cập nhật” để hoàn tất.

Thế là xong rồi. Thật tuyệt vời phải không nào? Và bây giờ là thời gian dành cho bạn.

Chúc các bạn thành công!

WP Content Crawler là Plugin vô cùng tuyệt bởi nó sẽ lấy nội dung từ đa số các Website khác một cách tự động mà không cần RSS. Nhờ công cụ này, bạn có thể tạo Web cá nhân với mục đích thu thập thông tin từ tin tức, hình ảnh hay video… từ những Website mà bạn yêu thích. Thu thập thông tin sản phẩm WooCommerce từ trang bán hàng, thu thập sản phẩm từ trang tiếp thị liên kết để bán hàng (Affiliate), thu thập bài viết để tạo môi trường kiểm thử cho Plugin hoặc Theme của bạn, thu thập thông tin plugin, theme, phần mềm, hình ảnh,..để tạo nên danh sách cho riêng bạn và còn giup bạn theo dõi thông tin đối thủ.

Activate WP Content Crawler

Việc kích hoạt plugin này rất đơn giản, bạn chỉ cần làm theo hướng dẫn bên dưới là có thể kích thành công. Tuy nhiên mình không khuyến khích các bạn làm theo cách này, nếu bạn nào có điều kiện thì nên mua để ủng hộ tác giả, còn bạn nào không đủ điều kiện thì bỏ qua câu này nhé 🙂

Xem thêm: Hướng dẫn Activate Plugin WP Rocket bản mới nhất không cần License code

Mở file wp-content-crawler.php nằm trong thư mục gốc của plugin và thêm đoạn mã phí dưới vào phần đầu nội dung ( sau phần khai báo thông tin tên, phiên bản, …)

namespace WPCCrawler;
if(!class_exists('WPTSLMClient')) {
	class WPTSLMClient {
		public function __construct($productName, $productId, $type, $apiUrl, $pluginFilePath, $textDomain){}
		public function setUrlHowToFindLicenseKey($url){}
		public function isUserCool() {return true;}
		public function setIsProductPageCallback($callback){}
	}
}

Lưu lại và kiểm tra thành quả bạn vừa làm.

Xem thêm: Hướng dẫn Activate bản quyền theme JNews

Lời kết

Như vậy là mình đã hoàn thành hướng dẫn xong về cách kích hoạt WP Content Crawler mà không phải tốn tiền mua hoặc tải hàng nulled dễ chứa mã độc về dùng. Nếu có thắc mắc vui lòng để lại bình luận bên dưới để được giải đáp nhanh nhất.

Chúc bạn thành công!

Hướng dẫn tùy chỉnh các thành phần trong Theme Flatsome

Tùy chỉnh mắc sắc, font chữ và logo

Để tùy biến màu sắc, font chữ và logo bạn chọn Giao diện > Tùy biến.

Tiếp theo chọn Style để tùy chỉnh màu sắc và font chữ theo nhu cầu.

Tùy chỉnh css và JavaScript

Để tùy chỉnh code hoặc thêm các mã JavaScript bên thứ ba như: Facebook Pixel, Hotjar, Google Analytics bạn truy cập phần Advanced > Global settings, muốn tùy chỉnh css bạn vào tab Custom CSS.

Tùy chỉnh Flatsome Blog

Flatsome là một theme chuyên dùng cho nhu cầu xây dựng trang web bán hàng tuy nhiên nếu bạn muốn dùng các tính năng blog cơ bản thì Flatsome hoàn toàn đáp ứng được, chọn Giao diện > Tùy biến sau đó chọn Blog.

Trong phần blog single post sẽ có các tùy chỉnh như sau:

• Transparent Header: tùy chọn header trong suốt
• Enable Header Meta: tùy chọn các thuộc tính meta trên header
• Enable Featured Image: hiển thị hình ảnh thumbnail đầu trang
• Enable Share Icons: hiển thị nút share
• Enable Footer Meta: tùy chọn hiển thị thuộc tính meta ở footer
• Enable Blog Author Box: hiển thị author box
• Enable Next/Prev Navigation: bật tính năng next post

Hướng dẫn tạo shortcode Flatsome

Shortcode tạm dịch là mã ngắn, đây là một tính năng khá hay của WordPress giúp bạn tùy biến và chèn nội dung vào bất cứ nơi đâu trên website, để tạo shortcode bạn vào UX Blocks tạo một blocks mới, khi tạo xong bạn chú ý góc phải màn hình phần shortcode, giờ bạn có thể copy shortcode này để chèn vào các bài viết.

Để chèn shortcode bạn chỉ cần copy mã và dán vào trang nội dung bất kỳ.

Việt hóa theme Flatsome

Flatsome là một theme nước ngoài cho nên đa số giao diện vẫn chưa hỗ trợ Tiếng Việt, vì vậy bạn cần dịch nó sang ngôn ngữ Tiếng Việt, trước tiên bạn cài đặt plugin Loco Translate, tiếp theo chọn theme Flatsome để việt hóa.

Tạo ngôn ngữ mới cho Flatsome.

Chọn ngôn ngữ Tiếng Việt, chọn location Custom.

Lọc từ mà bạn cần dịch sau đó điền bản dịch và ấn Save để hoàn tất, load lại trang xem bản dịch đã thành công hay chưa, xóa cache toàn trang web nếu có.

Tùy chỉnh Woocommerce Flatsome

Để tùy chỉnh các tùy chọn trên Woocommerce bạn truy cập Advanced > Woocomerce.

Bắt đầu tùy chỉnh từ trên xuống dưới, phần Store notice (thông báo cửa hàng) bạn điền thông tin bất kỳ nhé, thông báo sẽ hiện ở trên cùng phần header khi khách hàng truy cập vào trang web.

Tiếp theo là phần Product Catalog bạn chọn chỉ hiển thị sản phẩm, đoạn bộ lọc sản phẩm sẽ có 5 tùy chọn chính đó là:

• Default sorting: lọc mặc định theo tên sản phẩm
• Popularity (sales): lọc theo sản phẩm được bán nhiều nhất
• Average rating: lọc theo sản phẩm có đánh giá cao nhất
• Sort by most recent: lọc theo các sản phẩm cập nhật gần nhất
• Sort by price (asc): lọc theo giá từ thấp lên cao
• Sort by price (desc): lọc theo giá từ cao xuống thấp

Tiếp theo đến phần tùy chỉnh trang sản phẩm cho Flatsome, bạn tùy chọn lần lượt layout, header và kích thước của hình ảnh.

Các phần thanh toán, giỏ hàng và trang thanh toán bạn tìm hiểu và tự tùy chỉnh nhé vì phần này khá dễ, cuối cùng chúng ta sẽ tùy chỉnh Site search giúp website có thể tìm các sản phẩm nhanh gọn lẹ hơn.

Chọn lần lượt các tùy chỉnh như hình bên dưới, enable live seach giúp hiển thị các kết quả tìm kiếm ngay lập tức, phần search results latency (độ trễ khi hiển thị) bạn set 500 ms hoặc 1000 ms, bật thêm tùy chọn tìm kiếm theo sku và tag sản phẩm nếu cần.

Xây dựng Landing Page với UX Builder

Landing page là yêu cầu không thể thiếu nếu bạn có ý định xây dựng trang web bán hàng, landing page giúp khách hàng hiểu rõ hơn về sản phẩm của bạn, đẩy cảm xúc của khách hàng lên cao từ đó gia tăng chuyển đổi cho website, Flatsome hỗ trợ sẵn trình UX Builder giúp bạn xây dựng landing page nhanh gọn chỉ với thao tác kéo thả.

Để tạo landing page bất kỳ bạn chọn tạo trang mới, tiếp theo chọn Edit with UX Builder.

Tới đây bạn có thể chọn add elements và kéo thả các block tùy theo sở thích, chọn Flatsome Studio để import các mẫu dựng sẵn từ nhà sản xuất.

Mẫu sau khi import sẽ có cấu trúc bao gồm các section, column và phần tử, ấn vào phần Options để tùy chỉnh các thông số. Cuối cùng ấn vào nút Publish để lưu trang landing page.

Một thủ thuật nho nhỏ khi xây dựng landing page đó là hãy tùy chỉnh hiển thị cho nhiều loại thiết bị khác nhau, vào tùy chọn Options và set visibility cho từng phần tử.

Tùy chỉnh Header và Footer Theme Flatsome

Flatsome là một trong số ít các theme có giao diện header theo kiểu kéo thả, bạn không cần phải can thiệp quá nhiều về code, Flatsome hỗ trợ chuyên biệt 2 phần menu cho máy tính để bàn và thiết bị di động. Để tiết kiệm thời gian bạn cũng có thể sử dụng các presets mà nhà sản xuất đã cung cấp.

Phần Footer bạn cũng tùy biến tương tự thôi, chú ý thành phần Edit footer widget dùng để thêm các widget vào Footer.

Phần Footer sẽ gồm 3 thành phần chính đó là Footer 1, Footer 2 và Absolute Footer, hãy chèn lần lượt các wigdet vào Footer 1 sau đó đến Footer 2, trường hợp không sử dụng Footer 2 hãy disable nó đi.

Chọn disable Footer 2 nếu không sử dụng.

Chỉnh sửa text cho phần bottom Footer.

Như vậy là bài hướng dẫn sử dụng theme Flatsome đến đây đã hết.

Chúc các bạn thành công!

Các tính năng REHub xây dựng dựa trên rất nhiều plugins chất lượng như Content EGG, Dokan, S2Member, WooSidebars, BuddyPress, bbPress, Easy Digital Download, WPML…chúng ta có thể dùng các phiên bản free hoặc pro của các plugins này với REHub, hoàn toàn tương thích và mượt mà và các bạn thoải mái sử dụng import demo về chỉnh sửa lại cho phù hợp nhé?

Hướng dẫn Activate bản quyền Theme Rehub – Demo Import thoải mái

Đầu tiên, các bạn thêm đoạn này vào function.php

update_option( 'Rehub_Key', [
'tf_username' => 'TieuCA.ME',
'tf_purchase_code' => '8d01b5ba-fc15-fb6b-70ac-f2d59782f153',
'tf_support_date' => '01.01.2030',]);

Mở file rehub-themeadminscreensplugins.php (Nên sửa bằng Notepad )

Tìm (Crtl F)

$registeredlicense = false;

Thay thế bằng:

$registeredlicense = true;

Mở file rehub-themeadminscreenslhelper.php

Tìm

		if(is_wp_error($result)&&!LB_API_DEBUG){
			$rs = array(
				'status' => FALSE, 
				'message' => $result->get_error_message()
			);
			return json_encode($rs);
		}
		$http_status = $result['response']['code'];
		if($http_status != 200){
			if(LB_API_DEBUG){
				$temp_decode = json_decode($result['body'], true);
				$rs = array(
					'status' => FALSE, 
					'message' => ((!empty($temp_decode['error']))?
						$temp_decode['error']:
						$temp_decode['message'])
				);
				return json_encode($rs);
			}else{
				$rs = array(
					'status' => FALSE, 
					'message' => LB_TEXT_INVALID_RESPONSE
				);
				return json_encode($rs);
			}
		}

Thay thế bằng:

		$http_status = 200;

Tìm tiếp:

	public function activate_license($license, $client, $create_lic = true){
		$data_array =  array(
			"product_id"  => $this->product_id,
			"license_code" => $license,
			"client_name" => $client,
			"verify_type" => $this->verify_type
		);
		$get_data = $this->call_api(
			'POST',
			$this->api_url.'api/activate_license', 
			json_encode($data_array)
		);
		$response = json_decode($get_data, true);
		if(!empty($create_lic)){
			if($response['status']){
				$licfile = trim($response['lic_response']);
				$this->write_wp_fs($this->license_file, $licfile);
			}else{
				if(is_writeable($this->license_file)){
					unlink($this->license_file);
				}
			}
		}
		return $response;
	}

Thay thế bằng:

	public function activate_license($license, $client, $create_lic = true){
		return Array( 'status'=>1,'message'=>'Verified! Thanks for purchasing Rehub theme'); 
	}

hoặc

	public function activate_license($license, $client, $create_lic = true){
		$data_array =  array(
			"product_id"  => $this->product_id,
			"license_code" => $license,
			"client_name" => $client,
			"verify_type" => $this->verify_type
		);
		$get_data = $this->call_api(
			'POST',
			$this->api_url.'api/activate_license', 
			json_encode($data_array)
		);
		$response = json_decode($get_data, true);
		if(!empty($create_lic)){
			if($response['status']){
				$licfile = trim($response['lic_response']);
				$this->write_wp_fs($this->license_file, $licfile);
			}else{
				if(is_writeable($this->license_file)){
					unlink($this->license_file);
				}
			}
		}
		return $response;
	}

	public function verify_license($time_based_check = false, $license = false, $client = false){
		if(!empty($license)&&!empty($client)){
			$data_array =  array(
				"product_id"  => $this->product_id,
				"license_file" => null,
				"license_code" => $license,
				"client_name" => $client
			);
		}else{
			if(is_file($this->license_file)){
				$data_array =  array(
					"product_id"  => $this->product_id,
					"license_file" => $this->read_wp_fs($this->license_file),
					"license_code" => null,
					"client_name" => null
				);
			}else{
				$data_array =  array();
			}
		} 
		$res = array('status' => TRUE, 'message' => LB_TEXT_VERIFIED_RESPONSE);
		if($time_based_check && $this->verification_period > 0){
			ob_start();
			if(session_status() == PHP_SESSION_NONE){
				session_start();
			}
			$type = (int) $this->verification_period;
			$today = date('d-m-Y');
			if(empty($_SESSION["7b0f448b7e5c652"])){
				$_SESSION["7b0f448b7e5c652"] = '00-00-0000';
			}
			if($type == 1){
				$type_text = '1 day';
			}elseif($type == 3){
				$type_text = '3 days';
			}elseif($type == 7){
				$type_text = '1 week';
			}elseif($type == 30){
				$type_text = '1 month';
			}elseif($type == 90){
				$type_text = '3 months';
			}elseif($type == 365) {
				$type_text = '1 year';
			}else{
				$type_text = $type.' days';
			}
			if(strtotime($today) >= strtotime($_SESSION["7b0f448b7e5c652"])){
				$get_data = $this->call_api(
					'POST',
					$this->api_url.'api/verify_license', 
					json_encode($data_array)
				);
				$res = json_decode($get_data, true);
				if($res['status']==true){
					$tomo = date('d-m-Y', strtotime($today. '   '.$type_text));
					$_SESSION["7b0f448b7e5c652"] = $tomo;
				}
			}
			ob_end_clean();
		}else{
			$get_data = $this->call_api(
				'POST',
				$this->api_url.'api/verify_license', 
				json_encode($data_array)
			);
			$res = json_decode($get_data, true);
		}
		return $res;
	}

	public function verify_license($time_based_check = false, $license = false, $client = false){
		return 	Array ( 
		'status' => 1,
		'message' => 'Verified! Thanks for purchasing Rehub theme.',
		'data' => Array ( 
		'plugins' => Array (
		'js_composer' => 'https://wpsoul.net/serverupdate/packages/js_composer.zip', 
		'woocommerce-product-filter' => 'https://wpsoul.net/serverupdate/packages/codecanyon-DjFsywOe-woocommerce-product-filter.zip',
		'slider-revolution' => 'https://wpsoul.net/serverupdate/packages/slider-revolution.zip',
		'rh-frontend' => 'https://wpsoul.net/serverupdate/packages/rh-frontend.zip',
		'layered-popups' => 'https://wpsoul.net/serverupdate/packages/layered-popups.zip',
		'rh-bp-member-type' => 'https://wpsoul.net/serverupdate/packages/rh-bp-member-type.zip',
		'rh-cloak-affiliate-links' => 'https://wpsoul.net/serverupdate/packages/rh-cloak-affiliate-links.zip',
		'rh-woo-tools' => 'https://wpsoul.net/serverupdate/packages/rh-woo-tools.zip',
		'importwp-pro' => 'https://wpsoul.net/serverupdate/packages/importwp-pro.zip',
		'importwp-woocommerce' => 'https://wpsoul.net/serverupdate/packages/importwp-woocommerce.zip',
		'importwp-rhaddon' => 'https://wpsoul.net/serverupdate/packages/importwp-rhaddon.zip',), 
		'themes' => Array ( 
		'ReViewit' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/reviewit-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/reviewit-widgets.wie',
		'frontend' =>'', 
		'gmwforms' =>'' ,), 
		'ReGame' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/regame-content.xml', 
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/regame-widgets.wie', 
		'frontend' => '',
		'gmwforms' => '', ), 
		'ReMag' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/remag-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/remag-widgets.wie',
		'frontend' => 'https://wpsoul.net/serverupdate/demoimport/remag-frontend.json',
		'gmwforms' => '',),
		'ReDirect' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/redirect-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/redirect-widgets.wie',
		'frontend' => 'https://wpsoul.net/serverupdate/demoimport/redirect-frontend.json',
		'gmwforms' => 'https://wpsoul.net/serverupdate/demoimport/redirect-gmw.json', ), 
		'ReThing' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/rething-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/rething-widgets.wie',
		'frontend' =>'',
		'gmwforms' =>'', ), 
		'ReVendor' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/vendor-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/redokannew-widgets.wie',
		'frontend' => '',
		'gmwforms' =>'', ),
		'ReWise' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/rewisedemo-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/rewise-widgets.wie',
		'frontend' => '',
		'gmwforms' => '',), 
		'ReDokanNew' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/vendor-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/redokannew-widgets.wie',
		'frontend' =>'',
		'gmwforms' =>'', ), 
		'ReMarket' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/vendor-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/redokannew-widgets.wie',
		'frontend' =>'',
		'gmwforms' =>'', ), 
		'ReCash' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/recash-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/recash-widgets.wie',
		'frontend' => 'https://wpsoul.net/serverupdate/demoimport/recash-frontend.json',
		'gmwforms' =>'', ), 
		'RePick' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/repick-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/repick-widgets.wie',
		'frontend' =>'',
		'gmwforms' =>'', ), 
		'ReTour' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/retour-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/retour-widgets.wie',
		'frontend' => '',
		'gmwforms' => 'https://wpsoul.net/serverupdate/demoimport/retour-gmw.json', ),
		'ReFashion' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/refashion-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/refashion-widgets.wie',
		'frontend' =>'',
		'gmwforms' =>'', ), 
		'ReDeal' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/redeal-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/redeal-widgets.wie',
		'frontend' => 'https://wpsoul.net/serverupdate/demoimport/redeal-frontend.json',
		'gmwforms' =>'', ), 
		'ReCompare' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/recompare-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/recompare-widgets.wie',
		'frontend' =>'',
		'gmwforms' => '',), 
		'ReCart' => Array ( 
		'content' => 'https://wpsoul.net/serverupdate/demoimport/recart-content.xml',
		'widgets' => 'https://wpsoul.net/serverupdate/demoimport/recart-widgets.wie',
		'frontend' =>'',
		'gmwforms' =>'', ) ) ) );
	}

Vậy là xong, hãy vào ReHub -> Registration điền bất kỳ để kiểm tra thành quả.

Trong bài viết này, mình sẽ hướng dẫn các bạn sửa CSS để menu đa cấp của theme Flatsome có thể hiển thị đẹp hơn, hoặc cơ bản là làm cho nó hiển thị kiểu vertical menu như bình thường chúng ta hay sử dụng nhé!

Bài viết dựa trên kinh nghiệm và công việc thực tế, sử dụng theme Flatsome và WordPress 4.9.8. Do đó, bài hướng dẫn phù hợp 100% cho các bạn làm web sử dụng theme Flatsome. Còn những theme khác thì có vẻ như không hoạt động được!

Bước 1: Thêm CSS vào tùy chỉnh CSS của theme

Copy toàn bộ đoạn code CSS sau vào phần tùy chỉnh CSS của theme. Quản trị > Giao diện > Tùy chỉnh > Style > Custom CSS > Custom CSS:

.nav-dropdown>li.nav-dropdown-col {display: block;}
.nav-dropdown {
	border: 1px solid #ddd;
	padding: 0;
}
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a {
	font-weight: normal !important;
	text-transform: none !important;
	font-size: 15px;
	font-weight: 500;
}
.nav-dropdown .nav-dropdown-col>ul li:hover {background: #db0000;}
.nav-dropdown-default>li:hover>a,
.nav-dropdown .nav-dropdown-col>ul li:hover>a {color: white;}
.nav-dropdown-default>li:hover {background: #fbae3c;}
.nav-dropdown-default>li>a {border-bottom: 0 !important;}
.nav-dropdown-has-arrow li.has-dropdown:before {
	border-width: 10px;
	margin-left: -10px;
}
.nav-dropdown .nav-dropdown-col>ul {
	border: 1px solid #d2d2d2;
	margin-top: -40px;
	box-shadow: 2px 2px 5px #828282;
	display: none;
	position: absolute;
	left: 100%;
	z-index: 9;
	background: white;
	min-width: 240px;
}
.nav-dropdown>li.nav-dropdown-col {
	width: 100%;
	border-right: 0;
}
.nav-dropdown .nav-dropdown-col>ul li a {
	padding: 10px;
	text-transform: none;
	color: black;
}
.header-nav li.nav-dropdown-col:hover >ul {display: block !important;}

Trong đoạn code CSS trên, mình đã trang trí menu đa cấp cho theme Flatsome theo tông cam – đỏ. Do đó, nếu các bạn thấy ưng thì có thể dùng được luôn. Ngược lại, các bạn tìm sửa thuộc tính background:mã_màu trong phần mình đánh dấu dưới đây: Màu vàng – mã màu khi rê chuột vào menu cấp 3. Màu xanh – mã màu khi rê chuột vào menu cấp 2

Trong đó:

• Màu xanh: mã màu nền của trình đơn menu cấp 2 khi rê chuột vào.
• Màu vàng: mã màu nền của trình đơn menu cấp 3 khi rê chuột vào.

Bước 2: Save Change

Các bạn Save Change/ Apply Change để xem thành quả nhé. Hy vọng các bạn làm đúng theo hướng dẫn và có thể sửa được sự khó chịu của menu cấp 3 trên theme Flatsome nhé! Chúc các bạn thành công.