CSS cebelleşmeleri

Yazının altındaki Devamını oku , Comments , Kategori , Author kısımlarını CSS ile nasıl yapıp onları PHP'den nasıl çağıracağımızı anlatacam. Aslında Devamını oku , Comments ve Kategori temanın orjinalinde vardı ancak ben oraya yazarın da ismini koymak istedim. İlk başlarda normal HTML kodlarıyla img scr kodlarıyla koymaya çalıştım ancak bu sefer admin yazısı tavanda asılı kaldı. Bir bilene danıştım bu sefer dediği şey. Author önündeki imaj için öncelikle bir span class atamamız gerektiği CSS'den daha sonra da home.php üzerinden bu span class'ı okutmamız gerekli dedi.. Şimdi kodlarla biraz daha açıklayıcı olmak istiyorum ..

Öncelikle CSS kodlarına bu parçayı eklememiz gerekmektedir.

.adamkafasi { padding: 0 20px 1px 20px; background: url(resim urlsi buraya gelecek) no-repeat top left; }

daha sonra home.php veya index.php 'den önceki devamını oku , kategori ve comment kısmının arkasına koyacağımız kod ise ..

<span class="adamkafasi"><a href="<?php echo get_category_link($cat->cat_ID);?>"><?php the_author_posts_link(); ?></a></span>

Burdaki bizim belirlediğimiz imajın oraya gideceğini belirliyor. Yani HTML'de biz bu style'ı okutuyoruz. Burdan ne çıkarıyoruz sizce?
Yani bundan sonra herhangi bir şeyin önüne getirirsek orda bizim iconumuz çıkacak. Böyle bir sorundu ve çözdük..

0 yorum: