Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Wordpress » WordPress theme swicher without plugin

WordPress theme swicher without plugin

Thứ Năm, 03/07/2014 by Hoàng Quách

Nội dung

  • 1 Cách 1: Active theme
    • 1.1 Hiểu về switch theme?
  • 2 Cách 1: áp dụng filter pre_option_stylesheet
  • 3 Cách 2: kết hợp các filter hook template.
  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyển đổi theme phù hợp tương thích với từng thiết bị (desktop,mobile,tablet) hay thiết lập sang theme mới (switch new theme) không dùng plugin có 2 cách bạn active sang theme mới hoặc chuyển thư mục theme khác để sử dụng.

Cách 1: Active theme

/*set active theme: thiết lập active sang theme mới*/
switch_theme('nop-ho-so-yellow');		//folder theme

Bạn có thể thao tác trong admin, để thay đổi theme làm tương tự truy cập vào Appearance->themes, chọn theme cần thay đổi và nhấn active.
Ý tưởng switch theme được nhắc đến trong khi bạn thiết kế giao diện theme cho từng loại thiết bị, về kích thước Viewport.
theme mobile viewport - hoangweb.com

Hiểu về switch theme?

Khi duyệt web có một đoạn code nhận dạng về thông tin trình duyệt từ đó xác định thiết bị đang dùng lướt web. Dựa vào đó để cài đặt theme: với hình thức vẫn sử dụng cấu trúc files của theme, nhưng chuyển thư mục là thư mục của theme khác (được chỉ định thay đổi) bởi hàm get_template_directory()

ie: get_template_directory();	#là folder của theme khác

Chú ý: cấu trúc files template của theme cần giống nhau chỉ thay đổi nội dung.
THam khảo 2 cách sau:

Cách 1: áp dụng filter pre_option_stylesheet

//method 1
add_filter( 'pre_option_stylesheet', 'wpse_100854_switch_stylesheet' );
 
function wpse_100854_switch_stylesheet( $false )
{
    if ( empty ( $_GET['theme'] )
        return $false;
 
    $themes = wp_get_themes( array( 'allowed' => true ) );
 
    if ( isset ( $themes[ $_GET['theme'] ] ) )
        return $_GET['theme'];
 
    return $false;
}

Cách 2: kết hợp các filter hook template.

//method 2
add_filter('template', 'serve_default_to_iesix');
add_filter('option_template', 'serve_default_to_iesix');
add_filter('option_stylesheet', 'serve_default_to_iesix');
 
function serve_default_to_iesix($theme) {
    //if(strpos($_SERVER['HTTP_USER_AGENT'], 'MSIE 6') !== false)
        $theme = 'nop-ho-so-yellow';
    return $theme;
}

Để nhận được bài viết mới vui lòng đăng ký kênh kiến thức WordPress từ A-Z ở Form bên dưới. Bạn cũng có thể nhận được sự trợ giúp trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyên mục: Wordpress Tìm kiếm: wordpress Templates

Tôi giúp gì cho bạn?

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.