WordPress galeri hk.

16-03-2015, 02:45:01

Üyeliği durduruldu

Merhaba arkadaşlar,

WP de galeri oluşturuyorum her şey ok fakat galeri oluşturduğumda yazıda bütün resimleri gösteriyor sadece ilk resime gösterse tıkladığımız da galeri açılsa ?

http://sosyalmedya.co/apple-store-ilk-goruntuler/

Şuradaki gibi nasıl ayarlarız?

16-03-2015, 02:54:37

#2

~~DNSZ~~

Üyeliği durduruldu

Daha önce sitemde şöyle birşey yapmıştım;

canlı görüntüle: http://bit.ly/1Eibfoy

Bunu şöyle yapabilirsin:

temanın functions.php kodunun en altına şunu ekle;

function galeriresim_function($atts, $content = null) {
   extract(shortcode_atts(array(
      "bslk" => '',
      "links" => '',
	  "rsm1" => '',
	  "rsm2" => '',
	  "rsm3" => '',
      "src" => '<br/><br/><br/>'
   ), $atts));
   return '
   <style type="text/css">
.galeri{
width: 540px;
margin: -20px;
padding-top: 20px;
}
.galeriimg2 img{
  width:265px;
  height:100px;
  float:left;
}
.galeriimg2alt img{
  width:265px;
  height:100px;
  margin-left:10px;
}
.galerititle{
  position:absolute;
  margin-top:250px;
  color:#fff;
  background-color:#000;
  padding:5px;
  margin-left:10px;
}
.altgaleriler{
	padding-top: 3px;
}
</style>

<div class="galeri">
	<a href="'.$links.'">  
	  <div class="galeriimg1">
	    <div class="galerititle">'.$bslk.' Galerisi</div>
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm1.'&w=540&h=300&q=100">
	  </div>
	  <div class="altgaleriler">
	  <div class="galeriimg2">
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm2.'&w=265&h=100&a=c&q=100">
	  </div>
	    <div class="galeriimg2alt">
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm3.'&w=265&h=100&a=c&q=100">
	  </div>
	  </div>
	</a>
</div><br/><br/>';
}
add_shortcode("galeriresim", "galeriresim_function");

Kodu yazı içinde shortcode olarak şöyle çalıştırıyorum;

[galeriresim bslk="GALERİ BAŞLIĞI" links="GALERİ URLSİ" rsm1="GALERI_1_RESMI.jpg" rsm2="GALERI_2_RESMI.jpg" rsm3="GALERI_3_RESMI.jpg" src=""]

Biraz kafakarıştırıcı gelebilir ama düz mantık vakit kurtarır mantığıyla bunu yapmıştım zamanında

16-03-2015, 10:27:41

#3

~~weStarz~~

Üyeliği durduruldu

DNSZ adlı üyeden alıntı: mesajı görüntüle

Daha önce sitemde şöyle birşey yapmıştım;

canlı görüntüle: http://bit.ly/1Eibfoy

Bunu şöyle yapabilirsin:

temanın functions.php kodunun en altına şunu ekle;

function galeriresim_function($atts, $content = null) {
   extract(shortcode_atts(array(
      "bslk" => '',
      "links" => '',
	  "rsm1" => '',
	  "rsm2" => '',
	  "rsm3" => '',
      "src" => '<br/><br/><br/>'
   ), $atts));
   return '
   <style type="text/css">
.galeri{
width: 540px;
margin: -20px;
padding-top: 20px;
}
.galeriimg2 img{
  width:265px;
  height:100px;
  float:left;
}
.galeriimg2alt img{
  width:265px;
  height:100px;
  margin-left:10px;
}
.galerititle{
  position:absolute;
  margin-top:250px;
  color:#fff;
  background-color:#000;
  padding:5px;
  margin-left:10px;
}
.altgaleriler{
	padding-top: 3px;
}
</style>

<div class="galeri">
	<a href="'.$links.'">  
	  <div class="galeriimg1">
	    <div class="galerititle">'.$bslk.' Galerisi</div>
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm1.'&w=540&h=300&q=100">
	  </div>
	  <div class="altgaleriler">
	  <div class="galeriimg2">
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm2.'&w=265&h=100&a=c&q=100">
	  </div>
	    <div class="galeriimg2alt">
	    <img src="http://site.com/wp-content/plugins/userpro/lib/timthumb.php?src='.$rsm3.'&w=265&h=100&a=c&q=100">
	  </div>
	  </div>
	</a>
</div><br/><br/>';
}
add_shortcode("galeriresim", "galeriresim_function");

Kodu yazı içinde shortcode olarak şöyle çalıştırıyorum;

[galeriresim bslk="GALERİ BAŞLIĞI" links="GALERİ URLSİ" rsm1="GALERI_1_RESMI.jpg" rsm2="GALERI_2_RESMI.jpg" rsm3="GALERI_3_RESMI.jpg" src=""]

Biraz kafakarıştırıcı gelebilir ama düz mantık vakit kurtarır mantığıyla bunu yapmıştım zamanında

İnan on numara yapmışsın allah razı olsun ben kurcalıyım yapıyım bari

eyv sorun yok hallederim