Khi bạn thêm tên miền vào CloudFlare và bật proxy, đôi lúc bạn sẽ gặp lỗi ERR_TOO_MANY_REDIRECTS khi truy cập vào web như ảnh bên dưới.

Lỗi này có hiểu hiểu là bạn đang mắc kẹt trong một vòng lặp chuyển hướng. Và nguyên nhân thường đến từ cấu hình chuyển hướng HTTP:// sang HTTPS:// trong webserver. Và tuỳ chọn mode SSL trên CloudFlare chưa phù hợp.

Về lỗi này bạn hãy xử lý theo cách sau:

Trên CloudFlare chọn vào SSL/TLS => Overview => Configure

Mục Custom SSL/TLS bạn chọn Full và Save lại

Sau đó chọn tiếp vào SSL/TLS => Edge Certificates => Bật Always Use HTTPS

Và cuối cùng chọn Caching => Configuration => Purge Everything để xoá cache trên CloudFlare

Bây giờ bạn truy cập vào website để kiểm tra kết quả nhé.

I. Domain Alias là gì?

Domain Alias dịch sang tiếng việt có thể hiểu là Domain ‘bí danh’ hoặc còn tên gọi khác là Parked Domain., cụ thể ở đây bạn có thể hiểu là Domain Alias/Parked là một Domain khác với Domain chính nhưng có cấu trúc sẽ giống như Domain chính. Ví dụ khi ta truy cập vào Domain chính hay Alias/Parked Domain thì đều nhận được cùng một nội dung của Domain chính , và chỉ khác tên Domain.

Khi nào thì nên dùng Domain Alias ?

Có 2 trường hợp mà bạn nên dùng Domain Alias đó là:

• Muốn chạy 2 hoặc nhiều Domain cho cùng một website.
• Khi muốn sử dụng tài khoản Email với nhiều Domain khác nhau. Nghĩa là các Email được gửi đến địa chỉ theo Domain Alias, chúng sẽ được chuyển tiếp sang địa chỉ Email của Domain chính.

Lưu ý: Để cấu hình được thì Domain chính và Domain Alias phải được thêm và trỏ thành công về IP máy chủ.

Ở bài viết này, mình có sẽ thực hiện với 2 Domain cụ thể bên dưới:

• Domain chính: sitewp.tk
• Domain Alias: blog.sitewp.tk

II. Cấu hình Domain Alias

Bước 1: Xác định Document root của Domain chính.

Đâu tiên các bạn cần đăng nhập vào aaPanel và truy cập vào Website để xem Document root của Domain chính.

Ở đây Domain chính mà của mình là sitewp.tk, và đường dẫn Document root là: /www/wwwroot/sitewp.tk . Sau khi đã xác định được Document root của Domain chính, các bạn tiến hành tạo Domain Alias theo bước 2.

Bước 2: Thêm Domain Alias

Tại giao diện aaPanel các bạn thêm Domain mới và cấu hình Alias như sau: Website => Add site.

Tiếp đó ở phần thiệt lập các bạn thêm Domain và thiết lập như hình sau:

Bước 3: Thêm cấu hình

Các bạn truy cập vào đường dẫn Document root của website, ở ví dụ này thì đường dẫn đang là ( /www/wwwroot/sitewp.tk ), các bạn mở file wp-config.php và thêm nội dung bên dưới vào:

define('WP_SITEURL', 'http://' . $_SERVER['HTTP_HOST']);
define('WP_HOME', 'http://' . $_SERVER['HTTP_HOST']);

Thêm nội dung và Save lại.

Tiếp đến các bạn cần thực hiện bước cuối cùng là cấu hình URL rewrite cho Domain Alias, các bạn thực hiện như hình sau:

Như vậy các bước cấu hình đã hoàn tất. Các bạn có thể truy cập ra trình duyệt để kiểm tra thành quả của mình.
Dưới đây là kết quả của mình sau khi cấu hình

Phần lớn Themes WordPress hiện tại sử dụng ngôn ngữ mặc định là Tiếng Anh. Bạn muốn Việt hóa WordPress, bài viết này sẽ hướng dẫn bạn làm điều đó. Lưu ý sử dụng Plugin này không cần am hiểu về Code chỉ thao thác thủ công và vô cùng đơn giản.

Xem thêm: Hosting hỗ trợ tốt nhất cho Website WordPress

