Can Paçacı

Tagged: css RSS

• 

  admin 00:26 on 12 February 2010 Linki Kopyala | Yorum Yaz
  Etiketler: arkaplan, background (2), css, tema (2), Wordpress (23), wordpress 3.0 (2), 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.

  

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

  

  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.

  

  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.

  Wordpress 3.0 Menü Özelliği « Can Paçacı is discussing. Toggle Comments

   

  Yorum Yaz Cevabı iptal etmek için tıklayın.

  İsim (*)

  E-posta (*)

  Web Site

   
• 

  admin 00:29 on 10 October 2008 Linki Kopyala | Yorum Yaz
  Etiketler: boyut (2), 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 on 06 September 2008 Linki Kopyala | Yorum Yaz
  Etiketler: css, font (2), 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 on 26 August 2008 Linki Kopyala | Yorum Yaz
  Etiketler: atom, başlık, css, eklenti (13), feed, köşe, köşe yazarı, köşe yazarları, rss, son yazılar, Wordpress (23), yazar (3)   

  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″>

  ve

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

  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.

  renkli, and sohbet are discussing. Toggle Comments

   
  • 

    sohbet 23:12 on 17 Ekim 2008 Permalink

    çok sağol aga

  • 

    renkli 13:49 on 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