WordPress etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
WordPress etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

6 Mart 2017 Pazartesi

InnoDB & MyISAM Çevirmek

WordPress kullanıcıları için hazırlanmış PhpMyAdmin motorlarını değiştirmek.
Bazı durumlarda MyISAM, InnoDBye göre daha avantajlı ve performanslıdır. Örneğin çok fazla kayıt içermeyen ve devamlı INSERT yada UPDATE kullanmayan tablolar myISAM da daha performanslı çalışacaktır.

Bu durumda da InnoDB tablo yapısını MyISAM’a dönüştürmek istediğinizde aşağıdaki işlemleri yapmanız yeterli olacaktır..

PhpMyAdmin'den veritabanını seçin ve sol üst köşeden SQL sorgu kutusuna orjinal wordpress tabloları yapıştırın ve sorgulayın.

[php]ALTER TABLE wp_links ENGINE = MYISAM;
ALTER TABLE wp_commentmeta ENGINE = MYISAM;
ALTER TABLE wp_comments ENGINE = MYISAM;
ALTER TABLE wp_options ENGINE = MYISAM;
ALTER TABLE wp_postmeta ENGINE = MYISAM;
ALTER TABLE wp_posts ENGINE = MYISAM;
ALTER TABLE wp_termmeta ENGINE = MYISAM;
ALTER TABLE wp_terms ENGINE = MYISAM;
ALTER TABLE wp_term_relationships ENGINE = MYISAM;
ALTER TABLE wp_term_taxonomy ENGINE = MYISAM;
ALTER TABLE wp_usermeta ENGINE = MYISAM;
ALTER TABLE wp_users ENGINE = MYISAM;[/php]

MyISAM’dam InnoDB’ye Dönüştürmek

Projelerinizde MyISAM tablo yapısını kullanmış iseniz ve bu tablo yapısını InnoDB ye dönüştürmek istiyorsanız aşağıdaki sırayı takip etmeniz yeterli. Bunun için phpMyAdmin den sorgu cümlesi çalıştırmanız gerek: Sırayla uygulayın

[php]ALTER TABLE tablo_ismi ENGINE = INNODB;[/php]

tablo_ismi motor isimlerini yazıp çoğaltabilirsiniz.

20 Şubat 2017 Pazartesi

WordPress Sizin için Seçtiklerimiz Bileşeni

WordPress için kodlanmış özel sizin için seçtiklerimiz bileşeni eklentisiz.

Tema İşlevleri (functions.php) ?> kodundan 1 satır önce Shift+Enter yaparak 1 satır alta inip ekleyiniz. Önemli not functions dosyasında asla boş satır olmamalı, bunun için sürekli düzenleme yapmadan önce yedek alınız.

Ön izleme resim



[php]/** yazi kes yan menu sizin icin sectiklerimiz basladi**/
add_theme_support( 'post-thumbnails' );
function yazikes($text, $limit = 25, $ending = '...') {
if ($limit < strlen( $text )) {
$text = str_replace( '[...]', '', $text );
$text = substr( $text, 0, $limit );

$text = substr( $text, 0, 0 - strlen( strrchr( $text, ' ' ) ) );

$text = $text = $text . $ending;

preg_replace( '/\[caption.*\[\/caption\]/', '', $text );
$text = strip_tags( $text );
}

return $text;
}
/** yazi kes yan menu sizin icin sectiklerimiz bitti**/[/php]

Kenar çubuğu (sidebar.php) dosyasına endwhile; div'den önce ekleyiniz.

[php]<h3>Sizin için Seçtiklerimiz</h3>

<?php
global $post;
$args = array( 'numberposts' => 4, 'orderby' => 'rand' );
$myposts = get_posts( $args );
foreach( $myposts as $post ) : setup_postdata($post); ?>
<?php $id =$post->ID;
$the_content =$wpdb->get_var("SELECT post_content FROM $wpdb->posts WHERE ID = $id");
$pattern = '!<img.*?src="(.*?)"!';
preg_match_all($pattern, $the_content, $matches);
$image_src = $matches['1'][0];?>
<div class="spotnews">
<a href="<?php the_permalink(); ?>">
<?php
$default = get_bloginfo('template_url');
$cdn22= "/images/onizleme.png";
if ($image_src != '')
echo '<img src="'.$image_src.'" alt="" width="100px" height="100px"/>';
else
echo '<img src="'.$default.''.$cdn22.'" alt="" width="100px" height="100px"/>';
?> </a>
<a href="<?php the_permalink(); ?>">
<h1><?php the_title(); ?></h1>
</a>
<a style="font-weight:normal; color:#000000" href="<?php the_permalink(); ?>">
<?php echo yazikes($post->post_content,120); ?><br/>
</a>
</div>
<div class="dlt"></div>
<?php endforeach; wp_reset_query(); ?>[/php]

Kaç adet konu göstereceğini yukarda verilen kod kısmından $args = array( 'numberposts' => 4 kısmından arttırıp veya düşürebilirsiniz.

Aşağıdaki ön izleme resmini tema klasörü images içine atınız, öne çıkan görsel kullanmazsanız otomatik gösterilecektir.
Yolu >> "/images/onizleme.png"


Style.CSS dosyanın en altına ekleyniz,

/** sizin icin sectiklerimiz basladi **/
.spotnews {line-height:16px; color:#000000; height:110px; border-bottom:1px dotted #666666; margin-bottom:10px; overflow:hidden;}
.spotnews h1, .spotnews h1 a {margin-bottom:2px; font-size:14px; font-weight:bold; color:#094386; line-height:20px;}
.spotnews img{float:left; margin:0px 5px 5px 0px; border:1px solid #666666; padding:2px;}
.dlt {clear:both;}
/** sizin icin sectiklerimiz bitti **/

WordPress Sosyal Medya Paylaş Butonları

WordPress için Kod Kullanmadan Sosyal Medya Paylaş Butonu eklentisiz.

WordPress için eklentisiz sosyal medya paylaşım butonları ararken, oldukça güzel bir kod ile karşılaştım.

Aşağıda yer alan kodlar sayesinde sizler de yazılarınız için Facebook, Twitter ve Google+ paylaş butonları ekleyebilirsiniz.
Bunu hem eklentisiz yapmak sitemize ek yük binmesini engelleyecek, hem de daha hızlı bir sonuca ulaşmış olacağız.



Tekil Yazı (single.php) dosyasını açınız,

the_content(); altına ve ya endwhile; else: üstüne aşağıdakı kodları yapıştırın.

<p><center><span class="tavsiye"><iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink()); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=recommend&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:20px"></iframe></span>
<span class="begen"><iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink()); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:20px"></iframe></span>
<span class="twit"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>
<span class="birle"><g:plusone size="medium"></g:plusone></span>
<span class="liked"><script src="//platform.linkedin.com/in.js" type="text/javascript"></script><script type="IN/Share" data-counter="right"></script></span>
<span class="pint"><a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail' ); echo $thumb['0']; ?>&description=<?php the_title(); ?>" class="pin-it-button" count-layout="horizontal" target="_blank"><img border="0" src="//assets.pinterest.com/images/PinExt.png" alt="Pin It" /></a></span></center></p>
]

Kodlar içinde gerekli CSS kodlamaları yapıldığı için CSS dosyanıza kod eklemenize gerek yoktur. temanız ve yaz sayfanız bozulmayacaktır.

Yinede eklemek isterseniz CSS Kodları

/*sosyal medya paylas butonlari basladi*/
/** Facebook tavsiye **/
.tavsiye a{
display:inline-block;
margin:10px 10px 5px 0;
padding:10px 15px;
color:#fff;
font-weight:bold;
text-align:center;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
}
/** Facebook begen **/
.begen a{
display:inline-block;
margin:10px 10px 5px 0;
padding:10px 15px;
color:#fff;
font-weight:bold;
text-align:center;
text-decoration:none;
border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
}
/** Twitter **/
.twit{
background:#9AE4E8;
}
/*Linkedin*/
.liked{
background:#3B5998;
}
/*Google Plus*/
.birle{
background:#D34836;
}
/*Pinterest*/
.pint{
background:#D34836;
}
/*sosyal medya paylas butonlari bitti*/

19 Şubat 2017 Pazar

WordPress eklentisiz kayan manşet yapımı

WordPress’te Kayan Manşet Alanı yapımı. Bunu çeşitli WordPress eklentileriyle yapabilirsiniz. Ancak eklenti kullanmadan halletmek daha verimli olacaktır.

Öncelikle blog’umuzudan son yazdığımız yazıları çekeceğiz.

aşağıdaki kodları header şablona ekleyebilirsiniz veya istediğiniz alanda çalıştırabilirsiniz.

[code]<div id="slider">
<marquee scrollAmount="5" onmouseover="this.stop();" onmouseout="this.start();">
<?php $the_query = new WP_Query('orderby=post_date'); while ($the_query->have_posts()) : $the_query->the_post(); ?>
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a>
<?php endwhile;?>
</marquee>
</div>[/code]

onmouseover=”this.stop(); ile manşetimizin üstüne geldiğimizde durmasını sağladık. Css kodlarımız;

[code]#slider { width: 500px; height: 34px; overflow: hidden; padding-top: 6px; margin-top: 20px; border-radius: 4px; background-color: #f6f6f6; font-family: "helvetica"; }

#slider a { display: inline-block; position: relative; margin-left: 30px; border: 5px solid #52accc; background-color: #52accc; color: #ffffff; border-radius: 4px; text-decoration: none; }[/code]

Yalnızca yazı başlıklarını göstermek için kullanılabilir.

WordPress Resimli Son Yazılar Bileşen Kodları

Wordpress resimli son yazılar kodları.

Aşağıda vereceğim kod sayesinde görsel bir son yazılar bileşeni ortaya çıkacaktır başlangıç için bileşende sadece konunun öne çıkarılmış görseli ve konu başlığı yer alıyor.
Ben size isteğinize göre bunlara ek olarak konunun okunma sayısı , konuya yapılan yorum sayısı veya konunun kategorisi gibi eklemeler yapmanızı öneririm.

Sidebar dosyasında istediğiniz yere ekleyin

[code]<?php
$the_query = new WP_Query('showposts=5&orderby=post_date&order=desc');
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<div class=bilesenicerik>
<div class=sonyaziresim><a href="<?php the_permalink('') ?>" title="<?php the_title(''); ?>"><?php if ( has_post_thumbnail() ) {the_post_thumbnail(array(64,64));} else {}?></a></div>
<div class=sonyaziadi><a href="<?php the_permalink('') ?>" title="<?php the_title(''); ?>"><?php the_title(''); ?></a></div>
</div>
<div class=temizlik></div>
<?php endwhile; ?>
<?php wp_reset_query(); ?>[/code]

Kaç konu gösterilsin: showposts=5
Resim boyutları: the_post_thumbnail(array(64,64
Css en alta ekle (temanıza göre düzenleyiniz)

[code].temizlik
.bilesenicerik
.sonyazilar
.sonyaziresim img{height:64px;width:64px;border:3px margin-right:20px;margin-bottom:15px; solid #e5e5e4;}
.sonyaziresim{float:left;margin: 4px 4px 4px 4px;}
.sonyaziadi a:link, .tcat a:visited, .tcat a:hover, .tcat a:active{color:#666;text-decoration:none;font-weight:bold;}[/code]

WordPress Kod Arşivi

WordPress tema yapımı oldukça basittir genel olarak birkaç şablondan oluşmaktadır bunların bağzıları ise header, sidebar, footer, content ve single gibi sayfaları mevcuttur aşağıdaki yer alan kodlar ile bu sayfaları yapabilirsiniz.

Tema yaparken aşağıdaki kodlar işinizi görecektir, ancak yetersiz kaldığı durumda wordpressin kendi kod arşivinden yararlanabilirsiniz : https://codex.wordpress.org/


Wordpress Versiyonunu Çekmek ;
<?php bloginfo('version'); ?>


Wordpress Atom Adreslerini Çekmek ;
<?php bloginfo('atom_url'); ?>


Wordpress RSS Adresi Çekmek ;
<?php bloginfo('rss2_url'); ?>


Wordpress Karakter Kodlaması Çekmek ;
<?php bloginfo('charset'); ?>


Wordpress Karakter Kodlaması Çekmek ;
<?php bloginfo('charset'); ?>


Wordpress Blog Adı Çekmek ;
<?php bloginfo('name'); ?>


Wordpress Açıklaması Çekmek ;
<?php bloginfo('description'); ?>


Wordpress Blog URL Çekmek ;
<?php bloginfo('url'); ?>


Wordpress Blog URL Çekmek ;
<?php bloginfo('url'); ?>


Wordpress Stil Dosyası Çekmek ;
<?php bloginfo('stylesheet_url'); ?>


Wordpress Tema Yolu Çekmek ;
<?php bloginfo('template_url'); ?>


Wordpress Header.php Çapırmak ;
<?php get_header(''); ?>


Wordpress Sidebar.php Çapırmak ;
<?php get_sidebar(''); ?>


Wordpress Footer.php Çapırmak ;
<?php get_footer(''); ?>


Wordpress Kategorileri Listelemek ;
<?php wp_list_cats('title_li='); ?>


Wordpress Sayfaları Listeletmek ;
<?php wp_list_pages('title_li='); ?>


Wordpress Takvimi Çağırmak ;
<?php get_calendar(''); ?>


Wordpress Arşivleri Listelemek ;
<?php wp_get_archives('') ?>


Wordpress Son Yorumları Listelemek; ;
<?php
global $wpdb;
$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_date_gmt, comment_approved, comment_type,comment_author_url, SUBSTRING(comment_content,1,30) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT 10";

$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$output .= "\n<ul>";
foreach ($comments as $comment) {
$output .= "\n<li>".strip_tags($comment->comment_author) .":" . "<a href=\"" . get_permalink($comment->ID)."#comment-" . $comment->comment_ID . "\" title=\"on ".$comment->post_title . "\">" . strip_tags($comment->com_excerpt)."</a></li>";
}
$output .= "\n</ul>";
$output .= $post_HTML;
echo $output;
?>


Wordpress While (Konu çekme döngüsü) ;
[php 1="if" 2="(have_posts())" 3=":" 4="while" 5="(have_posts())" 6=":" 7="the_post();" 8="?>Çekilecek" 9="" 10="endwhile;else" 11=":" 12="?>[/php" language=""]

<strong>Wordpress Yazı Başlığını Çekmek ;</strong>
<?php the_title(''); ?>


Wordpress Yazı URL Çekmek ;
<?php the_permalink('') ?>


Wordpress Yazı Kategorisi Çekmek ;
<?php the_category(', ') ?>


Wordpress Yazı Tarihi Çekmek ;
<?php the_time('j F Y'); ?>


Wordpress Yazı İçeriği Çekmek ;
<?php the_content(''); ?>


Wordpress Yazının Yayınladığı Saati Çekmek ;
<?php the_time('H:i:s'); ?>


Wordpress Yazıya Yapılan Yorumların Sayfası ;
<?php comments_popup_link(__('Yorum yapılmamış,ilk yorumu senyap :)'), __('1 yorum yapılmış'), __('% yorum yapılmış')


Wordpress Sayfalama Yapmak(WP-Postviews ile ;
<?php if(function_exists('the_views')) { the_views(); } ?>


Wordpress Yazı İD'si Çekmek
<?php if(function_exists('the_views')) { the_views(); } ?>


Wordpress Yazı Düzenleme Linki (Sadece Adminlerde Çalışır)
<?php edit_post_link(); ?>


Wordpress Yorum Şablonu Çekme ;
<?php comments_template(); ?>


Wordpress Yazar Adı Çekme ;
<?php the_author(''); ?>


Wordpress Yazar Hakkında Çekme ;
<?php the_author_description(''); ?>


Wordpress Yazar İsmi Çekme ; ;
<?php the_author_description(''); ?>


Wordpress Yazar Soy İsmi Çekme ; ;
<?php the_author_lastname(''); ?>


Wordpress Yazarın Makale Sayısı Çekme ; ;
<?php the_author_posts('');?>


Wordpress Yazar Sayfası Çekme ;
<?php the_author_link('');?>


Wordpress Yazarın Websitesi URL ;
<?php the_author_url(''); ?>


Wordpress Yazarın Mail Adresi ;
<?php the_author_email('');?>


Wordpress Sonraki Yazı Linki ;
<?php next_post_link('') ?>


Wordpress Önceki Yazı Linki ;
<?php previous_post_link('') ?>


Wordpress Öne Çıkarılmış Görsel Kullanımı ;
<?php if ( has_post_thumbnail() ) {the_post_thumbnail();} else {}?>


Wordpress Öne Çıkarılmış Görsel Kullanımı ;
<?php if ( has_post_thumbnail() ) {the_post_thumbnail();} else {}?>

functions.php eklenecek
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 150 );


Wordpress Arama Formu Kullanımı ;
<form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
<input class="searchbg" type="text" name="s" id="s" onfocus="if (this.value == 'Ara ...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Ara ...';}" />
<input class="button" type="button" value="" />
</form>


Wordpress Style Kodu (Bu kod olmazsa tema tanımlanamaz) ;
/*
Theme Name: Burası Tema İsmi
Theme URI: tema sitesi
Description: Açıklama
Author: tema yapımcısı
Author URI: yapımcı url
Version: güncel tema versiyonu
*/

9 Şubat 2017 Perşembe

Wordpress Öne Çıkarılmış Görsel Boyutu

WordPress anasayfada gösterilen resimlerin ufak büyük olması, sayfa yüklenme zamanı için ve sayfa boyutu için önemlidir.

Sayfanız ziyaretçinin karşısına ne kadar hızlanırsa o kadar iyi. Bu nedenle büyük boyutlu resimlerin olduğu klasik the_content taglı bir index.php sayfasına sahipseniz sitenizin açılış hızı düşecektir.

CSS Kodları Kullanımı

CSS, her yazılımcının sıklıkla kullandığı bir web teknolojisidir. Açılımı Cascading Style Sheets olan CSS’in Türkçesi Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfalarıdır. CSS, web sayfaları için genel şablonlar hazırlama imkanı verir. Çok esnek bir şekilde kullanılır ve her kod türünde rahatlıkla kullanılır. CSS kodları kullanımı birçok yazılımcının, tasarımcının bazen kafasını karıştıran bir konudur.


1- padding - iç boşluk : 20px
2- margin - dış boşluk : üst=0px, sağ=0px, alt=20px, sol=10px
3- border - sınır : #bcbcbc renginde düz 1px lik


Çünkü tüm kodları ezberlemek imkansızdır veya çok zordur diyelim. Zaten editörlerde ezberlemeye gerek kalmıyor lakin neyi nerde, hangi kodu nasıl kullanmak gerektiğini bilmek bir yazılımcı, web tasarımcı için son derece önemlidir dahası gereklidir.

8 Şubat 2017 Çarşamba

Sitenin Sağ Alt Köşesine Flash Ekleme

WordPress tabanlı sitenin sağ alt köşesine flash (swf) eklemek.

Örnek .swf dosyası ve kurulum kodlarını buradan indirip zip dosyasından çıkarark ftp ana dizine atınız.



Kullandığınız temanın css dosyasının en altıne aşağıdaki kodları ekleyiniz.


[php]#sabit{position:fixed; right:0; bottom:-2px; z-index:9999999;}[/php]

Aşağıdaki kodları eklemek için temanın header dosyasını açıyoruz

bul

[php]<body>[/php]

ve altına ekle

[php]<div style="position: fixed; bottom: 0px; right: 0px;">
<object type="application/x-shockwave-flash" data="https://www.siteadi.com/cuneytabi.swf" width="210" height="135">
<param name="movie" value="https://www.siteadi.com/cuneytabi.swf" />
<param name="quality" value="High" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
</object>
</div>[/php]