• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Tích hợp công cụ tìm kiếm Google cho theme Paradise
hosting-tot-nhat-danh-cho-wordpress

Tích hợp công cụ tìm kiếm Google cho theme Paradise

Cập nhật: 03/07/2022 Trung Hiếu 12 Bình luận

Mục lục Hiện
  • 1. Một số yêu cầu bắt buộc
  • 2. Chèn công cụ tìm kiếm Google vào theme Paradise

Tích hợp công cụ tìm kiếm Google (Google Programmable Search Engine/ Google Custom Search Engine) cho theme Paradise.

tich-hop-cong-cu-tim-kiem-google-cho-theme-paradise

Không cần nói thì chắc ai cũng biết công cụ tìm kiếm của Google tuyệt vời như thế nào rồi. Bạn có thể tìm thấy gần như tất cả mọi thứ trên internet chỉ với Google Search. Vậy thì tại sao chúng ta không tích hợp nó vào website WordPress để thay thế công cụ tìm kiếm mặc định vốn nổi tiếng là “kém thông minh” của Automattic? Đến website WordPress.org còn sử dụng Google Custom Search cơ mà. WP Căn bản cũng đã làm điều này từ lâu. Và nếu bạn cũng đang sử dụng theme Paradise do chúng tôi phát triển thì ngay sau đây là hướng dẫn chi tiết.

Tham khảo thêm:

  • Các tính năng của theme Paradise tích hợp trong Customizer
  • Tại sao bạn nên chọn theme Paradise cho website WordPress?

Một số yêu cầu bắt buộc

  • Bạn phải có sẵn tài khoản Google (Gmail).
  • Website của bạn phải được Google index dữ liệu.
  • Bạn phải đang sử dụng Genesis Framework và Paradise child theme.

Chèn công cụ tìm kiếm Google vào theme Paradise

1. Đầu tiên, các bạn cần truy cập vào trang Programmable Search của Google (tên gọi trước đây là Google Custom Search) => click vào nút Add.

click-vao-nut-add-trong-google-programmable-search-engine

2. Khai báo các thông tin để khởi tạo công cụ tìm kiếm.

khai-bao-thong-tin-cua-cong-cu-tim-kiem

Trong đó:

  • Sites to search: điền danh sách tên miền của các website mà bạn muốn lấy kết quả tìm kiếm.
  • Language: chọn ngôn ngữ của công cụ tìm kiếm.
  • Name of the search engine: đặt tên cho công cụ tìm kiếm.

Sau khi điền xong, click vào nút Create.

3. Click vào nút Get code.

click-vao-nut-get-code

4. Các bạn sẽ được Google cung cấp một đoạn mã. Hãy chú ý đến ID nằm sau chữ cx= và trước dấu ". Chúng ta sẽ sử dụng ID này trong bước tiếp theo.

google-programmable-search-engine-id

5. Trên sidebar bên trái, các bạn chọn đúng tên của công cụ tìm kiếm (đã đặt tên ở bước 2) => chọn Look and feel => chọn Layout => chọn Result only => click vào nút Save để lưu lại.

thiet-lap-layout-ket-qua-tim-kiem-cho-google-programmable-search-engine

Các bạn cũng hoàn toàn có thể tùy biến các chức năng cũng như giao diện hiển thị của kết quả tìm kiếm theo ý thích. Tuy nhiên, tôi sẽ không đề cập chúng trong bài viết này.

6. Down load file page_google_search.php tại đây về máy tính của bạn.

7. Truy cập thư mục của theme Paradise trên host (/wp-content/themes/paradise/), upload file page_google_search.php đã download ở bước 6 lên. File này nằm ngang hàng với file functions.php của theme.

tao-file-page-google-search-php-trong-thu-muc-theme-paradise

8. Mở file page_google_search.php ra. Ở dòng code số 14, thay partner-pub-2490320644516140:1061358914 bằng ID mà bạn được cung cấp ở bước 4. Lưu file lại sau khi làm xong.

9. Mở file functions.php của theme ra, thêm đoạn code sau đây vào cuối file rồi lưu lại:

//* Alter the Genesis search
add_filter( 'genesis_search_form', 'bs_search_form', 10, 4);
function bs_search_form( $form, $search_text, $button_text ) {
$onfocus = " onfocus=\"if (this.value == '$search_text') {this.value = '';}\"";
$onblur = " onblur=\"if (this.value == '') {this.value = '$search_text';}\"";
$form = '<form method="get" class="searchform search-form" action="' . home_url() . '/search" >' . '
<input type="search" value="' . esc_attr($search_text) . '" name="q" aria-label="search" class="s search-input"' . $onfocus . $onblur . ' />
<input type="submit" class="searchsubmit search-submit" value="' . esc_attr( $button_text ) . '" />
</form>';
return $form;
}

Các bạn cũng có thể sử dụng plugin Code Snippets để chèn code này, tránh việc code bị xóa mất sau khi cập nhật child theme lên phiên bản mới.

