codeART

A Wordpress előző verziói a bejegyzés szerkesztőben (TinyMCE) alapértelmezett stílusokat használtak pl. (Georgia fontot) amiket nem igazán lehetett módosítani. Ez összezavarhatta a felhasználót, mivel nem pontosan azt látta az oldalon amit ő meghatározott, megformázott az admin felületen.
Az új 3.0-ás verzióban ezen könnyen segíthetünk, lássuk is hogyan.

Cikkünk a hirdetés után folytatódik!

Az editor_style funkció

Először is engedélyeznünk kell a funkciót a functions.php fájlban. Adjuk hozzá a következő sort.

1

add_editor_style();

Tulajdonképpen ez a funkció megkeresi az editor-style.css stíluslapot a sablonunk gyökérkönyvtárában és alkalmazza a benne található formázásokat a bejegyzés szerkesztőnkre. A mi feladatunk annyi, hogy létrehozzuk ezt a stíluslapot és a style.css-ből átmásoljuk a postunkra vonatkozó beállításokat.

Példaként megmutatom az alapértelmezett Wordpress 3.0 sablon (TwentyTen) erre vonatkozó részét:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

html .mceContentBody { max-width:640px; }
 
* { font-family: Georgia, "Bitstream Charter", serif; color: #444; line-height: 1.5; }
 
a:link { color:#0066cc; }
a:visited { color:#743399; }
a:active, a:hover { color: #FF4B33;}
 
p { margin-bottom: 18px; }
ul { list-style: square; margin: 0 0 18px 1.5em; }
ol { list-style: decimal; margin: 0 0 18px 1.5em; }
ul ol, ol ul { margin-bottom:0;}
 
strong, b { font-weight: bold; }
cite, em, i { font-style: italic; border: none; }
 
blockquote { font-style: italic; padding: 0 3em; }
pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; }

Persze egyedi sablon esetén ezek a beállítások eltérőek lehetnek, úgyhogy figyeljünk oda erre. Segítségképpen szeretném ajánlani a Firebug nevű, Firefox beépülő plugint, mely sokat segít a css osztályok meghatározásában.

Zárszó

Remélhetőleg, jól fog jönni sokaknak az fönti kis tipp és sok kellemetlenségtől óvhatjuk meg magunkat. Nekem legalábbis nagy hasznomra fog válni, mivel az ügyfelek azt látják weboldalukon, amit az admin felületen elképzeltek.

Szerző: codee47

A nevem Szalai Gergő, foglalkozásom webdesigner és Debrecenben dolgozom egy marketing ügynökségnél. Ha jobban meg szeretnéd ismerni életem online részét, látogass el weboldalamra, vagy használd a következő közösségi siteokat. Facebook | Twitter

Oszd meg:

• Delicious
• Digg
• Facebook
• Google Bookmarks
• Twitter

CSS, Tippek, Wordpress