Cấu hình Website sử dụng ngôn ngữ Tiếng Việt.

Bạn muốn dịch Website của mình sang tiếng Việt thì trước tiên cần phải cấu hình Website sử dụng ngôn ngữ Tiếng Việt trước đã. Bạn vào phần Cài đặt chọn Tổng quan kiểm tra xem ngôn ngữ của trang đã được chuyển sang Tiếng Việt chưa.

Sử dụng Plugin Loco Translate để Việt hóa WordPress

Cài đặt và kích hoạt Plugin Loco Translate.

Ở trang quản trị Admin, phần Plugin chọn Cài mới. Tìm kiếm với từ khóa là Loco Translate. Chọn Cài đặt sau đó tiến hành kích hoạt Plugin. Nếu bạn chưa biết cách cài Plugin hãy xem trước bài viết sau: Hướng dẫn cài đặt Themes/Plugins cho WordPress.

Xem thêm: Hướng dẫn sử dụng WordPress từ A tới Z

Việt hóa WordPress Themes và Plugins.

Chức năng của Plugin phân chia rõ ràng 2 phần: Dịch Themes và Dịch Plugins. Vì vậy bạn cần phải chú ý Theme nào đang được sử dụng và từ Tiếng Anh cần dịch thuộc Plugin nào.

Dịch Themes.

Sau khi cài đặt và kích hoạt thành công Plugin Loco Translate, Ở trang quản trị Admin sẽ xuất hiện 1 tùy chọn là Loco Translate. Chọn Themes để bắt đầu dịch themes.

Như ví dụ này, Website hiện tại đang sử dụng themes có tên là G5Plus Achilles. Vì vậy bạn chọn G5Plus Achilles.

Dịch Themes bản chất của nó là tạo thêm 1 File ngôn ngữ mới trên Website. Chọn New language để tạo 1 File ngôn ngữ mới.

Sau khi chọn New language sẽ xuất hiện bảng tùy chọn để bạn thao tác.

Choose a language:

Chọn Vietnammes có nghĩa là khi bạn cấu hình Website sử dụng ngôn ngữ Tiếng Việt File ngôn ngữ mới sẽ được sử dụng và Website sẽ hiển thị nội dung mà bạn chuẩn bị dịch.

Choose a location:</strong

Chọn nơi lưu trữ File ngôn ngữ mới. Nên chọn Custom vì khi Themes có cập nhật thì File ngôn ngữ này cũng sẽ không bị ảnh hưởng.

Chọn Start translating để bắt đầu dịch.

Thao tác dịch thủ công theo danh sách có sẵn.

Toàn bộ từ Tiếng Anh của Theme sẽ được liệt kê ra theo danh sách bạn muốn dịch từ nào thì nhấn chuột trực tiếp vào từ đó và điền nghĩa Tiếng Việt vào khung bên dưới.

Chọn 1 từ Tiếng Anh bất kì bạn cần dịch và điền nghĩa Tiếng Việt vào khung Tiếng Việt translation bên dưới. Sau đó nhấn Save và Sync để lưu lại.

Tuy nhiên vì danh sách này quá nhiều từ và bạn không nhất thiết phải dịch hết chúng.

Để dịch một từ nào đó đã xác định trước, bạn chỉ cần điền vào ô Filter translations để tìm kiếm từ cần dịch một cách nhanh chóng. Sau khi đã xác định được từ cần dịch thì tiếp tục thao tác như bước trên.

Dịch Plugins.

Phần dịch Plugins quan trọng nhất là bạn phải xác định được từ cần dịch thuộc Plugin nào, còn về thao tác thì tương tự phần dịch Themes.

Xem thêm: Dịch vụ thiết kế website chuẩn SEO

Kết luận.

Việt hóa WordPress không đòi hỏi am hiểu kỹ thuật code như bạn vẫn nghĩ, mà chỉ cần bạn tìm hiểu theo bài viết hướng dẫn này thì hoàn toàn có thể làm được.

Tuy nhiên sẽ có một vài trường hợp rất rất rất đặc biệt xuất hiện những từ “cứng đầu” và không thể dịch bằng Plugin Loco Translate. Nhưng bạn đừng lo mình sẽ giải quyết vấn đề này bằng một bài viết hướng dẫn khác nâng cao hơn và đòi hỏi bạn phải có một chút am hiểu về cấu trúc thư mục Website của mình.

WordPress là mã nguồn linh hoạt, giao diện trực quan. Bạn có thể tùy chỉnh Header Footer và Background một cách dễ dàng.

Việc sử dụng website trước đây đòi hỏi người dùng phải trang bị các kiến thức và kỹ năng lập trình phức tạp để thiết kế, sửa chữa hay thay đổi các thành phần đã thiết lập. Tuy nhiên, sự xuất hiện của WordPress đã xóa bỏ hoàn toàn những hạn chế đó và nghiễm nhiên, nó đã trở thành mã nguồn phổ biến nhất hiện nay.

Cách tùy chỉnh Header và Footer trên WordPress

Để tùy chỉnh Header và Footer trên WordPress, trước hết bạn cần đăng nhập vào tài khoản quản trị của website. Cụ thể, chúng ta sẽ lấy theme Newspaper làm ví dụ trong trường hợp này vì đây là một theme có Panel tùy chỉnh tương đối phức tạp nhưng bù lại,  Newspaper lại rất phổ biến nhờ giao diện đẹp mắt, ấn tượng, tích hợp nhiều tính năng hỗ trợ.

Một trong những ưu điểm lớn nhất được kể đến chính là: người dùng có thể tùy chỉnh WordPress Header, Footer hay Background một cách dễ dàng, đơn giản theo hướng dẫn dưới đây.

Tuy nhiên, ưu điểm trên cũng chính là nhược điểm bởi nếu bạn enable (khởi động) tất cả tính năng – dù không sử dụng đến, website sẽ trở nên nặng nề, làm mất nhiều thời gian chờ đợi tải của người dùng.

Cách tùy chỉnh Header trong WordPress

Bắt đầu từ Header, sau khi đăng nhập vào tài khoản quản trị, lệnh chuyển sẽ đưa bạn đến Theme Panel. Đây là khu vực chứa các tính năng cấu hình giao diện được cung cấp sẵn. Mỗi theme sẽ hỗ trợ những chức năng tương ứng khác nhau nhưng các theme có giá cao thường mang đến nhiều tính năng hơn.

Cách tùy chỉnh Header Style WordPress

Đầu tiên, hãy chọn mục Header để thay đổi Header Style (kiểu giao diện cho phần đầu website). Theme Newspaper sẽ cung cấp 12 kiểu khác nhau cho bạn, sau khi thay đổi hãy nhấn SAVE SETTINGS và refresh (F5) lại website để trải nghiệm thành quả.

Cách tùy chỉnh Top Bar WordPress

Top bar cũng là một bộ phận có thể thay đổi bởi người dùng khi tùy chỉnh Header. Bạn có thể hiểu khu vực này là nơi chứa các chuyên mục, tương tự như thanh menu. Vị trí của Top bar sẽ nằm ở trên cùng menu và thường được sử dụng khi website có quá nhiều chuyên mục.

Chính vì vậy, khác với menu, các theme hỗ trợ Top bar luôn đi kèm nút để enable/disable (bật/tắt). Nếu không sử dụng, hãy disable tính năng này để giảm thời gian tải trang.

Cách tùy chỉnh mục Main Menu WordPress

Main Menu là khu vực cấu hình menu, những trang web sử dụng mã nguồn WordPress có thể được thiết kế khá phức tạp. Lúc này, việc sử dụng nhiều menu trong cùng 1 website không có gì lạ. Theme Newspaper là một ví dụ điển hình, dưới đây là chú thích cho các tính năng trong Main Menu.

• Header Menu

Lựa chọn Menu hiển thị chính trong website.

• Mega Menu Preloader

Khi được chọn menu con sẽ đổ xuống từ thanh menu chính. Phong cách này không thật sự phổ biến vì thế bạn nên chọn “No Preloading” để tắt chức năng.

• Sticky Menu

Tùy chỉnh Header ở Sticky Menu cho phép thanh menu di chuyển theo thanh cuộn khi người dùng kéo – thả. Bạn có thể chọn “Always Sticky => SAVE”, refresh lại website và kéo thanh trượt để xem hiệu ứng.

• Logo on Sticky Menu

Chọn logo trên Sticky Menu. Hãy chọn “Mobile logo” để rút gọn logo, một bản nhỏ hơn so với logo chính có kích thước lớn.

Logo & Favicon

Logo upload và Retina Logo upload: Tải lên logo cho website, chú ý dùng định dạng ảnh .png.
Favicon: Là hình ảnh nhỏ sẽ hiển thị bên trái của tab trên trình duyệt. Định dạng ảnh nên dùng là .png, kích thước 20×20 pixel.

• Logo Alt Attribute

Nhập mô tả cho logo, những dòng này không được hiển thị trên website vì thế, thường dùng để hỗ trợ SEO.

• Logo Title Attribute

Nhập tên cho logo, tên logo sẽ xuất hiện khi khách truy cập website từ trình duyệt web.

• Text logo và Text Logo Tagline

Có thể hiểu là những thông tin mô tả cho logo, một số kiểu menu có thể đưa các thông tin này lên web. Hãy chú ý điền đầy đủ và chính xác cho cả 2 mục.

Logo for Mobile

• Logo Mobile & Retina Logo Mobile: Logo dành cho phiên bản di động.
• iOS Bookmarklet: Logo hoặc một hình bất kỳ sẽ xuất hiện trong Bookmark của trình duyệt safari trên IOS.

Cách tùy chỉnh Footer WordPress

Thao tác tùy chỉnh Footer cũng có nhiều điểm tương đồng với quá trình thay đổi Header phía trên. Tuy nhiên, bởi Footer thường dùng để bổ sung thông tin cho website, nằm ở phần cuối trang nên bạn cần xác định để phân chia bố cục sao cho hợp lý.

Footer Settings

Tại Theme Panel, chọn Footer, khu vực Footer Setting là nơi cài đặt bố cục, thông tin liên hệ, các địa chỉ mạng xã hội, sở hữu bản quyền…

Cách tùy chỉnh Footer Template WordPress

Theme Newspaper sẽ hỗ trợ bạn một số mẫu giao diện cho Footer. Bằng cách này bạn có thể chia cột, chỉnh sửa nội dung trong từng cột… trong lúc tùy chỉnh Footer. Tuy nhiên, không nhiều theme WordPress có chức năng này, thông thường bạn phải kết hợp chỉnh sửa trong khu vực Widget.

Instagram

Kết nối trực tiếp đến tài khoản Instagram và hiển thị các hình ảnh nổi bật trong Footer. Tính năng này thường không phổ biến và việc tải lên nhiều hình ảnh có thể mất nhiều thời gian.

Cách tùy chỉnh Footer Info Content WordPress

Người dùng cũng có thể tùy chỉnh Footer ở phần Footer Info Content:

• Footer Logo & Footer Retina  Logo: Cho phép tải logo lên ở cột đầu tiên của Footer.
• Logo ALT Attribute & Logo Title Attribute: Tương tự như thông tin cho logo ở Header. Tại đây, hãy nhập đầy đủ và chính xác tất cả các mục cần thiết.
• Footer text: Nội dung bên dưới logo ở cột đầu tiên của Footer.
• Your email: Nhập địa chỉ email để hiển thị trong Footer hoặc bạn có thể điền trong Footer text như ảnh minh họa.
• Show Social Icon: Sử dụng các biểu tượng mạng xã hội bằng cách chèn đường dẫn liên kết.

Cách tùy chỉnh Footer Background WordPress

Bạn có thể tùy chỉnh Background Footer ở các phần sau:

• Footer background: Chọn ảnh nền cho Footer, nên hạn chế dùng ảnh để giảm dung lượng website.
• Repeat, Size, Position và Background Opacity: Tùy chỉnh kích thước, hiệu ứng cho ảnh nền Footer. Nếu không dùng ảnh thì bạn không cần cấu hình các phần này.

Sub Footer Setting

Tại khu vực Sub Footer Setting, bạn cũng có thể tùy chỉnh Footer:

• Show Sub-footer: Bổ sung thêm thông tin cho website bên dưới Footer.
• Footer Copyright Text: Thông tin về bản quyền ví dụ: abc.com 2008 – 2009.
• Copyright symbol: Hiển thị thêm biểu tượng bản quyền.
• Footer Menu: Thêm một menu bất kỳ bên dưới Footer.

Cách tạo Widget cho Header trong WordPress

