Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

CSS to Wordpress Önizleme Resmi Nasıl Boyutlandırılır?

 8 Mesajlar 799 Okunma
acebozum
tr.link

#1
zxyxyz zxyxyz WM Aracı Kullanıcı
  • Üyelik 25.09.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad B** Ö**
  • Mesajlar 149
  • Beğeniler 52 / 8
  • Ticaret 0, (%0)
Arkadaşlar, ilk kez site tasarımı yapıyorum. HTML şablonu oluşturdum ve wordpresse entegre etmeye çalışıyorum. Bunu yaparken İsmail Bayram'ın youtubetaki derslerini takip ediyorum fakat yaşadığım bazı sorunlar var.

Ana sayfada önizleme resimlerini çektiğim resimlerde 2 farklı boyut var. Yani kategorilere göre listelediğim son yazıların resim boyutları 106x80 iken, son yazıları karışık olarak eklediğim resim boyutları 196x147... Fakat ben function.php'deki değerleri değiştirerek yalnızca birine göre boyutlandırabiliyorum.. 106x80 yaparsam 196x147 olan kısım da 106x80 oluyor. CSS'le veya ile değiştiremiyorum. Ne yapmam gerekiyor?

Functin.php kodları:

//Öne Çıkarılmış Görsel Başlangıç
add_theme_support('post-thumbnails');
add_theme_support ('post-thumbnails', array('post'));
add_theme_support ('post-thumbnails', array('page'));
set_post_thumbnail_size (106,80, true);
add_image_size('single-post-thumbnail', 106, 80);
//Öne Çıkarılmış Görsel Son

İndex.php kodları:

elseif ( $thumbnail= get_post_meta($post->ID, 'resim', true)){ ?>

<?php the_title(); ?>
 

 

elektronikssl
webimgo

#2
Hadsbecs Hadsbecs Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.05.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Kars
  • Ad Soyad E** Ö**
  • Mesajlar 169
  • Beğeniler 19 / 20
  • Ticaret 0, (%0)
bunu style.css'ye ekle
.onecikarilmis {width:196px;height:147px;}

index.php'deki yeride böyle değiştir olması lazım

<?php the_title(); ?>
 

 

#3
zxyxyz zxyxyz WM Aracı Kullanıcı
  • Üyelik 25.09.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad B** Ö**
  • Mesajlar 149
  • Beğeniler 52 / 8
  • Ticaret 0, (%0)

Hadsbecs adlı üyeden alıntı

bunu style.css'ye ekle
.onecikarilmis {width:196px;height:147px;}

index.php'deki yeride böyle değiştir olması lazım

<?php the_title(); ?>


Olmuyor maalesef. Hatta bu şekilde görüntü bayağı kayıyor.
 

 

#4
Hadsbecs Hadsbecs Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 24.05.2015
  • Yaş/Cinsiyet 26 / E
  • Meslek Öğrenci
  • Konum Kars
  • Ad Soyad E** Ö**
  • Mesajlar 169
  • Beğeniler 19 / 20
  • Ticaret 0, (%0)
site adresinizi verirseniz halledebilirim sanırım
 

 

wmaraci
wmaraci

#5
zxyxyz zxyxyz WM Aracı Kullanıcı
  • Üyelik 25.09.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad B** Ö**
  • Mesajlar 149
  • Beğeniler 52 / 8
  • Ticaret 0, (%0)

Hadsbecs adlı üyeden alıntı

site adresinizi verirseniz halledebilirim sanırım


Localhostta çalışıyorum şu an. Ama sorun şu ki 'ye hiçbir şekilde stil atayamıyorum. Normalde idi. Fakat sayfayı yenileyip firefoxun firebug eklentisinde kontrol ettiğim zaman şeklinde oluyordu ve benim yazdığım css kodları etki etmiyordu. Ben de div'in içine alarak margin değerleri verdim ve o sorunu bu şekilde çözdüm. Ama boyut problemini hala çözebilmiş değilim.

Not: style.css'te 'attachment-post-thumbnail' ve 'wp-post-image' diye bir class yok.





elseif ( $thumbnail= get_post_meta($post->ID, 'resim', true)){ ?>

<?php the_title(); ?>


 

 

#6
FenderStrat FenderStrat Cogito, Ergo Sum Kullanıcı
  • Üyelik 19.12.2014
  • Yaş/Cinsiyet 33 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad A** A**
  • Mesajlar 117
  • Beğeniler 10 / 40
  • Ticaret 1, (%100)
Verdiğiniz kod örneğine bakılırsa siz sayfada öne çıkarılan görsel varsa onu ekrana basıyorsunuz yok ise "resim" adlı özel alandaki linki $thumbnail adlı değişkene atıyorsunuz.

direk aşağıdaki kodu kullanarak öne çıkarılan görselin URL'sini etiketi içinde kullanabilir ve CSS ile class verebilirsiniz verdiğiniz class'ı boyutlandırdığınızda resim de boyutlanmış olacaktır..








Bu kodda eğer sayfaya eklenmiş bir öne çıkarılmış görsel var ise bunu ekrana img içinde yazdırıyorsunuz. isterseniz class vereblir isterseniz inline css ile dilediğiniz şekillendirmeyi yapabilirsiniz.
 

 

#7
zxyxyz zxyxyz WM Aracı Kullanıcı
  • Üyelik 25.09.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad B** Ö**
  • Mesajlar 149
  • Beğeniler 52 / 8
  • Ticaret 0, (%0)

FenderStrat adlı üyeden alıntı

Bu kodda eğer sayfaya eklenmiş bir öne çıkarılmış görsel var ise bunu ekrana img içinde yazdırıyorsunuz. isterseniz class vereblir isterseniz inline css ile dilediğiniz şekillendirmeyi yapabilirsiniz.


Cevap için çok teşekkür ederim. Söylediğiniz gibi hallettim. Fakat merak ettiğim bir iki şey var.

1. Sizin verdiğiniz kodu kullandığım için function.php'deki kodları değiştirmem veya fazla olan kodları silmem gerekir mi?

2. "alt" parametresini boş bırakmışsınız. "title" da ise sanırım resmin değil yazının başlığı var. Bu durumda wordpresste resim eklerken benim yazdığım açıklamalar, başlıklar vs. gözükmeyecek mi? Bu durum SEO için kötü olmaz mı?
 

 

#8
FenderStrat FenderStrat Cogito, Ergo Sum Kullanıcı
  • Üyelik 19.12.2014
  • Yaş/Cinsiyet 33 / E
  • Meslek -
  • Konum Ankara
  • Ad Soyad A** A**
  • Mesajlar 117
  • Beğeniler 10 / 40
  • Ticaret 1, (%100)
Functions.php'deki kodlarda değişiklik yapmanıza gerek yok. Alt parametresine yazarak yazı başlığını getirebilirsiniz. Bu durumda tabi sizin eklediğiniz başlık ve açıklamalar görünmeyecektir.
İmaj seo hakkında bilgim yok açıkcası o konuda pek birşey diyemeyeceğim :)
 

 

Booking System PRO hk.
Temada Gizli Kod mu Var?
wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al