10. Truy cập trang quản trị WordPress => Pages => Add New. Tạo 1 trang mới (để trống phần nội dung, đặt permalink là https://tenmiencuaban.com/search và tiêu đề theo ý thích) => lựa chọn Template là Google CSE => Xuất bản nó.

tao-trang-ket-qua-tim-kiem-cho-google-programmable-search-engine

Nhớ thay https://tenmiencuaban.com/ bằng tên miền chính xác của bạn.

11. Kiểm tra kết quả bằng cách thử tìm kiếm bằng khung tìm kiếm trên menu hoặc bất cứ widget tìm kiếm nào khác mà bạn đã chèn. Thật đơn giản phải không nào? Chúc các bạn thành công.

Lưu ý: khi cập nhật child theme, file page_google_search.php và đoạn code trong file functions.php sẽ bị xóa mất. Do vậy, các bạn nên backup chúng trước để tiện thêm lại sau khi cập nhật child theme.

Mua Paradise child theme do WP Căn bản phát triển với giá chỉ từ 599.000 VNĐ. Nhanh chân lên, thời gian khuyến mãi có hạn!

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Loại bỏ Rank Math SEO CSS để tăng tốc độ load
Loại bỏ Rank Math SEO CSS để tăng tốc độ load
Loại bỏ Auto Sizes CSS trên WordPress 6.7
Loại bỏ Auto Sizes CSS trên WordPress 6.7

Chuyên mục: Thủ thuật WordPress Thẻ: Paradise child theme/ WordPress Search

dich-vu-wordpress-hosting-chong-ddos-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Tinh giản Yoast SEO giúp website của bạn nhẹ hơn
Bài viết sau Hướng dẫn cài đặt Gmail SMTP cho website WordPress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. KeniVinh 16 bình luậnviết

    28/11/2023 lúc 17:29

    Mình gặp lỗi này bạn ơi, nó bảo hàm không xác định

    Lỗi chưa bắt được: Gọi tới hàm không xác định Genesis()

    Bình luận
    • Trung Hiếu Quản lýviết

      28/11/2023 lúc 17:52

      Bạn đang dùng theme Paradise hay theme gì nhỉ?

      Bình luận
      • KeniVinh 16 bình luậnviết

        28/11/2023 lúc 18:40

        Mình dùng theme rehub

        Bình luận
        • Trung Hiếu Quản lýviết

          28/11/2023 lúc 19:51

          Tích hợp công cụ tìm kiếm Google cho theme Paradise

          Hướng dẫn này chỉ dành cho theme Paradise và Genesis Framework thôi bạn. Bạn chèn vào theme khác nó lỗi là đúng rồi.

          Bình luận
          • KeniVinh 16 bình luậnviết

            28/11/2023 lúc 20:23

            Ồ tưởng hướng dẫn chung chứ, không nghĩ tích hợp nó vào tính năng tìm kiếm mặc định của WP lại rắc rối như vậy. Vậy hết cách hả bạn?

          • Trung Hiếu Quản lýviết

            28/11/2023 lúc 20:47

            Thử dùng plugin đi bạn. WP Google Search chẳng hạn.

  2. Sơn 1 bình luậnviết

    14/10/2021 lúc 10:55

    Mình thấy tích hợp GG search thì cũng hay nhưng mà nhiều người sẽ không thích quảng cáo trong kết quả tìm kiếm.

    Bình luận
    • Trung Hiếu Quản lýviết

      14/10/2021 lúc 11:38

      Đành chịu thôi. Không có bữa ăn nào là miễn phí. :)

      Bình luận
  3. Luật sư Online 32 bình luậnviết

    30/07/2021 lúc 21:52

    A Hiếu cho e hỏi, e muốn rollback theme Paradise về phiên bản 5.4.1 thì làm cách nào ạ!
    Em thấy 5.4.4 màu hơi bị chói quá, không có hạp với e ạ!

    Bình luận
    • Trung Hiếu Quản lýviết

      31/07/2021 lúc 08:08

      Theme cho tùy chỉnh mà sắc trong Customizer mà bạn? Bên mình chỉ điều chỉnh màu sắc mặc định cho đạt chuẩn về độ tương phản do Google Lighthouse đề xuất thôi. :P

      Bình luận
  4. Kami 52 bình luậnviết

    17/07/2021 lúc 07:51

    Bác Hiếu thiết kế trang paradise bằng plugin nào vậy?

    Bình luận
    • Trung Hiếu Quản lýviết

      17/07/2021 lúc 08:17

      Mình dùng theme Paradise kết hợp với Beaver Builder bạn nhé. Các trang landing page giới thiệu dịch vụ được làm bằng Beaver Builder.

      Bình luận

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Tham gia cùng 10.000+ người khác.

Theo dõi qua mạng xã hội

Facebook Group

wpcanban-facebook-group

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Plugin chống copy nội dung siêu nhẹ cho WordPress 20/05/2025
  • Tự động tạo alt-text cho hình ảnh trong WordPress 18/05/2025
  • Năm 2025 rồi, có nên viết blog nữa không? 07/05/2025
  • Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản 16/04/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Khánh trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Năm 2025 rồi, có nên viết blog nữa không?
  • Tuấn Kỷ Nguyên Blog trong Năm 2025 rồi, có nên viết blog nữa không?

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.001 Bài viết - 35.504 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting