Linux 软件免费装

在这里免费安装WordPress以及其他软件

Banner图

Probuilder - Visual live CSS editor

开发者 sacredclown
更新时间 2017年7月19日 01:29
PHP版本: 3.0.1 及以上
WordPress版本: 4.8
版权: GPLv2
版权网址: 版权信息

标签

css layout design css editor probuilder live css change style change design edit layout

下载

0.1

详情介绍:

Probuilder is a visual live CSS editor that helps you adapt the design of your website in a super simple way. Just activate Probuilder in the front end, select an element on your site and click on it. An editor with lots of different properties will open. All you need to do now is select or enter the values you would like to apply. Probuilder is both for experienced users as well as people without any coding knowledge. Even if you have no idea about CSS you will be able to adapt your website's design using Probuilder.

安装:

  1. Upload the plugin files to the /wp-content/plugins/probuilder directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the 'Plugins' screen in WordPress
  3. Go to the front end of your website and click on the blue button in the top right corner saying 'Activate Probuilder'.
  4. Once activated you can select an element with your mouse and click on it to open up the editor.
  5. Do changes as you wish and click 'Save Changes' to save your newly created CSS code. To find out more please read our documentation by going to 'Probuilder' in the admin section.

屏幕截图:

  • The simple Probuilder editor, just add a value and the change will be visible to you on your page immediately
  • Using the Pro version of Probuilder you have great features like Autoprefixing, media queries and keyframes.
  • See the generated CSS code and add custom code if you like.

升级注意事项:

Upgrade to Probuilder Pro to get great new features: Using Autoprefixer Probuilder makes sure your CSS code works in every browser. The media query functionality lets you create custom breakpoints and then define certain style changes to only occur on specific screen widths. Many more CSS properties can be used and there is a way to make specific style changes only occur on the current page instead of the whole website.

更新日志:

0.0.1