Trong WordPress, ngoài các theme hỗ trợ nhiều tính năng vẫn tồn tại một số theme thiếu những tính năng cơ bản, chẳng hạn như không hỗ trợ Widget cho Header. Dù vậy, chỉ với vài bước đơn giản là bạn có thể tự mình tạo một Widget.

Tại sao cần tạo Widget Header cho website WordPress?

Tạo widget Header rất hữu ích, đặc biệt khi bạn có muốn chèn các banner quảng cáo thật nổi bật trên website hoặc những thông báo quan trọng cần gửi đến người truy cập. Lý do lớn nhất là bởi vị trí này rất thu hút điểm nhìn, người dùng sẽ “để ý” chúng đầu tiên ngay khi vừa tải website lên. Vì vậy, hãy cân nhắc tạo Widget Header ngay cho website.

Xem thêm: Hướng dẫn chỉnh sửa Menu WordPress

Hướng dẫn cách tạo Widget cho Header WordPress

Bước 1: Tạo một widget area

Thêm đoạn code bên dưới vào file function.php của theme tại Appearance => Editor.

function wpb_widgets_init() {
 
register_sidebar( array(
     'name'       => 'Custom Header Widget Area',
     'id'         => 'custom-header-widget',
     'before_widget' => '
',
     'after_widget'  => '
',
     'before_title'  => '
',
     'after_title'   => '',
) );
 
}
add_action( 'widgets_init', 'wpb_widgets_init' );

<

div class=”wp-block-image size-full wp-image-26247″>

Lưu lại và tìm đến “Appearance => Widget”, bạn sẽ thu được một Widget mới có tên là “Custom Header Widget Area” như ảnh – vậy là quá trình tạo Widget Header đã thành công. Cách sử dụng tương tự các Widget khác, bạn có thể kéo thả các tiện ích vào như lịch, quảng cáo…

Bước 2: Đưa widget vừa tạo mới ra ngoài trang web

Lúc này, dù đã có thể cấu hình Widget cho Header nhưng bạn vẫn chưa thể nhìn thấy nó xuất hiện trên website. Hãy gọi widget bằng dòng lệnh bên dưới, copy và dán vào file header.php tại “Appearance => Editor”. Lưu ý, muốn widget xuất hiện tại đâu thì chèn đoạn code ở vị trí đó.

if ( is_active_sidebar( 'custom-header-widget' ) ) : ?>

Refresh (F5) lại website để kiểm tra lại widget vừa tạo. Nếu Widget xuất hiện là thành công, ngược lại, thử một vị trí khác trong file header.php. Đối với banner bạn cần chèn link hình ảnh vào widget hoặc chọn một đối tượng khác như lịch để kiểm tra.

Bước 3: Thêm CSS cho tiện ích widget

Trong ví dụ trên, chúng ta có một banner quảng cáo nhưng hình ảnh hiển thị chưa được tối ưu. Bạn có thể bổ sung thêm CSS để giúp căn chỉnh và sắp xếp vị trí gọn gàng hơn. Copy và dán đoạn code dưới vào file style.css theo “Appearance => Customize => Additional CSS”.
Sau đó, lưu lại và refresh website một lần nữa để kiểm tra.

Cách tạo và tùy chỉnh Background WordPress

Background WordPress là gì?

Background WordPress là hình nền cho website, hình ảnh này sẽ nằm bên dưới các đối tượng trong trang web.

Vì vậy, background có kích thước lớn và thường chỉ có thể nhìn thấy các góc, cạnh. Trong WordPress, bạn hoàn toàn có thể tùy chỉnh Background theo ý muốn.

Cách thiết lập và tùy chỉnh Background WordPress>

Bước 1: Truy cập khu vực cài đặt background WordPress tại “Appearance => Background”.

Bước 2: Tiếp tục click vào “Select Image”, chọn một hình ảnh từ thư viện hoặc upload từ máy tính.

Bước 3: Sau khi thiết lập xong, refresh lại website bạn sẽ nhìn thấy ảnh nền xuất hiện bên dưới.

Có thể nói rằng WordPress là một trong những mã nguồn có cách khả năng tùy chỉnh Header, Footer và Background website dễ dàng nhất hiện nay. Nếu trang web được xây dựng trên nền tảng WordPress Hosting, chúng tôi hy vọng rằng bài viết đã mang đến những thông tin hữu ích cho bạn.

Thiết kế website chuẩn SEO