WordPress WYSIWYG editor formázása

Nem tudom ki hogy van vele, de ha már egy CMS esetében az admin felületen WYSIWYG szerkesztő felületet használok, akkor szeretem a bejegyzés megírásakor olyan formázással látni a szöveget, ahogy az a lapon is meg fog jelenni.

A wordpress admin felületén alapértelmezetten a TinyMCE editor működik, amiben a szöveg a blogom esetében igencsak elüt a ténylegesen megjelenő szövegtől.

Szóval megoldást azt jelent, ha a TinyMCE CSS fájljába felvesszük azokat a plusz formázásokat, melyeket egyébként használunk a blogon.

Keresd meg FTP-n (vagy a blog sablonszerkesztőjében) az alábbi fájlt:

/wp-includes/js/tinymce/plugins/wordpress/wordpress.css

és ebbe tedd be azokat a formázásokat, melyeket a blogon használsz. Én az alábbiakat tettem be pluszba a CSS-be:

body {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial;
  color: #505050;
  line-height: 18px;
  }
 
h2, h3 {
  font-size: 18px;
  font-family: 'trebuchet MS', Verdana, Tahoma, Arial;
  font-weight: bold;
  color: #000000;
  line-height:20px;
  }
  h3 {
    line-height:30px;
    }
 
strong, b {
  color: #000000;
  }
 
blockquote {
  margin-left: 0px;
  padding-left: 10px;
  border-left: 1px solid #C6C6C6;
  }

Mentés után az eredmény azonnal látszódik, innentől kezdve a blogbejegyzés írása közben is már azt a kinézetet kapjuk, amit mentés után a látogatók fognak látni.