17 thg 2, 2011

Thêm Google Search vào trong WordPress ( p.2)

0 nhận xét
Lần trước , Thattinhbiz đã giới thiệu các bạn cách chèn Google Search vào trong Wordpress ,  đó là cách search compact ( thu gọn ) , kết quả sẽ hiển thị vỏn vẹn trong sidebar , nó tiết kiệm không gian trong blog hơn , nhưng đối với những blog có số lượng bài viết lớn thì việc hiển thị như vậy là không thích hợp . Hôm nay , Vaanres sẽ tiếp tục hướng dẫn các bạn làm một trang tìm kiếm riêng biệt cho mình nhé.
Trước hết  , các bạn nên coi lại bài viết trước của mình tại đây để nắm cơ bản trước nhé . Và bạn cần có
BƯỚC 1: Tạo nơi lưu trữ kêt quả tìm kiếm
Các bạn truy cập vào phần wp-admin , tạo một trang mới ( Pages > Add New ) , các bạn đặt tên trang này là Kết Quả Tìm Kiếm hay là cái gì theo ý bạn cũng được ^^ . Nhìn qua bên phải , Attributes , các bạn chọn TemplateNo sidebars ( còn vì sao thì lát nữa Vaanres sẽ nói nhé ) . Nhấn Update , rồi nhé , bây giờ trang Kết Quả Tìm Kiếm đã có Permalink rồi đó  . Giờ thì … để đó, lát nữa sẽ dùng đến , chúng ta làm tiếp bước 2 nhé .
BƯỚC 2 : Tùy chỉnh lại chế độ tìm kiếm của google
Trong mục Control Panel , chọn Look and Feel . Trong phần Choose a hosting option , các bạn chọn Iframe - Provides limited customization and requires a separate page for results on your site.
các bạn có thể tùy chỉnh lại skin của google search theo ý thích của mình ở mục  phần Choose or customize a style
Nhấn Save , sau đó nhấn Get Code , lúc này các bạn sẽ được Google mẫu dưới đây :

Trong đó :

Specify search results details

các bạn copy Permanlink ở bước 1 và phần http://

Search box code

Các bạn copy đoạn code này vào vị trí mà bạn muốn xuất hiện thanh tìm kiếm , các bạn có thể để bên trên-dưới header hay bên cạnh menu – navigation cũng được .Tốt   Các bạn tìm file Header.php rồi paste đoạn code này vào .
Đối với những ai sử dụng thesis , các bạn  cài plugin  Thesis OpenHook . Trong wp-admin > Appearance > Thesis Openhook , chọn hook bạn muốn xuất hiện rồi paste đoạn code vào . nhấn Little Ass Save Button.

Search results code

Các bạn copy đoạn code này vào trong trong trang Kết Quả Tìm Kiếm mà chúng ta đã tạo ở bước 1 . Giống như hình ở dưới đây
( click để phóng lớn )

Okay , xong rồi đó , giờ các bạn mở trang blog của bạn đi . Khi bạn gõ tìm kiếm thì sẽ chuyển ra một trang kêt quả tìm kiếm của mình , như hình ở dưới đây . Nếu như các bạn không chọn No sidebars , thì kết quả hiển thị sẽ bị lấn qua bên sidebar  , làm mất thẩm mỹ site rất nhiều T_T .

0 nhận xét:

Đăng nhận xét