Translate

 

Plugin giúp làm web responsive nhanh hơn

Mục đích của plugin này là giúp người thiết kế web nhanh chóng tao ra website , đáp ứng được mọi chình duyệt, 
Nếu bạn không quen với các khái niệm xung quanh Thiết kế Web Responsive, bạn có thể đọc thêm   ở đây và  ở đây .
 Câu hỏi ở đây là nó làm việc như thế nào:
 Sau khi link file "respond.min.js" các bạn tùy chỉnh trong phần

@media screen and (min-width: 480px){
        ...styles for 480px and up go here
    }/*/mediaquery*/

2.Responsive select menu


Responsive-select-menu

Plugin Responsive Select Menu sẽ tự động bỏ menu dạng bình thường sang menu dạng selectbox/ dropbdown khi người dùng lướt website của bạn bằng các thiết bị với màn hình nhỏ hơn như mobile, ipad… như trên hình mà bạn đang xem

TÍNH NĂNG: 
- Tự động thay đổi menu khi gặp các thiết có màn hình nhỏ hơn
- Dễ dàng sử dụng menu với màn hình cảm ứng
- Làm việc một cách tự động mà không cần phải thêm mã php gì

3.Vertical response newsletter widget

Plugin này đòi hỏi phải có một tài khoản VerticalResponse.  Đăng ký VerticalResponse ngày nay .

Thêm một mẫu đăng ký VerticalResponse để sidebar của bạn mà không cần chạm mã.

Plugin này bao gồm nhiều tùy chọn cấu hình:
  • Tiêu đề widget tùy chỉnh (nếu có sản phẩm nào, cho thấy không có tiêu đề)
  • Xác định Button Text của riêng bạn (Đăng ký, Gửi, Add Me !, Go, vv)
  • Hiện một đoạn giới thiệu và định nghĩa tag gói riêng của bạn (mặc định là một tag đoạn).
  • Chọn từ hai phong cách:
    1. Mặc định VerticalResponse phong cách (màu xám)
    2. Chọn màu sắc của riêng bạn
    3. Không có phong cách (cho việc sử dụng của bạn CSS riêng)
  • Chọn từ ba loại hình:
    1. Full Name, Email, nút Theo dõi
    2. Email, nút Theo dõi
    3. Nút chỉ đăng ký
Các plugin bao gồm một tính năng đầy đủ  [verticalresponse] shortcode. Tìm hiểu làm thế nào để cấu hình các shortcode .

4.Theme Blvd Responsive Google Maps

Làm thế nào để sử dụng

Sau khi kích hoạt các plugin mà bạn có thể sử dụng shortcode [tb_google_map] để hiển thị một bản đồ của Google.
Ví dụ:
[tb_google_map address="6921 Brayton Drive, Anchorage, Alaska"]

Shortcode Parameters

Sau đây là một danh sách của tất cả các thông số, bạn có thể sử dụng trong shortcode.
responsive-web-plugin

  1. address(bắt buộc) Địa chỉ để hiển thị trên bản đồ.
  2. maptype : (tùy chọn) Loại bản đồ - lai, truyền hình vệ tinh, lộ trình, hoặc địa hình.
  3. zoom : (tùy chọn) cấp độ Zoom - sử dụng số 1-19.
  4. html : (tùy chọn) gì để hiển thị trong cửa sổ bật lên, mặc định để giải quyết.
  5. cửa sổ bật lên : (tùy chọn) Hiển thị hoặc ẩn các popup, đúng hay sai.
  6. width : (tùy chọn) Chiều rộng của bản đồ, mặc định là 100%. Ex: 50%, 500px, vv
  7. height : (tùy chọn) Chiều cao của bản đồ, mặc định là 500px. Ex: 50%, 500px, vv
Chèn một  ứng dụng Google Map  với shortcode [tb_google_map], và tất nhien google map này sẽ hiển thị tốt trên các thiết bị với tính năng responsive rồi

5.Riloadr for WordPress


responsive-plugin


Với plugin này thì nó sẽ thực hiện việc tối ưu lại ảnh, kích thước ảnh theo ngữ cảnh để đưa ra kích thước hỉnh ảnh khác nhau với độ phân giải khác nhau trên các thiết bị.  Điều này sẽ giúp cho website của bạn cải thiện được tốc độ load trang, nhất là hiển thị ảnh.

6.WP Resize Me


responsive-plugin


Đây là một plugin đơn giản, Tạo thêm một button thay đổi kích thước ảnh nằm ởi góc dười cùng bên phải của website

7.FitVids for WordPress


responsive-plugin-FitVids-for-WordPress

Đây là plugin rất hay giúp các bạn responsive với video. Plugin này mình đã có viết riêng một bài về cách sử dụng và nhúng nó vào website như thế nào rồi, các bạn có thể xem qua tại đây

8.Plugin responsive


Plugin-responsive

đây là một plugin rất mạnh, nó có thể giúp các bạn chuyển toàn bộ 1 theme dạng bình thường sang theme responsiv. Mình cũng đang đợi chờ bản mới nhất của nó sẽ ra, còn hiện tại thì chúng ta cần phải đợi chờ thêm 1 thời gian nữa để plugin này hoàn thành

Tông kết:  Với 8 plugin kể trên thì mình mong rằng các bạn có thể lựa chọn plugin cho tốt nhất cho việc tối ưu hóa website về dạng responsive của bạn hoặc cũng như mình là tạo ra một theme responsive thật sự chuyên nghiệp, đáp ứng nhu cầu hiển tốt web trên tất cả các thiết bị với màn hình rất khác nhau hiện nay. Nếu có thắc mắc hoặc trao đổi, bổ xung plugin về responsive nào hay thì các bạn hãy comment ở dưới để cùng trao đổi nhé !

Nguồn:   http://thuthuatwordpress.org/8-plugin-tro-giup-lam-website-responsive/



Post a Comment

Blog Archive

chart

 
Top