Her WordPress Teması İçin Gerekebilecek CSS Kodları

Sıfırdan tema yazanlar için gerekli olan bu kodlar varsayılan olarak default temaların içinde gelse de bazen temaları yaparken gözden kaçırıyoruz. Özellikle Konu içi resim sağ-sol-ortalama gibi kodları unutuyoruz.

Konu İçi Resim Ayarları ve Optimizasyonları İçin :css Her Wordpress Teması İçin Gerekebilecek CSS Kodları

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
max-width: 100%; /* When images are too wide for containing element, force them to fit. */
height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 14px;
margin-top: 4px;
}
.alignright,
img.alignright .noalignment img.noalignment{
display: inline;
float: right;
margin-left: 14px;
margin-top: 4px;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 12px;
}
Yazı Elementleri :

dl {
margin: 0 0 24px 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 18px;
}
strong {
font-weight: bold;
}
cite,
em,
i {
font-style: italic;
}
big {
font-size: 131.25%;
}
ins {
background: #ffc;
text-decoration: none;
}
blockquote {
font-style: italic;
padding: 0 10px 0 10px;
border-left-style: dashed;
border-left-width: 3px;
border-left-color: #CCCCCC;
margin-left: 10px;
font-size: 11px;
}
blockquote cite,
blockquote em,
blockquote i {
font-style: normal;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 21px;
margin-bottom: 18px;
padding: 1.5em;
font-size: 12px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
sup,
sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
Yazı

Elementlerini temanızın tasarımına göre düzeltebilirsiniz..

Bu kodlar reset.css tarzı tüm tasarım fonksiyonlarının sıfırlanmasının ardından gereken kodlardır.