描述
This simple setup creates a body class called “responsive” and “fixed-width” both are added to the body class of your Theme. These two classes are used to define whether or not the visitor wants a “responsive” environment.
安装
You can either install it automatically from the WordPress admin, or do it manually:
- Unzip the archive and put the
responsive-opt-outfolder into your plugins folder (/wp-content/plugins/). - Activate the plugin from the Plugins menu.
Buttons
So that you have the buttons to switch you will need this html code. They can be added anywhere.
<a href="#" onclick="return FixedWidth();" class="fixed-width-link">Fixed Width</a>
<a href="#" onclick="return Responsive()" class="responsive-link">Reponsive</a>
CSS/Styling
This plugin has no css. So that the buttons display in the correct view the following css need to be added to your theme’s style.css file directly.
.responsive .fixed-width-link {
display: block!important;
}
.responsive .responsive-link {
display: none!important;
}
.fixed-width .fixed-width-link {
display: none!important;
}
.fixed-width .responsive-link {
display: block!important;
}
Add the class “.fixed-width” infront of any styles that you add for a fixed width design and “.responsive” for the responsive design.
评价
此插件暂无评价。
贡献者及开发者
更新日志
0.3
Fix setting cookie
0.2
Fix cookie path
0.1
Initial Release