• 05-09-2010, 04:18:30
    #1
    donanim.net
    Arkadaşlar bir tema yapıyorum fakat yardımınıza ihtiyacım var.


    Yaptığım tema wordpress tema sitesi teması.

    Aradığım ise anasayfada tema resimlerinin altına 2 link vermek buton halinde. (örn : turktema , wptema.org )

    Yani demo download 2 buton sabit koymak ve bunların linklerinide özel alanlar kısmından oluşturup vermek istiyorum. Resim eklerken thumbnail yazdığımız gibi.

    Bunu nasıl yapabiliriz acaba ?
  • 05-09-2010, 04:27:40
    #2
    wptema.org da

    <div class="demo"><a href="http://www.tatil.name.tr/" alt="DEMO" target="blank">DEMO</a></div>



    <div class="download"><a href="http://www.wptema.org/download/6/">İNDİR (316)</a>
    </div>


    Bu kodlar ile yapılmış

    Bunun wordpress kodları ise

    <?php if( get_post_meta($post->ID, "demo_linki", true) ): ?>
    <div class="demo"><a href="<?php echo get_post_meta($post->ID, "demo_linki", true); ?>" alt="DEMO" target="blank">DEMO</a></div>
    <?php endif; ?>


    <?php if( get_post_meta($post->ID, "down_linki", true) ): ?>
    <div class="download"><a href="<?php echo get_post_meta($post->ID, "down_linki", true); ?>" alt="DEMO" target="blank">İNDİR</a></div>
    <?php endif; ?>


    Özel alanlar
    demo_linki ve down_linki Bunları Value(Değerine) kısmına Link Gireceksin sadece

    Birde Bu class lar için css te ayar çekeceksin.
  • 05-09-2010, 04:30:25
    #3
    donanim.net
    Peki bu kodları buton olarak nasıl bağlayacağız , örneğin bir demo download 2 buton yaptım onlara nasıl entegre edebilirim.
  • 05-09-2010, 04:30:59
    #4
    Css ile işte hocam
  • 05-09-2010, 04:31:57
    #5
    donanim.net
    Anladımda css bilgim olmadığından nasıl bir kod koyabiliriz onu demek istedim Örnek bir kod koyabilirseniz üstünden editleyebilirim fakat bilmediğimden pek şuan birşey yapamam sadece bu kodlarla kalır :F
  • 05-09-2010, 04:37:17
    #6
    normalde böyle birşeyi ücretsiz yapmam hocam.

    o sitedekinin aynısı

    Css e bunları koyun

    Alıntı
    .download {margin:2px 25px 0 0;color:#E8A02C;float:right;font-size:12px;text-align:center;font-weight:bold;background-image: url('images/downloadbuton.png');background-repeat:no-repeat;height:28px;width:124px;line-height:28px;}
    .download:hover {margin:2px 25px 0 0;color:#E8A02C;float:right;font-size:12px;text-align:center;font-weight:bold;background-image: url('images/downloadbuton1.png');background-repeat:no-repeat;height:28px;width:124px;line-height:28px;}
    .download a:link{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;text-decoration: none; color: #ffffff;font-size:12px;}
    /* Adds special style to a visited link. */
    .download a:visited, a.visited{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #ffffff; font-size:12px; }
    /* :hover - adds special style to an element when you mouse over it. */
    .download a:hover, a.hover{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #ffffff; font-size:12px; }
    .demo {margin:2px 25px 0 0; color:#E8A02C; float:right; font-size:12px; text-align:center; font-weight:bold; background-image: url('images/demobuton.png'); background-repeat:no-repeat; height:28px; width:79px; line-height:28px; }
    .demo:hover {margin:2px 25px 0 0; color:#E8A02C; float:right; font-size:12px; text-align:center; font-weight:bold; background-image: url('images/demobuton1.png'); background-repeat:no-repeat; height:28px; width:79px; line-height:28px; }
    .demo a:link{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #ffffff; font-size:12px; }
    /* Adds special style to a visited link. */
    .demo a:visited, a.visited{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #ffffff; font-size:12px; }
    /* :hover - adds special style to an element when you mouse over it. */
    .demo a:hover, a.hover{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; color: #ffffff; font-size:12px; }
    ve
    http://www.wptema.org/wp-content/the...loadbuton1.png
    http://www.wptema.org/wp-content/the...nloadbuton.png
    http://www.wptema.org/wp-content/the.../demobuton.png
    http://www.wptema.org/wp-content/the...demobuton1.png

    Bu 4 resimide images klasörünün içine koy hocam
  • 05-09-2010, 04:39:42
    #7
    donanim.net
    Teşekkürler hocam , çok iyime yarayacak sağolun.