Etiketler:css Yorumları Göster/Gizle | Klavye Kısayolları

  • admin 16:00 - 01 February 2011 Permalink | Cevapla
    Etiketler: adsense uyumlu wordpress teması, adsense wordpress teması, adsenseo, adsenseo wordpress teması, css, psd to wp, seo uyumlu wordpress teması, seo wordpress teması, , wordpress temaları, , xhtml   

    Adsenseo Teknoloji Teması 

    Uzun zamandan beri istediğim birşeydi kendime ait WordPress temaları yapmak. Şimdiye kadar çalıştığım bütün çalışma arkadaşlarımla da bu konuyu konuşmamıza rağmen, kimse elini taşın altına sokamamış, hazır iş alıp teslim etmektense yeni tema yaratım sürecine kimse cesaret edememişti. Zaten bu kişilerle de uzun süre çalışamadık. Yanımda çalışacak kişinin hayalleri olmalı, bazı riskleri göze almalıydı. Ne yazıkki böyle birini bulamamış olmaktan yakınırken Bülent Sakarya uzun zamandan beri ilettiğim çalışma teklifimi sonunda değerlendirdi ve 3 Ocak 2011 yani yeni yılın ilk iş gününde birlikte çalışmaya başlamıştık. 16pixel olarak bu güne kadar bir çok WordPress teması yaptık, gerek kendi proje sitelerimize, gerek müşterilerimize, gerekse de bize bir A4 kağıdının üzerine taslağını çizerek gelen kişilere hep kaliteli işler sunduk. Ama dediğim gibi hep kendi imzamızı taşıyan bir WordPress teması üretip, bunu ücretli ya da ücretsiz olarak hayata geçirmek istiyordum. Bu süreç Bülent Sakarya ile hızlandı ve zaten hali hazırda ürettiğimiz WordPress temalarında da kalitemiz gözle görünür derecede artarken, işlerden vakit bulduğumuz bir gün kendi temamızı yapmak için kolları sıvadık. 14 Ocak 2011 tarihinde Bülent bir A4 kağıdına basit karalamalarla hayal ettiği bir temayı çizdi, ben de bunun üzerinden Photoshopta temayı çizmeye başlamıştım. Az çok sağı solu, rengi belli olmaya başlamışken temaya vereceğimiz isimi düşünüyordum. Son zamanlarda Adsense Uyumlu WordPress Temaları ve Seo Uyumlu WordPress Temalarına çok rağbet varken logo olarak Adsenseo yazdım, domaine bakmadım bile kesin doludur diye. Çalışmanın yarısına geldiğim zaman mola verdim ve ne olur ne olmaz diye domaini kontrol etmek istedim. Eğer bu konuda üretim yapan biri varsa en azından adı değiştirecektim, hala dolu olduğunu tahmin ediyordum.
    (Devamı …)

     
    • Halit Altunterim 16:09 - 01 Şubat 2011 Permalink

      Öncelikle ben teşekkür ederim. Vesile olduğum için, -ya da olduysam, olduğum kadarı ile- ne mutlu bana :) İlk çalışmanın da bu şekilde ücretsiz ve güzel olması da ayrıca önemli bir durum. Hayırlı uğurlu olsun.. Devamı da gelsin.. Emeğinize sağlık, başarılar.

    • ayşe hatun 05:33 - 02 Haziran 2012 Permalink

      merhaba sitemde tabs sorunu yaşıyorum yardım edermisiniz

    • yeni fikirler 19:14 - 01 Ağustos 2012 Permalink

      hocam kategori sorunu yaşıyorum.kategori ekleniyor yazıda ekleniyor ama kategorilere tıkladığımda içi boş gözüküyor? Ne yapmam lazım??? Acil yardım lütfen

    • DagLi 20:04 - 17 Ekim 2012 Permalink

      Kardes yüregine saglik bugüne kadar gördügüm en güzel temalardan biri ve sitelerime genelde bu temayi kullaniyorum .) yüreginize saglik birde su sorun var acaba eklentimi eksik bilmiyorum ama tüm kategoruleri mansette kullanmak istedigimde konulari göstermiyor ana sayfada yardimci olursaniz sevinirim tesekkürler

  • admin 00:26 - 12 February 2010 Permalink | Cevapla
    Etiketler: arkaplan, , css, , , , yeni özellik   

    WordPress 3.0 Tema Özelliği 

    WordPress 3.0 ‘da karşımıza çıkıcak güzel bir bölüm daha var. Twitter, Friendfeed, Formspring.me gibi son zamanların popüler sitelerinde bildiğiniz üzere profil sayfalarımızda arka planı kendimiz seçebiliyorduk. Şimdi WordPress 3.0 ‘ da bu tema özelliği eklenecek.

    wordpress 3.0

    Bilgisayardan seçtiğimiz bir görseli ya da fotoğrafı seçtikten sonra yüklüyoruz.

    wordpress 3.0

    Ve her yere yayılsın yoksa ortada tek tekrar olsun, arkaplanı sil, ilk ayara dön gibi seçenekleri de ayarladıktan sonra blogumuzun arka planı ortaya çıkacak.

    wordpress 3.0

    Bu hamle ile wordpress bir kez daha kodlarla uğraşmak istemeyenleri ve bilmeyenleri sevindirmiş oluyor. Tabii ki bu sistem bana göre şimdiye kadar yapılmış temalarda geçerli olmayacak sadece wordpress 3.0 yükledikten sonra güncellenecek olan default temada gerçekleştirilebilecek. Mevcut temalara ise bu arka plan yapısını bu yolla değiştirebilecek kodu eklememiz gerekebilir, sonuçta temamızın css dosyasında bir adet arka plan görseli ya da rengi tanımlıysa bu özellik sonuç vermeyecektir. Tabii o zamana kadar kim öle kim kala, her yeni versiyonla neler değişiyor, ekleniyor, çıkartılıyor, bu yapı için de tema yaparken bu özelliğin kodunu da ekleriz artık.

     
  • admin 00:29 - 10 October 2008 Permalink | Cevapla
    Etiketler: , css, css dosyası, değer, ftp, kb, mb, optimizasyon, style.css   

    Css Optimizasyon 

    Css kodlarımızı optimize etmek için size bu cleancss.com ‘u tavsiye ediyorum. Bu sitede css dosyanızın yolunu belirterek ya da css dosyanızı kopyalayarak optimize etmesini bekliyorsunuz. Çok kısa süre içerisinde cevap bulan site size yeni css kodlarını veriyor ve ne kadar alandan tasarruf ettiğinizi de söylüyor.

    Sizin de başınıza geldi mi bilmiyorum ama kodları başka bilgisayarlarda başka başka zengin metin editörlerinde açmak kodlar arasında boş satırlar açılmasına sebep oluyor. Bu da dosya boyutunun artmasına, tarayıcının kod okuma süresinin uzamasına, düzenleyen editörün görsel kod satırları alışkanlığına aykırı geliyor…v.s

    Clean css ise bu boşluklardan tutun 1.0em olarak yazdığınız bir ölçüdeki nokta ile sıfır ‘ı bile kaldırarak tasaruuf sağlıyor. Renk olarak 6 tane f değeri verdiğimizde bunu 3 tane f değeri ile de halledebileceğimizi belirtiyor ve bu işlemin ne kadar avantaj sağladığını da yazıyor.

    Sistemin en çok ilgi çeken kısmı basit olması ve hangi kodları nasıl düzelteceğimizi göstermesine karşın tüm css dosyamızı yeni haliyle vermesidir. Bunu kopyalayarak eski css dosyamızı silip yapıştırdığımızda tekrar ftp’den gönderiyoruz ve optimize ettiğimiz css dosyamızın lüksünü yaşıyoruz.

     
  • admin 22:28 - 06 September 2008 Permalink | Cevapla
    Etiketler: css, , yazı tipi   

    Css Fontlar 

    Site yapımında hangi yazı tipini kullanacağıma karar vermekte zorlanan bir kişi olarak bildirgec ‘teki bildiri sonucu öğrendiğim typechart sitesini sizlerle paylaşmak istedim.

     
  • admin 14:36 - 26 August 2008 Permalink | Cevapla
    Etiketler: atom, başlık, css, , feed, köşe, köşe yazarı, köşe yazarları, rss, son yazılar, ,   

    WordPress Köşe Yazarları 

    Uzun zamandan beri basketligi.com sitesi için köşe yazarları gibi bir yer yapmaya çalışıyordum. Onlarca kod, onlarca eklenti denedim. Ama mutlaka ya tarayıcı farklarından kaynaklanan ya da WordPress sürümlerinden kaynaklanan sorunlarla karşılaştım. WordPress Codex sağolsun bana bir kaç bilgisini esirgemedi iki satır da CSS yazarak basketligi.com‘da en altta gördüğünüz gibi bir köşe yazarları sistemi oluşturdum.

    WordPress Köşe Yazarları bölümü hazırlamak için işte yapmanız gerekenler:

    Adım 1) Biraz sonra vereceğim kod satırını eklediğiniz yerde tek kişinin fotoğrafını ve son 3 yazısını basmaya başlar. Örnek sitede index.php ‘de pagenavi eklentisinin kodundan hemen sonra başlatılmıştır.

    <a href="http://www.basketligi.com/?feed=rss2&author=2"><img src="<?php bloginfo('stylesheet_directory'); ?>/yazarlar/ismail.jpg" alt="Ismail Biçermen"/></a>
    <div class="yazar01"><h2><?php _e('Ismail Biçermen'); ?></h2>
    <?php // Get RSS Feed(s)
    include_once(ABSPATH . WPINC . '/rss.php');
    $rss = fetch_rss('http://www.basketligi.com/?feed=rss2&author=2');
    $maxitems = 3;
    $items = array_slice($rss->items, 0, $maxitems);
    ?>
    <?php if (empty($items)) echo '<li>Yazısı Yok</li>';
    else
    foreach ( $items as $item ) : ?>
    <li><a href='<?php echo $item['link']; ?>'
    title='<?php echo $item['title']; ?>'>
    <?php echo $item['title']; ?>
    </a></li>
    <?php endforeach; ?>
    </div>

    Bu kodu geliştirmek isterseniz işte bilmeniz gerekenler:

    Maksimum yazı başlığı sayısı 3 olarak yazılmıştır. Düzenlemek için

    $maxitems = 3;

    satırını kullanınız. Hangi yazarın yazılarını yayınlayacaksanız ilk satırdaki

    <a href=”http://www.basketligi.com/?feed=rss2&author=2″&gt;

    ve

    $rss = fetch_rss(‘http://www.basketligi.com/?feed=rss2&author=2&#8217;);

    satırındaki =2 rakamı yazar ID ‘sini bildirir. Hangi yazarın yazısını çekecekseniz o yazarın ID ‘sini yazın.

    Fotoğrafı değiştirmek için:

    bloginfo(‘stylesheet_directory’); ?>/yazarlar/ismail.jpg”

    satırını kullanın. Tema dosyanızın içerisine “yazarlar” isminde bir klasör atın ve yazar fotoğraflarını buradan çekin.

    Adım 2) style.css dosyanızın içine bu kodları ekleyin:

    .yazar { background: #FFF ; border-top: solid 1px #ffffff; padding: 10px 20px 40px 5px; margin-top:-115px; margin-left:115px; }
    .yazar h2 { color: #FFF; background:url(images/yazarka.jpg) no-repeat; font-size: 32px; font-weight: bold; line-height: 42px; margin: 0 0 15px 0; }

    Bu kodu geliştirmek isterseniz işte bilmeniz gerekenler:

    Div aralığının arka plan rengini background belirler. Div’in duracağı yer buradan belirlenir.

    .yazar h2 satırı ise yazar adının başlığını şekillendirir. Font büyüklüğü, rengi ve durduğu yer buradan düzenlenebilir.

    background:url(images/yazarka.jpg) ise arka fondaki imajımızdır. Örnek sitede mavi buton şeklindedir. İmajı buradan indirebilirsiniz.

     
    • sohbet 23:12 - 17 Ekim 2008 Permalink

      çok sağol aga

    • renkli 13:49 - 08 Haziran 2009 Permalink

      çok sağolun ben üstteki kodu düzenleyip kullandım. fakat, köşe yazarlarının eski yazıları nerde olacak? misal altta veya yanda eski yazıları olsa fena olmaz mı? bir de yazıyı yayınlayınca ana sayfada da haber gibi çıkıyor. benim bu konuda çok blgim yok. yardımcı olursanız sevinirim.
      sondaki stil kodlarını kullnmasak olur mu

    • Adnan 22:25 - 27 Ocak 2011 Permalink

      Merhabalar.

      En üstteki kodu nereye yapıştıracağımı anlayamadım.

      Yardımlarınız için çok teşekkürler…

    • at yarışı tahminleri 21:05 - 14 Mart 2014 Permalink

      Merhabalar,

      Verdiğiniz bilgiler için çok ama çok teşekkürler değerli admin!

c
Compose new post
j
Next post/Next comment
k
Previous post/Previous comment
r
Cevapla
e
Düzenle
o
Show/Hide comments
t
Go to top
l
Go to login
h
Show/Hide help
shift + esc
İptal