Live CSS Preview

وەسف

This plugin adds a textarea to the Customize page that allows theme editors to write, preview, and implement CSS code in real time.
It also includes a frontend CSS editor window with live preview capability.

دامەزراندن

  1. Upload the live-css-preview folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

پهد

Will the CSS be applied to my live site if I hit “Save & Publish”?

Yes. Your changes are saved to the database and applied immediately to the frontend.

Will the Live CSS Preview allow me to write @media queries?

Absolutely — this is one of its primary features.

My CSS doesn’t seem to apply. How can I override the theme’s CSS?

The plugin adds a livecss class to the <body> element.
Use it to increase specificity when needed:

body.livecss { background-color: red; }

2.1.6

whitespace error removed which may conflict with other plugins

پێداچوونەوەکان

هیچ پێداچوونەوەیەک نەنووسراوە بۆ ئەم پێوەکراوە.

بەشداربووان و گەشەپێدەران

“Live CSS Preview” نەرمەواڵەیەکی سەرچاوە کراوەیە. ئەم کەسانەی خوارەوە بەشدارییان تێدا کردووە.

بەشداربووان

“Live CSS Preview” وەربگێڕە بۆ زمانەکەی خۆت.

دەتەوێت بەشداربیت لە گەشەپێدان؟

گەڕان لە کۆدەکەدا بکە، سەیری تەمارگەی (SVN) بکە، یان بەشداربە لە ڕووداوتۆماری گەشەپێدان لە ڕێگەی (RSS).