Sunday , 24 February 2019
Home » Hướng dẫn Wordpress » Hướng dẫn cài đặt cấu hình theme sahifa chuẩn và đẹp

Hướng dẫn cài đặt cấu hình theme sahifa chuẩn và đẹp

Hướng dẫn cài đặt cấu hình theme Sahifa chuẩn đẹp

Khi bạn làm một website tin tức thì sahifa là lựa chọn tuyệt vời vì dễ làm và dễ tùy biến. Điều đặc biệt nhất là dễ làm với các bạn mới tập làm website, và nhìn vào website rất chuyên nghiệp không khác những mẫu website code. Có hai website cũng sử dụng sahifa rất thành công đó là Dân tríZing News.

Làm website wordpress không khó nếu biết cách và trình tự  sắp xếp công việc , đặc biệt có bài hướng dẫn sẵn chi tiết để các bạn không mất nhiều thời gian tìm kiếm cách làm mà vẫn có website đẹp mỹ mãn theo ý bạn.

Cách cài đặt và cấu hình theme Sahifa

Nếu bạn không có trang web và chủ đề sahifa, bạn có thể liên hệ với tôi theo mô tả dưới footer để được nhận theme và hướng dẫn thiết kế chi tiết tỉ mỹ nhất.

Mỗi Giao diện sẽ có bảng quản trị riêng có đầy đủ vì vậy với theme này bạn làm theo các bước bên dưới này nhé:

Vào trang quản trị website của bạn, chọn Sahifa như đánh dấu đỏ trên hình

B1. Ganeral Settings 

Trong phần này chúng ta sẽ cấu hình chung cho layout, favicon, day time, lightbox, breadcrumbs.

  • Theme Layout  : Lựa chọn để hiển thị toàn bộ trang. Có ba lựa chọn có thể được chỉ định đó là đóng khung, đóng hộp và đầy đủ.
  • Custom Favicon:  Tại đây, bạn tải lên Favicon ở định dạng .ico . Nó sẽ được hiển thị trên thẻ trình duyệt.
  • Custom Gravatar: Nếu bạn sử dụng trình bình luận mặc định thì đây là hình ảnh đại diện cho bạn khi bình luận.
  • Apple Icons: Bạn có thể tải lên icons để hiển thị riêng trên các sản phẩm của Apple. Bên dưới có đề xuất kích thước.
  • Time format: Định dạng ngày giờ hiển thị trên website hoặc bạn có thể tắt đi.
  • Lightbox Settings: Cấu hình Lightbox cho hình ảnh trong bài viết.
  • Breadcrumbs Settings: Tắt/mở Breadcrumbs.
  • Header Code : Tự động chèn thêm code trong thẻ <head>.
  • Footer Code: Tự động chèn thêm code trong thẻ <body>

B2. Header Settings

Phần này cấu hình cho toàn bộ Header hiển thị ra bên ngoài từ menu top tới Breaking News.

  • Logo: Tải lên Logo cho website của bạn. Trong phần này có phần Logo Margin Top và Logo Margin Bottom. Các bạn có thể tùy chỉnh chiều cao của Logo bằng thuộc tính Margin trong CSS.
  • Header Top area Settings: Tại đây bạn có thể tắt mở Menu top, ngày giờ, tìm kiếm ….
  • Main Nav Settings: Bạn muốn tắt Menu chính thì ở đây, tắt mở chức năng dính Menu khi kéo chuột xuống dưới và bạn cũng có thể thêm Logo khi kéo chuột.
  • Responsive Mobile Menu Settings: Tắt mở và cấu hình Menu trên di động.
  • Breaking News: Tắt mở và tùy chỉnh hiển thị Breaking News

B3. Archives Settings

Trong phần này chúng ta sẽ tùy chỉnh cách hiển thị bài viết cho các phần như chuyên mục, trang, tag, tìm kiếm.

  • General Settings: Tùy chỉnh hiển thị mạng xã hội, đoạn trích, tác giả, ngày giờ, lượt xem …..
  • Default layout settings: Lựa chọn bố cục hiển thị bài viết mặc định trên trang chủ.
  • Category Page Settings: Lựa chọn bố cục hiển thị bài viết trong chuyên mục.
  • Tag Page Settings: Lựa chọn bố cục hiển thị bài viết trên tag.
  • Author Page Settings: Lựa chọn bố cục hiển thị bài viết cho tác giả.
  • Search Page Settings: Lựa chọn bố cục hiển thị bài viết khi tìm kiếm.

B4. Posts Settings

Các cấu hình trong hiển thị bài viết.

  • Posts Settings: Tắt mở hình ảnh đại diện, bài viết tiếp theo – trước đó, Meta và các chỉ số. Phần Post Author Box là hiển thị hộp tác giả phía dưới bài viết.
  • Post Meta Settings: Tắt mở tác giả, ngày tháng, chuyên mục, bình luận, tag, lượt xem.
  • Share Post Settings: Tắt mở và cấu hình hiển thị các nút chia sẻ mạng xã hội.
  • Related Posts Settings: Tắt mở và cấu hình bài viết liên quan.
  • Fly Check Also Box: Tắt mở và cấu hình Box khi kéo chuột xuống phía dưới.
  • jQuery Comments Settings: Bật jQuery cho chức năng Comments mặc định để load mượt hơn.

B5. Sidebars

Chúng ta sẽ cấu hình phần sidebars.

  • Default Sidebar Position: Chọn vị trí xuất hiện thanh sidebars.
  • Sticky Sidebars: cấu hình cho Sidebars.
  • Add Sidebar: Thêm Sidebars.
  • Custom Sidebars: Tùy chỉnh thanh sidebars.

B6. Footer Settings

Cài đặt phần dưới trang.

  • Footer Elements: Các phần tử trang.
  • Footer Widgets layout: Bố cục cho chân trang.
  • Footer Text One: tùy chọn thêm code.
  • Footer Text Two: tùy chọn thêm code.

B7. Banners Ads Settings

Bên thanh công cụ, các bạn sẽ thấy phần Ads Settings, nhưng khi click chuột vào sẽ thấy tiêu đề của nó là Banners Settings. Phần này sẽ cấu hình quảng cáo trên website của bạn.

Enable Background Image ADS : Cấu hình quảng cáo cho Background Website. Khi người dùng nhấp chuột vào bất cứ chỗ nào trên Background nó sẽ trỏ tới link quảng cáo của bạn.

Từ phần này chúng ta có khá nhiều lựa chọn để chèn quảng cáo vào website. Bạn có thể chèn link hình ảnh và link cần trỏ tới tại phần Image Ad. Gắn ID Google AdSense cho phần Responsive Google AdSense. Chèn Code quảng cáo cho phần Custom Code.

  • Top Banner Area: Hiển thị quảng cáo bên phải Logo trên Header.
  • Bottom Banner Area: Hiển thị bên trên Footer.
  • Below Header Banner Area: Hiển thị dưới Menu.
  • Above Article Banner Area: Hiển thị trên đầu bài biết.
  • Below Article Banner Area: Hiển thị phía dưới bài  viết.
  • Shortcode ADS: Chèn code quảng cáo bạn muốn hiển thị, và bạn có thể cho nó hiển thị bất cứ chỗ nào với Shortcode.

B8. Styling

Cấu hình màu sắc là một trong những vấn đề quan trọng trên website/blog của bạn. Nếu bạn không thực sự rành về màu sắc, hãy sử dụng những tông màu mặc định của theme.

  • Theme Color and Settings: Lựa chọn màu sắc được cấu hình sẵn.
  • Background Type: Chọn màu hoặc hình ảnh Background cho website.
  • Custom Background: Cấu hình Background.
  • Body Styling: Cấu hình màu sắc cho font chữ trên website.
  • Top Navigation Styling: Cấu hình màu sắc cho Top Menu.
  • Header Background: Cấu hình Background cho Header.
  • Breaking News Styling: Cấu hình màu sắc cho Breaking News.
  • Content Styling: Cấu hình màu sắc cho bài viết hoặc trang.
  • Post Styling: Cấu hình màu sắc cho nội dung bài viết.
  • Footer Background: Cấu hình màu sắc hoặc Background cho phần Footer.
  • Custom CSS: Nếu bạn muốn sửa Code CSS trong theme, hãy thêm đoạn code đó vào đây.

B9. Typography

Phần này rất quan trọng, đây là phần cấu hình font chữ trên toàn website, với tiếng Việt mình khuyên bạn nên đổi thành các font chữ thông dụng như : Tahoma, Roboto hoặc Helvetica.

B10. Social Networking

Thêm mạng xã hội của bạn vào website. Nó sẽ hiển thị khi bạn muốn show ra ngoài như trên top menu, footer hoặc widget.

B11. Advanced Settings

Cấu hình nâng cao cho giao diện.

  • Advanced Settings: Tắt chức năng hiển thị mạng xã hội của Theme theo phong cách Arqam Lite, tắt mở chức năng thông báo update theme, tắt chức năng Responsiveness trên di động.
  • WordPress Login page Logo: Đổi logo mặc định của WordPress thành Logo của bạn tại trang đăng nhập.
  • Export và Import: Nếu bạn muốn cấu hình một website nào đó giống như website bạn đang cấu hình. Hãy copy toàn bộ  code lằng nhằng bên trong khung Export và đi đến khung Import trên site cần cấu hình. Dán vào đó > nhấn Save Changes là xong.

Sau cùng, nếu bạn thấy bài viết này hay hãy share nó hay để lại comment đánh dấu răng của bạn lại nhé ☺.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Affiliate Program Get Money from your Website
// cộng lượt xem setPostViews(get_the_ID()); // Hiển thị số lượt xem getPostViews(get_the_ID());