css kısmını aldıysanız div kısmınıda manuel yapacaksınız zaten.functions dosyasında bununla ilgili sadece shortcode kısmı var bahsettiğim manuel kısmını kolaylaştıran.
CSS'den aldığım kod
.sari{text-align:center;width:610px;background:#f9edbe;border:1px solid #f0c36d;padding:5px;margin:5px 10px 5px 0;display:inline-block;color:#9b6600;font-weight:bold;}
.kirmizi{text-align:center;width:610px;background:#d12e29;border:1px solid #d10600;padding:5px;margin:5px 10px 5px 0;display:inline-block;color:#670502;font-weight:bold;}
.mavi{text-align:center;width:610px;background:#8eafd0;border:1px solid #3f74aa;padding:5px;margin:5px 10px 5px 0;display:inline-block;color:#002244;font-weight:bold;}
.gri{text-align:center;width:610px;background:#393939;border:1px solid #000;padding:5px;margin:5px 10px 5px 0;display:inline-block;color:#eaeaea;font-weight:bold;}
.mavibuton a, .saributon a, .kirmizibuton a, .yesilbuton a{border-radius:3px 3px 3px 3px;font-weight:bold;display:inline-block;padding:5px 10px;margin:5px 2px;}
.mavibuton a{background:#0099FF;color:#002244;border:1px solid #3f74aa;}
.saributon a{background:#f9edbe;color:#9b6600;border:1px solid #f0c36d;}
.kirmizibuton a{background:#d12e29;color:#670502;border:1px solid #d10600;}
.yesilbuton a{background:#009933;color:#002d11;border:1px solid #01c341;}
.yesilbuton a:hover, .kirmizibuton a:hover, .mavibuton a:hover, .saributon a:hover{background:#333;color:#fff;border:1px solid #000;text-decoration:none;}Metin Editörüne eklediğim kod
Alıntı
<span class="sari">Deneme yazı</span>
<span class="kirmizi"><a href="http://www.deneme.com" title="Deneme bağlantı">Deneme bağlantı</a></span>
Fakat sonuç olumsuz nerede eksik yapıyorum ?