FatihGirgiç

Css Nedir? Ne İşe Yarar?

CSS Nedir?

Css nedir sorunuza yanıt olarak Cascading Style Sheets açılımına sahip internet sayfalarının kodlanmasında kullanılan teknolojilerden biridir. CSS herhangi bir html sayfanın nasıl görüntüleneceğini tarif eden kodları barındırmaktadır. Bu tarif web sayfasındaki başlık, metin, resim, video gibi bir çok özelliklerini belirlerken sayfanın yerleşimini ve ekran yapısına göre görünümü düzeltme işlemleri yapmaktadır. Yani farklı cihazlardaki görünümü, nasıl bir değişim göstereceğini css kodları sağlamaktadır.

Css nedir sorunuza yanıt verdiğimi düşünüyorum. Css tarihçesine baktığımızda 1994 yılında CERN’de Hakon Wium Lie tarafından önerilmiştir.W3C ile bir kaç forum ve e-posta listeleriyle yapılan bir kaç stil sayfası ve dil taslakları göz önünde bulundurularak 1996 yılında CSS1 olarak karşımıza çıkmıştır. İnternet kullanımının da artması ve amaçların değişmesiyle 1998 yılında CSS2 önerisi sunulmuştur. CSS3 ile tarayıcı destekleri artmış olmasına rağmen hala geliştirilmektedir.

Bir internet sitesi incelendiğinde içerik katmanı olarak HTML, görselleştirme katmanı olarak ise CSS karşımıza çıkmaktadır.Görselleştirme katmanı, içeriğin sayfayı ziyaret eden kişiye nasıl gösterileceğini belirler. İçeriğin ekran boyutuna göre ayarlanması, yazı boyutunun belirlenmesi, renk, beyaz alan gibi görsel öğelerin tanımlanması bu katmanda yapılır. Görselleştirme katmanı için önerilen ve yaygın olarak kullanılan dil CSS’tir.

Php Nedir? Php ile Neler Yapılabilir?

Php Nedir?

Php nedir diye sorulan sorulara öncelikle web tabanlı bir programlama dili demek gerekmektedir. Önceden açılımı “Personal Home Page” yani Kişisel Anasayfa iken günümüzde gelişerek ve önem kazanarak PHP Hypertext Preproccessor ismini almıştır ve Türkçe’ye  ise “Üstün Yazı Önişlemcisi” olarak çevrilmektedir. Yalnız php web tasarım için değil web programlama için kullanılmaktadır. Bir çok Php nedir sorunuzun yanıtını anlamsal olarak verdiğimize göre biraz da kullanım alanları ve neden bu kadar çok tutulduğu konusuna da değinelim biraz.

Diğer web tabanlı dillere nazaran bir çok avantaja sahip olan PHP internet üzerindeki bir çok sabit yazıya dinamiklik katabilmektedir. Php ile bilmeniz gerekenlerden bir tanesi de Linux işletim sistemi ve MySQL veritabanında en iyi verimi göstermektedir. 1995 senesinde R. Lerdorf tarafından oluşturulan bu web tabanlı programlama dili günümüzde hala açık kaynak ve ücretsizdir.

Php İle Neler Yapılabilir?

Php nedir, php Türkçe anlamı gibi bir kaç terimi açıkladığımıza göre Php web tabanlı programla dili ile neler yapılabilir onlara bir bakalım. Öncelikle Php dili kullanılarak günümüzde html5’in de gelmesiyle birçok şeyi yapabilmekteyiz. Durum böyle olunca php ile neler yapılabilir sorusunun yanıtı oldukça uzun ve geniş bir yazı olacaktır. Biz de üstünkörü de olsa bunları bir inceleyelim isterseniz. Web tabanlı programlama dili olan Php ve gelişen tarayıcı özellikleri ile php ile neler yapılır sorunuza kendiniz sınır koymadan cevaplayabilirsiniz. Yeterli bilgi ve deneyimle aklınıza gelen bir çok şeyi yapabilirsiniz.

İçerik yönetim sistemleri (wordpress,drupal vb), dinamik web sayfaları, veri depolama sistemleri, anlık bilgi paylaşımı ve sosyal medya siteleri, e-ticaret sistemleri, otomasyon yazılımları, resim oluşturma ve düzenleme,forum ve sözlüklerin yanı sıra bir çok online oyun php tabanlı olarak oluşturulmaktadır.

<?php  …… ?> etiketleri arasına fonksiyonlar yazılarak programlama işlemi yapılır.

 

Html Nedir? Html Eğitim Seti

Html Nedir?

Html nedir sorunuza verilecek en basit ve anlaşılır yanıt olarak web sayfalarınız hazırlamak için kullanılan işaret dilidir demek doğru olacaktır. Bu işaret dilleri web tarayıcılar tarafından çözülerek görsel web sitelerini bizlere gösterirler. Html kesinlikle bir programlama dili değildir. Html daha çok yazı, görsel ve video gibi içerikleri web sayfamızın içerisine yerleştirme ve konumlarını belirleme, web tarayıcıların sayfaları düzgün bir biçimde görüntülenmesini sağlama ve arama motorlarının sayfa hakkında daha fazla bilgi edinmesi için gerekli bir işaret dilidir.

Html nedir sorunuzun yanıtını verdiğimize göre biraz da html işaret dili hakkında bilinmesi gerekenler ve nasıl html sayfa oluşturulur hakkında yazalım… Öncelikle html ile web sayfası oluşturmak için hiç bir programa ihtiyacınız yoktur. Bilgisayarınız windows işletim sistemli ise windows kurulumuyla gelen not defteri aracı işinizi fazlasıyla görecektir. Not defterinde html sayfalarınızı oluşturduktan sonra farklı kaydet demeniz ve uzantılarını .html, .htm, .xhtml şeklinde kaydetmeniz yeterli olacaktır. Fakat hızlı ve düzenli html kodları yazarak daha kolay bir şekilde web sayfası oluşturmak isterseniz sublime text,dreamweaver ve notepad++ gibi programları kullanabilirsiniz. Ben kolaylık ve kullanış olarak rahat ettiğim sublime text pro kullanıyorum.

Html Nedir ve html ne işe yarar sorularınızı yanıtladıktan sonra html kodlarını kullanırken dikkat etmeniz gereken bazı püf nokları sizlere yazmak istedim.

  • <html>,<head>,<title> gibi <….> işaretleri arasına yazılan kodlara tag ya da etiket denmektedir. Bu etiketler </….> şeklinde kapatılır.
  • Html’de açılan her etiket kapatılmalıdır.
  • Html etiketleri Türkçe karakter barındıramaz.
  • Html etiketlerini ister büyük isterseniz küçük harfle yazabilirsiniz. Ama genel olarak küçük harfler kabul görmektedir.

Html Dersleri

 

  • <html> Etiketi

Bu etiket html işaret diliyle tüm etiketleri kapsayan ve web sayfasının html kodlarıyla yapılacağını belirten sayfa başında <html> etiketiyle başlayıp sayfa sonunda </html> ile kapatılan bir etikettir.

  • <head> Etiketi

Hazırlanan web sayfası ile ilgili bilgiler, tanımlamaların yer verildiği bir bloktur. Bu etiketler arasındaki kodlar web tarayıcılar tarafından görüntülenmez.  Title(Başlık), description(Açıklama), keywords(anahtar kelime) gibi bilgilerin yer aldığı bölümdür.

  • <body> Etiketi

Bu etiket ziyaretçini görebildiği ve sayfanın içeriklerinin yer aldığı bölüm olarak karşımıza çıkmaktadır. Genel olarak bir çok etiket barındırmaktadır.  html etiketinden sonra en çok etiket barındıran blok diyebiliriz.

Artol ana etiketlerimizi ve açıklamalarını öğrendiğimize göre metin biçimlendirmesi, boyutlandırması,renk ve yazı tipi, kalınlık gibi özelliklerinin nasıl değiştirileceğine değinelim. Şimdi vereceğimiz etiketler <body>…… </body> etiketleri arasında yer almalıdır.

  • <h.> </h.> Etiketleri

bu etiketler <h1>,<h2>,<h3>,<h4>,<h5>,<h6> etiketleridir ve başlık belirlemek için kullanılmaktadır.  Etiket İngilizce Heading yani başlık kelimesinin baş harfi ile belirtilmiştir. Büyüklükten küçüğe doğru sıralamasına göre h1den h6 etiketine doğrudur. Yani ne büyük başlık etiketi <h1> iken en küçük <h6>’dır.

  • <b> Etiketi

<b>….</b> etiketleri arasına yazdığınız yazılar kalın görüntülenecektir. İngilizce bold kelimesinden gelmektedir. Ziyaretçilerin ve arama motorları için anahtar kelimelere vurgu yapmak için kullanılmaktadır.,

  • <i> Etiketi

<i>…</i> etiketleri arasına yazdığınız yazıların italik yanı eğik bir yazı şeklinde yazılması için kullanılır. İtalic kelimesinden gelmektedir. Ziyaretçilerin dikkatini çekmek ve arama motorlarının anahtar kelimeleri belli etmek için kullanılır.

  • <u> Etiketi

<u>…..</u>Bu etiketler arasına yazılan yazılar altı çizili olarak vurgulanmaktadır. Underline kelimesinden gelmektedir. Ziyaretçilerin bu etiket arasına yazılan yazılara dikkatiğni çekmek amaçlı kullanılmaktadır.

  • <br> Etiketi

Bu etiket </br> olarak kapatılmamaktadır. Buna dikkat etmelisiniz. <br> etiketi alt satıra geçmek için kullanılmaktadır. Html ile web sayfası oluştururken alt satıra geçmek için kullanılmaktadır.

  • <p> Etiketi

<p>……….</p> etiketi yazılan içeriklerin daha doğrusu yazıların paragraflara bölmek için kullanılmaktadır. Uzun yazıların okunabilirliğini arttırırken kullanıcı deneyimini arttırmaktadır.

  • <font> Etiketi

Bu etiket metnin rengini, yazı tipini ve boyutunu ayarlamak için kullanılabilmektedir. Size parametresi ile metnin boyutunu, color parametresi ile yazının rengini, face parametresi ile de yazı tipini değiştirebilirsiniz.

<font size=”4″>…….</font> <!Yazının boyutunu ayarlamak için font etiketi ve size parametresi kullanılmalıdır.>

<font face=”Ariel”>…….</font> <!Yazı tipini ayarlamak için font etiketi ve face parametresi kullanılmalıdır.>

<font color=”red”>……</font> <!Yazının rengini ayarlamak için font etiketi ve color parametresi kullanılmalıdır.>

 

Genel olarak html ile yazı yazma, sitemizin başlık, açıklama, anahtar kelimelerini ve metinlerimizi biçimlendirmemiz için gerekli olan html kodlarını öğrendik. Sıra geldi html kodlarını kullanarak link oluşturmakta. Bildiğiniz gibi siteler tek bir sayfadan oluşmamaktadır. Durum böyle olunca iletişim, hakkımızda gibi bir çok sayfa için html kodlarıyla linkleri oluşturmamız gerekmektedir.

  • Html Yazıya Link Verme Kodu

<a href=”hedefteki html dosyası adı”>Link vermek istediğiniz yazı</a> şeklinde kullabilirsiniz. Örnek vermek gerekirse <a href=”iletisim.html”> İletişim </a> şeklinde kullanabilirsiniz.

Eğer site dışında başka bir adrese link vermeniz gerekiyorsa kullanım şekli aynıdır sadece link vermek istediğiniz sitenin tam adresini yazmanız gerekmektedir. Örnek verecek olursak

<a href=”https://www.facebook.com/profyko14″> Facebook Adresim</a> şeklinde kullanılabilir.

Html ile e-posta adresine bağlantı oluşturmak için <a href=”mailto: [email protected]”> E-posta göndermek için tıklayınız.</a> şeklinde kullanabilirsiniz.

Html ile resme link vermek için ise <a href=“https://www.fatihgirgic.com.tr”><img src=“resimler/kucukresim.jpg”></img></a>

Sizlere html ile link verme kodlarını örnekler ile detaylı bir şekilde anlattığımı düşünüyorum. Takıldığınız bir durum var ise herkesin faydalanması için yorum yaparak yanıt alabilirsiniz.

  • Html’de Tablo Oluşturma

Burada dikkatimizi çekecek olan 4 adet etiket olacaktır. Bu etiketleri sizler için listeleyelim.

<table…</table> etiketi: Bir tablo oluşturmak için bu etiketler arasına html kodları yazılmaktadır. Tablolara satır ve sütunlardan oluştuğunu bildiğinizi varsayarak satır ve sütun için de birer etikete ihtiyaç duyacağımızı düşünmüşseniz doğru düşünmüşssünüz.

<tr>….</tr> etiketi:Tablo içinde satır oluşturmak için kullanılmaktadır.

<td>….</td> etiketi: Tablo içerisinde sütun oluşturmak için kullanılmaktadır.

<th>….</th> etiketi: Tablo içerisinde başlıkları vurgulamak için kullanılmaktadır.

Html ile tablo oluşturulurken 5 adet parametre sizlerin işini kolaylaştıracak ve ziyaretçileriniz için tablolara dikkat çekebilirsiniz. Ayrıca satır ve sütunları birleştirebilirsiniz.

border: Tablonuza kenarlık oluşturmak için kullanılmaktadır.

bordercolor: Kenarlık rengini belirlemek için kullanılmaktadır.

bgcolor: Tablonun arka plan rengini değiştirmeniz için yarayacaktır.

width: Tablonun genişliğini belirlemenize yarayan parametredir.

height: Tablonun yüksekliğini ayarlamanız için  kullanabilirsiniz.

colspon: Aynı satırdaki hücreleri birleştirmek için kullanılır.

rowspan: aynı sütundaki hücreleri birleştirmek için kullanılmaktadır.

Örnek bir html’de tablo oluşturmak istersek tüm paremetleri ve kodları kullanarak olursak şöyle bir örnek verebiliriz:

Html ile Tablo Oluşturma

 

  • Html ile Form Oluşturma

<form   ……</form> etiketleri arasına yazılır. Burada bilmeniz gereken bir kaç parametre mevcuttur.

method: form verilerini sunucuya gönderme yolunu belirtmektedir. Get ve Post olmak üzere iki şekilde sunucuya gönderilmektedir. Action kısmına girilen bu yöntemler ile get ile gönderim yaparsanız sorgu olarak eklenip sunucuya gönderilmektedir. Diğer yöntem post ise http isteği içinde veri paketi şeklinde sunucuya gönderilmektedir. post özelliğinde herhangi bir limit yoktur.

Action:  Form verilerinin gönderileceği adresi belirlenmesinde kullanılır. Gönder ve ya html’de submit  butonuna bastığında seçilen yöntemle belirtilen adrese gönderim yapmaktadır.

TYPE: Veri alanı tipini tanımlar. Text, checkbox, reset, radio, submit, password, image, file, hidden, button, range, scribble gibi değerler alabilir. Default değeri “text” dir. Biraz sonra ayrıntıları açıklanacaktır.

NAME: Veri alanının adı. Programlama dilindeki değişken_adı yerine geçer. CGI scriptine gönderilecek veriyi tutacak değişkenin adıdır. Formu yazan dilediği adı verebilir. Yukarıdaki örnekte NAME=”isim” nitelemesi yapılmıştır. Dolayısıyla bu veri alanının adı “isim” olmuştur. Mutlaka belirtilmelidir.

VALUE: Değişkene atanan ön-değer. Kullanıcı bu alana veri girince ön-değer yok olur. Yukarıdaki örnekte VALUE=”webcebir.com” nitelemesi yapılmıştır. Ön-değer ataması zorunlu değildir; yani ön-değer konulmayacaksa VALUE parametresi kullanılmaz.

SIZE: “text” ve “password” elemanlarında karakter sayısını, diğerlerinde ise piksel cinsinden genişliği belirtmek için kullanılır.

CHECKED: Radio ya da checkbox seçeneğini ön-seçili kılmaya yarar

DISABLED: Veri alanını kullanıcı girişine kapatır.

SRC: Image belirleyen “%URL” adresini belirler.

Bazen, birden çok seçeneğin seçilmesi istenebilir. Bu durumda, TYPE değeri olarak checkbox kullanılır.

<INPUT type=radio> etiketi, birbirleri ile ilişkili fakat sadece birinin seçilebileceği radyo düğmesi (radio button / option button) oluşturulmasını sağlar.

<INPUT type=submit> etiketi, kullanıcının formu göndermesini sağlayan bir düğme (button) kontrolü oluşturulmasını sağlar.

Bir INPUT tipidir. Bir forma girilen verileri siler ve formu default haline koyar. INPUT damgasında type=”reset” nitelemesi yapılır. Value adı girilmese tarayacının diline göre sıfırla , reset gibi değer atar.

<INPUT type=file> etiketi, bir metin kutusu (textbox) ve gözat (browse) butonu ile sunucuya dosya gönderme/yükleme (upload) kontrolü oluşturulmasını sağlar.

<INPUT type=button> etiketi, düğme (button) form kontrolü oluşturulmasını sağlar.

Html Form Oluşturma

Dalaman Transfer

Dalaman, turizm beldelerine yakınlığı, tarihi mekanları ve gezilecek olan eşsiz mesire alanları olarak oldukça zengin bir ilçedir. Dalaman Havalimanı ve çevre ilçelerin gözde turizm beldesi olmasının da etkisi olarak Dalaman Havalimanı Transfer hizmeti sunan firmalar oldukça fazladır. Turizm ile iç içe olan ve turizm bakımından el değmemiş cennet olarak adlandırılan nadir yerler arasında yerini almaktadır.
Günümüzden 20 yıl öncesine gidildiğinde şehirde otel, turistik tesis vb. işletmeler görülmemesi tamamen Dalaman Havalimanı’nın faaliyete geçmesiyle olan değişiklikler arasındadır. Dalaman şehrine istihdam ve hareketlilik getirdiği apaçık ortadadır. Bu hareketlilik ve istihdam olanakları arasında otel, restaurant, turizm şirketleri, dalaman havalimanı vip transfer ve rent a car şirketleri yer almaktadır.
Dalaman ve çevresindeki turizm beldelerine ulaşmak için en konforlu ve en ucuz yollardan bir tanesi Dalaman havalimanı transfer firmalarıdır. En uygunları ve en öne çıkan firma ise F5 Transfer & Dlm Havalimanı Transfer… Dalaman Havalimanından 300 kilometre yarıçap ile tüm turizm beldelerine, ilçelere transfer hizmeti sunmaktadır. Ayrıca konforlu ve vip araçları ile müşteri memnuniyetini esas almışlar görünüyor.

AMP Nedir? AMP Kurulumu

Amp Nedir?
WordPress AMP kurulumu
WordPress AMP Reklam Yerleşimi
Joomla Amp Kurulumu

 

AMP Nedir?

Accelerated Mobile Pages yani Türkçe olarak Hızlandırılmış Mobil Sayfalar. Amp kurulumları sonrası siteler mobil kullanıcılar için oldukça hızlı bir şekilde açılma ve kullanıcıların siteyi hızlı bir şekilde görüntülemesini sağlamak amacındadır. Eğer wordpress, joomla gibi hazır yazılımlar vasıtasıyla sitenizi oluşturmuşsanız eklentiler sayersinde amp kurulumu gerçekleştirebilirsiniz.Fakat html tabanlı bir siteye sahipseniz hali hazırda olan html sayfalarınıza bir kaç eklenti yapmak durumunda kalacaksınız. Ama bu işlem o kadar zor ve zamanınızı çalacak bir işlem değil.

Arama motorlarında Google Amp kullanıcılar için hızlı bir gösterim imkanı sunarken, amp içerikleri sağlamayan web siteleri için mobil arama sonuçlarında dalgalanmalar görülmektedir.Özellikle haber siteleri başta olmak üzere bir çok blog ampye geçiş yapmıştır.

Mobil sitelerin artması ve http, htpps protokollarinin yönlendirilerek şişirilmiş olmasından web sitelerin performanslarında ciddi düşüşler gözlemlenmekteydi. Artan mobil kullanıcılarına bir çözüm olarak Google Search Console’da karşımıza birden Hızlandırılmış Mobil Sayfalar sekmesi belirdi ve çok kısa sürede hayatımıza girdi. AMP üçüncü taraf javascript izin vermediğini dile getirmeliyiz. AYnı zamanda html isteklerine ve kodlarına da minimum düzeyde yer vermektedir. Css kodları kısıklaması maximum düzeyde olduğunu da belirtmekte fayda var. Durum böyle olunca ziyaretçi için site deneyimi sade, hızlı ve maximum verimde gerçekleşmekte.

Sitenizde amp kullanılıp kullanıllmadığını öğrenmek için Google Search Console uygulamasına sitenizi bağlamanız gerekmektedir. Ardından search console menüsünde sol tarafyan Hızlandırılmış Mobil Sayfalar sekmesine giriş yapmalısınız. Eğer amp kullanılmadığına dair bir hata ile karşılaşırsanız aşağıdaki seçeneklerden size uyanı seçerek Amp Kurulumu gerçekleştirebilirsiniz.

WordPress AMP kurulumu

WordPress, dünya üzerinden çok büyük bir kullanım alanına sahip. Daha önceki yazılarımda wordpressin kendi ekosistemini kurduğunu ve açık kaynak koda sahip olmasından dolayı bir çok kullanıcı ve geliştirici tarafından yeni eklentiler, tasarımlar yapıldığını söylemiştim. WordPress Amp eklentisi için de baktığınızda bir çok yeni ücretli ve ücretsiz eklentinin olduğunu görebilirsiniz. Bizi kodlar arasında boğulmaktan kurtarıyor diyebiliriz. Ama her eklenti bizim istediğimiz sonucu vermeyebilir. Bu yüzden işimizi kolaylaştıracak 2 adet Amp eklentisini veriyorum sizlere.

WordPress Amp Eklentisi:

1-Wp For AMP

2- Wp-AMP

WordPress AMP Eklentisi Kurulumu ( Admin Paneli Üzerinden)

Sitenizin Yönetim Paneline gidip yönetici girişi yaptıktan sonra Eklentiler> Yeni Ekle seçeneğine tıklayarak devam edin ve açılan pencerede sağ üst tarafa yani arama kısmına yukarıda verdiğim eklenti isimlerinden birini yazarak arayınız. Çıkan sonuçlardan uygun olanı seçip kurulumunuzu yapınız. Etkinleştir diyerek devam ediniz. WordPress Amp Kurulumu anlatımına manuel eklenti kurulumunu anlattıktan sonra devam edeceğiz.

WordPress Amp Eklentisi Kurulumu ( FTP Üzerinden)

İstediğiniz wordpress amp eklentisini tarayıcınız üzerinden indirin ve klasöre çıkartın. Sitenizin sunucuna istediğiniz programla bağlanarak çıkarttığınız klasörü public_html/wp-content/plugins yoluna gönderiniz. Ardından yönetici hesabınıza admin panelinize girip eklentiyi etkinleştirebilirsiniz.

Genellikle wordpress amp kurulumu sonrası bir ayar yapmanız gerekmektedir. Gerekli tüm ayarları eklentiler kendi içlerinde barındırıyorlar. Fakat bazı eklentileri türkçeleştirmeniz için Translations Sekmesi olmaktadır. Bazı eklentilerde ise WordPress admin panelinizden Görünüm> Özelleştir dediğinizde AMP Theme diye bir sekmeden amp görünümüzü düzenlemenize olanak sağlamaktadır. Eğer böyle bir seçenek sizde belirmediyse siz kendiniz functions.php dosyanıza eklemeler yaparak düzenlemeler yapabilirsiniz.

WordPress AMP Logo Sorunu İçin:

/* AMP logo */
add_action( ‘amp_post_template_css’, ‘xyz_amp_additional_css_styles’ );
function xyz_amp_additional_css_styles( $amp_template ) {
// only CSS here please…
?>
nav.amp-wp-title-bar {
padding: 12px 0;
background: #000;
}
nav.amp-wp-title-bar a {
background-image: url( ‘http://www.siteniz.com/logo.png’ );
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 28px;
width: 94px;
margin: 0 auto;
text-indent: -9999px;
}
<?php
}

WordPress AMP Resimler Gözükmüyor Sorunu için

/* AMP Structured Data:Image */
add_filter( ‘amp_post_template_metadata’, ‘bbm_amp_modify_json_metadata’, 10, 2 );
function bbm_amp_modify_json_metadata( $metadata, $post ) {
if (!array_key_exists(‘image’, $metadata)) {
$metadata[‘image’] = array(
‘@type’ => ‘ImageObject’,
‘url’ => get_template_directory_uri() . ‘/images/amp.jpg’,
‘height’ => 512,
‘width’ => 1024,
);
}
return $metadata;
}
/* AMP Structured Data:logo */
add_filter( ‘amp_post_template_metadata’, ‘xyz_amp_modify_json_metadata’, 10, 2 );
function xyz_amp_modify_json_metadata( $metadata, $post ) {
$metadata[‘@type’] = ‘BlogPosting’;
$metadata[‘publisher’][‘logo’] = array(
‘@type’ => ‘ImageObject’,
‘url’ => get_template_directory_uri() . ‘/images/amp-logo.png’,
‘height’ => 60,
‘width’ => 600,
);
return $metadata;
}

 

AMP sayfamızı arama motorlarına belirtmek için temanızın header.php dosyasını açın ve </head> tagından önce şu kodu ekleyin:

<link rel=’amphtml’ href='<?php the_permalink(); ?>/amp’ />

header.php içinde zaten <link rel=’amphtml’ ile başlayan bir kod bulunuyorsa eklemenize gerek yoktur.

WordPress Amp İçin Google Analytics

Ftp programı yardımıyla site dizininizden wp-content/plugins/amp/templates klasörüne giriş yapmanız gerekiyor. Single.php dosyası görmneniz gerekecek bu dosyayı açıp </body> etiketi önüne kodlarınızı ekleyebilirsiniz. Aşağıda örnek bir kod veriyorum.UA-xxxxx kısımlarınızı kendi Google Analytics kimliğiniz ile değiştirmelisiniz.

<amp-analytics type=”googleanalytics” id=”analytics1″>
<script type=”application/json”>
<?php
echo json_encode( array(
‘vars’ => array(
‘account’ => ‘UA-XXXXXXX-XX’,
),
‘triggers’ => array(
‘trackPageview’ => array(
‘on’ => ‘visible’,
‘request’ => ‘pageview’,
)
),
) );
?>
</script>
</amp-analytics>

WordPress amp kurulumu için son işlem olarak wp-content/themes/temanız klasöründeki functions.php dosyanıza (?> tagından önce aşağıdaki kodları eklemelisiniz.

/**
* Add the AMP analytics script to head of AMP pages
*/
function isa_amp_scripts( $data ) {
$data[‘amp_component_scripts’][‘amp-analytics’] = ‘https://cdn.ampproject.org/v0/amp-analytics-0.1.js’;
return $data;
}
add_filter( ‘amp_post_template_data’, ‘isa_amp_scripts’ );

Tabi bu kodları eğer bahsettiğim Görünüm> Özelleştir kısmında AMP Template ya da AMP Tema gibi bir seçenek görmeyen arkadaşlar yapması gerekecek. Eğer özelleştir dedikten sonra amp tema seçeneğini görüyorsanız zaten oradan bu işlemleri sadece izleme kimliğini girerek kurtulabilirsiniz. 🙂

 

WordPress AMP Reklam Yerleşimi

WordPress Amp Kurulumu sonrası sitenizdeki reklamlar amp versiyonunuzda yer almayacaktır. Eğer adsense gibi reklam sağlayıcılardan reklam yerleştirmişseniz ve bu reklamların amp sayfalarınızda da yer almasını istiyorsanız aşağıda vereceğim düzenlemeleri yapmanız gerekecektir.

Ftp programı yardımıyla public_html/wp-contetnt/plugins/amp/templates  klasörüne giriş yapıyoruz ve single.php dosyamızı açıyoruz.

Aşağıda vereceğim kodları yazı başına ve ya yazı sonuna göre istediğiniz yere ekleyebilirsiz.

Yazı başlangıcına eklemek için: <div class=”amp-wp-content”> kodundan sonra aşağıdaki kodları ekleyin ve düzenleme yapın.
Yazı sonuna eklemek için: amphtml content; no kses ?> kodundan sonra aşağıdaki kodları ekleyin ve düzenleme yapın.

<style>
.articlead { width: 300px; height: 250px; }
@media(min-width: 336px) { .articlead { width: 336px; height: 280px; } }
</style>
<amp-ad class=”articlead”
type=”adsense”
data-ad-client=”ca-pub-XXXXXXXXXXXXXXXX”
data-ad-slot=”XXXXXXXXXX”>
</amp-ad>

Kod için yapmanız gereken düzenlemeler:

-width: 300px olan kısımda 300 yerine reklam genişliğini yazın.
-height: 250px olan kısımda 250 yerine reklam yüksekliğini yazın.
-data-ad-client=”ca-pub-XXXXXXXXXXXXXXXX” yazan kısma ca-pub-xx yerine yayıncı kimliğinizi yazın.
-data-ad-slot=”XXXXXXXXXX” yazan kısma xx yerine reklam isminizi yazın.

Amp eklentileri güncellemesi sonucu wordpress amp reklam yerleşiminizi kaybedebilirisiniz. Tekrardan wordpress amp reklam yerleşimi yapmanız gerekebilir. Lütfen arada sırada kontrolleriniz gerçekleştiriniz.

WordPress Amp Kurulumu ve wordpress amp reklam yerleşimi için alıntı olarak gösterdiğim kodlar https://www.seosefi.com/amp-kurulum-rehberi/ adresinden alıntıdır.

 

Joomla Amp Kurulumu

WbAMP Community edition joomla amp eklentisi yardımıyla içeriklerinizin otomatik olarak AMP sürümü oluşturulur, böylece arama motorlarına internet sitenizdeki içeriğin “hızlandırılmış mobil sayfalar” sürümü bildirir. Eklentinin ücretli ve bedava versiyonları bulunuyor olup, bu bedava sürümü Joomla! com_content ile çalışacak ve sitenizin temiz, kolay bir sürümünü AMP formatında görüntüleyecektir.

ÖZELLİKLER:

– DISQUS yorumları amacıyla destek eklendi.
– En son AMP spesifikasyonunda güncelleme yapıldı.
– Yanlış yapılandırma halinde uyarılar.
– Beyaz listeye dayalı AMP doğrulama, daha verimli.
– Çoklu doküman türleri.

Eklenti adresi paylaşım yapmadan açılmayacaktır.

 

Joomla Amp Eklentisi: [sociallocker] https://weeblr.com/download?dl_ids=16 [/sociallocker]

 

Sizler için amp nedir, wordpress amp kurulumu ve reklam yerleşimi, joomla amp kurulumu hakkında bilgi vermeye çalıştım. Umarım faydalı olabilmişimdir. ClassiPress Amp Kurulumu için yazıma göz atabilirsiniz.

ClassiPress Amp Kurulumu

ClassiPress amp kurulumu sayesinde ilanlarınız sorunsuzca amp sayfalar şeklinde Google’da görüntülenebilir. WordPress ücretli ilan yayınlayabildiğiniz ve en çok kullanılan temalardan bir tanesi de classipresstir kuşkusuz. Kendine özgü Classified ads ile ücretli ilan yayınlama teması olarak karşımıza çıkan bu tema genellikle kendi ads kategorilerini kullandığı için amp sayfalarınızda classipress sadece anasayfayı amp olarak gösterebilmektedir. Türkçe dil seçeneği sunması ve detaylı bir ilan sitesi oluşturmanıza yarayan bir wordpress teması olarak karşımıza classipress çıkmaktadır. Classipress Amp Kurulumu Öncesi çok sık karşılaştığımız wordpress amp hataları başlığımızı inceleyelim.

  • AMP Eşdeğeri Olan Yasak HTML Etiketi

Özellikle yüklenen resimlerinizi Amp sayfanızda görüntülenememesi bir nevi uyumsuz olmasından dolayı aldığımız bir hatadır. Yüklenen resimlerin amp/img olduğundan emin olmalısınız.

  • Sayfada kullanıcı tarafından yazılmış JavaScript

Amp daha javascript desteği sunmamaktadır. Sorun sizin yazmış olduğunuz java kodundan kaynaklandığının göstergesidir. Java kodlarınızdan kurtulmalısınız.

  • Geçersiz CSS stil sayfası sorunu

.css stil dosyamız //www şeklinde çağrılması için kodlanmıştır. Genellikle sayfa yüklenme hızı yükseltmek için http://www ya da https://www şeklinde yönlendirmeler yapmakta kullanıcılar. Ama amp için bazı temalarda özellikle classipress gibi temalarda sorun teşkil edebilmektedir. Cache eklentisi kullanarak bu yönlendirmeyi yaptıysanız cache eklentinizden AMP sayfalarınızı muaf etmeniz gerekecektir. Aksi halde sorunu düzeltmeniz biraz zor olacaktır.

  • AMP işaretlemesi eksik veya yanlış

Sayfanız <html amp> etiketiyle başladıysa bu hatayı almışsınızdır. Sorun büyük bir sorun değildir. AMP olan sayfanız ampsiz indexlenmiştir büyük ihtimalle. Sorunu çabucak çözebilirsiniz.

  • Yasak veya geçersiz HTML Etiketi kullanımı

Oluşturduğunuz sayfa ampli sayfada farklı masaüstü sürümünüzde farklı ise bu sorunlar karşılaşırsınız. AMP ve AMP olmayan aynı sayfalarınız içerik olarak da aynı olmak zorundadır.

WordPress AMP Hataları düzeltilmezse mobil sıralamada sıra kaybı yaşayabilirsiniz.

 

ClassiPress Amp Kurulumu

Son zamanların olmazsa olmazı AMP ( Accelerated Mobile Pages) yani hızlandırılmış mobil sayfalar olarak çevirdiğimiz uygulama classipress amp sorunu olarak karşımıza çıkmakta.Classipress amp kurulumu için bir kaç optimizasyon ve elle düzeltme yapmanız gerekmektedir. Eğer kodlarla aranız yok ise hiç bulaşmanızı önermem.

Classipress AMP kurulumu ile kazanabileceğiniz avantaj sayısı oldukça fazladır.Mobil aramalarda AMP sıralamasıyla rakiplerinizin önünde yer alabilirsiniz. Önemli düzeyde içerik uyumsuzluğu yaşamadığınız sürece mobil aramalarda daha üstlerde yer alabilirsiniz.Google Search Console> Hızlandırılmış Sayfalar bölümüne giderek hataları görebilirsiniz. Bu hatalar kısa sürede giderilmez ise siteniz arama sıralamasından gerileyecektir.

WordPress Classipress Amp Kurulumu için hazırlık:

1- Wp For AMP ve Wp-AMP eklentilerinden birini seçerek admin panelinizden kurulup etkinleştirilmesini gerçekleştirin.

2- Translate yani çeviri işlemlerinizi yaptıktan sonra özelleştirerek menü yerleşiminizi seçiniz.

3-Ardından siteadı.com/amp/ sayfasına giderek kontrol edebilirsiniz. İsterseniz url taratarak google ve ya arama motorlarına amp sayfanızı gösterebilirsiniz.

Classipress Amp kurulumu yapmak istiyorsunuz ve yukarıdaki kısa işlemlerden sonra sadece anasayfanız amp sayfası olarak gözüküyor ve diğer sayfalarınıza amp vasıtasıyla erişemiyorsanız ücretli destek almanız gerekebilir. Sizin için classipress amp kurulumu yapabilirim.

 

Bionluk ilanım:

https://bionluk.com/profyko14/amp-kurulumu-tema-turkcelestirme-site-hizlandirma-yaparim-65063/#ort=profyko14

 

Classipress AMP Kurulumu için  Whatsapp Numaramdan fiyat alabilirsiniz.

WordPress Amp Kurulumu için detaylı yazıma göz gezdirebilirsiniz.

Classipress Amp kurulumu sonrası kategoriler ve ilanlarda amp hataları alabilirsiniz. Bunu düzeltmek için gerekli ayarlamaları yapabilirim.

 

 

Etbis Kaydı Nasıl Yapılır?

E-Ticaret Siteleri için Etbis Kaydı Nasıl Yapılır?

Ülkemizde çıkan son yasaya göre e-ticaret siteleri için etbis kaydı zorunlu hale getirildi. Etbis, internet üzerinden satış yapan firmaların ve ya kişilerin kayıtlı olması gerektiği Elektronik Ticaret Bilgi Platformu’dur.E-Devlet ile işbirliği mevcuttur. Ayrıca aşağıda verdiğim linkten gerekli açıklamaları bulabilirsiniz.

https://www.eticaret.gov.tr/App/Site/AnnouncementDetail

Resmi yayınlanan yazıya göre 1.12.2017 tarihi itibari ile faaliyette olan hizmet sağlayıcı ve aracı hizmet sağlayıcılar bu hizmete kayıt olmakla yükümlü hale gelmiştir.Ayrıca ülke sınırlarını aşan e-ticaret gerçekleştirilmesi halinde de ödeme yöntemi baz alınarak ticaretin yıllık hacmine ilişkin bildirim her yıl mart ayı sonuna kadar yapılmak zorunda olacaktır.

ETBİS Kaydı Nasıl Yapılır?

ETBİS Kayıt Linki:  https://www.eticaret.gov.tr/App/Site

Yukarıda adresini verdiğim siteye giderek gerekli adımları ister okuyabilir isterseniz yukarıdaki videodan yararlanarak etbis kaydı nasıl yapılır öğrenebilirsiniz.

1- Siteye gittiğinizde sağ üst tarafta bulunan “ETBİS GİRİŞ” butonuna tıklıyorsunuz. Karşınıza e-devlet giriş ekranı gelecektir. Sisteme giriş yaparak etbis.eticaret.gov.tr adresine bağlı uygulamaya giriş yapıyorsunuz. Sorunsuz bir şekilde giriş yaptıktan sonra aşağıdaki adımlara geçebilirsiniz.

2-Karşınıza gelen uygulama ekranından Genel sekmesine tıklayarak İşletme Bilgileri, İşletme Adı, Mersis No, Vergi No, Sınır ötesi ticaret var mı yok mu gibi bilgileri dolduruyoruz. Ardından Kaydet butonuna basarak ilerliyoruz.

3-Mal ve Hizmetler sekmesine gidip sektörünüze ve sattığınız ürünler, hizmetler hakkında gerekli kısımları dolduruyoruz ve tekrardan Kaydet butonuna basarak devam ediyoruz.

4-Ticaret Türü ve Ödeme sekmesine gidip Şirketinizin ticaret türü ve ödeme aldığınız kanalları belirtiyorsunuz. [vurgula renk=”kırmızı”]etbis kaydı[/vurgula] için Kaydet butonuna basarak devam ediyoruz.

5- Kep Adreslerinizi ve ya adresinizi Yeni Kayıt Ekle linkine tıklayarak eklemeniz gerekmektedir. Kep Adreslerinizi bildirip kaydediyoruz. Eğer kep adresinizi yok ise http://pttkep.gov.tr/nasil-basvuru-yapilir adresinden yardım alarak kep adresi için gerek Bireysel gerekse Kurumsal başvuru yapabilirsiniz.

6-Ödeme ve Elektronik Para sekmesinden Firma Adı, Yurtdışı Firma Adı, Üye işyeri numarası gibi bilgiler istenmektedir. İstenilen bilgileri doldurup sağ altta yer alan kaydet butonu ile kaydedip ilerliyoruz.

7-Etbis Kaydı nasıl yapılır anlatımımı okuyarak yapıyorsanız sıra geldi Lojistik sekmesine. Etbis Kaydından Lojistik kısmında çalıştığınız kargo firmasını Kurum Adı ve Üye İşyeri Numarası belirterek kaydet butonuna basıyoruz.

8- Alpyapı sağlayıcınız var ise bu altyapı sağlayıcınızı Yeni Kayıt Ekle diyerek eklemeniz gerekmektedir. Kurum Adı ve Üye İşyeri Numarası burada da istenmektedir. Bu bilgileri doldurduktan sorna etbis kaydı için bir sonraki adıma kaydet diyerek devam ediyoruz.

9-Bankalar sekmesinden Banka Adı, Yurtdışı Banka Adı, E-Ticaret kullanıyor mu gibi sorulara yanıt vermenizi isteyecektir. Yeni Kayıt Ekle butonuna bastıktan sonra etbis kaydı için bu soruları yanıtlayarak kaydet diyebilirsiniz.

10-Veritabanları kısmına gidip ülke ve şehir bilgilerini yazmanız gerekmektedir. Eğer bu bilgileri bilmiyorsanız Hosting firmanız ile görüşmeli ve ya destek iletisi oluşturarak öğrenebilirsiniz.

11- Depo ve Üretim Yeri sekmesinden depo ve üretim yerlerinize ait bilgileri Yeni kayıt ekle diyerek ekleyip kaydet diyoruz.

12- Kayıt ve Bildirim onayına gelerek etbis kaydı için verdiğimiz bilgileri kotrol edip onaylamamız gerekiyor.

 

E-Ticaret siteleri için Etbis kaydı nasıl yapılır sizlere sade bir dille anlatmaya çalıştım. Umarım yardım olabilmişimdir.

FileZilla Nedir? Filezilla Nasıl Kullanılır?

FileZilla Nedir?

FileZilla, uzak sunucular için bağlantı protokolü olarak adlandırılır. Basit bir kullanıma sahip arayüzü ile hosting, reseller,vps gibi aklımıza gelen ve parçalanmış sunucu tipine bağlanmamızı sağlamaktadır. Hızlı ve gelişmiş bir sistem olarak karşımıza çıkan ve internet sitesi kuranların dikkatini çekmiş basit ve ücretsizdir. Ftp bağlanma programı olarak ülkemizde de ilk sırayı almaktadır. FileZilla nedir sorunuza cevap verdiğimize gör gelelim yararlarına. FileZilla ile sunucu üzerinden yaptığınız hiç bir işlem yarım kalmamaktadır. İnternetiniz koptu, program kapandı gibi sorunlarla karşılaşsanız bile program tekrar açıldığında ve sunucunuza bağlandığında eski kaldığı yerden devam etmektedir. Bu yeni başlayanlar için ve professionaller için bile çok büyük bir avantaj sağlıyor.

FileZilla ile sunucunuzdaki dosyalara erişebilir, yeni dosya yükleyebilir, sunucunuzdaki dosyaları bilgisayarınıza kaydedebilir, yedeklerinizi alabilir ve dosya izinlerinizi düzenleyebilirsiniz. Filezilla nedir sorusunu yanıtladığımıza göre ftp nedir ve ftp hakkında genel sorulara kısa cevaplar ile devam edelim.

FTP Nedir?

File Transfer Protocol yani dosya gönderme protokolü anlamına gelen bir kısaltmadır. Bir bilgisayar ya da sunucu arasında bağlantı kurma dosya paylaşım işlevlerini gerçektleştirir. Ftp kullanmak için bilgisayarınız ve uzakta bulunan bir sunucunuz olmalıdır. Bağlantı gerçekleştirebilmek için ise ftp adresi, kullanıcı adı ve şifreniz olmak zorundadır. Bu bilgileri sizlere hosting firması satın aldığınız paket bilgileri ile iletmektedir. Hosting firmanızın yönetim panelinden de öğrenmeniz mümkün. Fakat bazı yönetim panellerinde bu bilgilere erişmek çok büyük külfet olabilmektedir. Böyle durumlarda destek talebi oluşturarak hosting firmanızdan ftp bilgilerini isteyebilirsiniz.

Ftp ile ilgili merak edilen sorular ve kısa cevaplarını aşağıda bulabilirsiniz.

Ftp ile Sadece Tek Taraflı Gönderim mi Yapılır?
Hayır. Ftp ile dosya gönderebildiğiniz gibi, sunucunuzda kayıtlı olan dosyaları da bilgisayarınıza yükleyebilirsiniz. Yani iki doğrultulu kullanım olanağı sunar.

Ftp için Bir Ücret Ödemem Gerekir mi?
Hayır. Eğer bir host yada sunucu satın aldıysanız, ftp o bölgeye yalnızca dosya transferi sağlar. Hem de FileZilla gibi programlar bedava olmasından bu aşamada rastgele bir ücret ödemeniz gerekmez.

İnternet Bağlantısı Olmadan Ftp Kullanabilir miyim?
Hayır. Ftp ile dosya transferi yada indirme yapabilmek amacıyla bir internet bağlantınızın olması gerekir.

Aktarım Sırasında Bağlantı Kesilirse Ne Yapmalıyım?
Aktarım esnasında bağlantı kesilmesi, o dosyanın tam olarak inmemesine namacıyla olur. Bu sebeple bağlantınız düzeldiğinde evvelceki transferi silerek tekrardan yükleme yapmanız en sıhhatli olanıdır.

Ftp Sadece Programlar ile mi Kullanılır?
En iyi teknik bu şekilde kullanmaktır. Fakat birtakım hosting firmaları yada internet panelleri, internet üzerinden de ftp ile bağlantı kurmanıza imkan veriyor.

 

Bazı FTP Komutları:

cd : Dizin değiştirme (cd <endeks adı>) (cd .. : bulunulan endeksden bir öndekine geçme)

pwd : Bulunulan endeksin adını verir

dir : Bulunulan endeksdeki dosyaları listeleme

ls : Bulunulan endeksdeki dosyaları kisa olarak listeleme (Örnek kullanımlar : ls -lr : ayrıntılı, tersten alfabetik listeleme; ls -lr |more : sayfa sayfa listeleme (endeks içersinde cok çok sayıda dosya varsa bu kullanım gerektiğince yararlıdır))

get : Dosya alma (get <dosya_adı> (<alındıktan_sonraki_adı>). (<alındıktan_sonraki_adı> seçimliktir, kullanılmayabilir. Bu halde dosya_adı aynen kullanılacaktır.

put : Dosya gönderme (put <dosya_adı> (<göndereceğimiz_yerdeki_adı>)

mget : Birden çok dosya alabilmek istendiğinde tüketilir. Örnek kullanımlar: mget *.zip, mget a*.* vb..

mput : Birden çok dosya göndermek istendiğinde tüketilir.

ascii : Dosya transferlarında transfer modu olarak ASCII kullanılacağını belirtme.

binary : Dosya transferlarında transfer modu olarak BINARY kullanılacağını belirtme. Arşiv dosyaları (zip, arj, z, zoo, hqx vb), calıştırılabilir programlar (.exe, .com), resim formatlı programlar (gif, jpeg vb) FTP ile alınmadan/ya da gönderilmeden evvelce kesinlikle bu komut verilmelidir.

delete : FTP oluşturulan yerde bir dosyayı silme (delete <dosya adı>, şayet yetkiniz varsa kullanabileceğiniz bir komuttur) mkdir : FTP yapilan yerde yeni bir endeks oluşturma (mkdir <endeks adı>, şayet yetkiniz varsa kullanabileceğiniz bir komuttur)

rmdir : FTP oluşturulan yerde boş bir endeksi silme (rmdir <endeks adı>, şayet yetkiniz varsa kullanabileceğiniz bir komuttur) help : Kullanılabilecek komutlar ile alakalı bir yardım ekranı çıkarır.

lcd : FTP ortamından çıkmadan, kendi makinanızda endeks değiştirmenizi imkanlı kılar.

close : FTP ortamından çıkmadan, yalnızca alakalı bağlantıyı kapamak amacıyla tüketilir.

quit : FTP ortamından çıkmak ve bağlantıyı kapamak amacıyla tüketilir (bye komutu da aynı işi görür).

Ftp kavramına genel bir bakış attık. Gelin hep birlikte filezilla nasıl kullanılır anlatımına geçelim.

FileZilla Nasıl Kullanılır?

Ftp programlarından en gözdesi olan filezilla programınını kendi sitesinden indirmelisiniz.Sunucu bilgilerinizi ve şifrelerinizi paylaşacağınız program olduğu için güvenlik olarak en üst düzeyde önlem almanızı ve kendi sitesinden indirmenizi öneririm.

https://filezilla-project.org/ adresine giderek açılan ana sayfada “Download FileZilla Client All platforms” butonunu göreceksiniz. Bu butona tıkladıktan sonra açılan sayfada “Download FileZilla Client” butonuna tıklayarak filezilla programının kurulum dosyalarını indirmeniz gerekmektedir. İndirme işlemi tamamlandıktan sonra ingilizce kurulum aşamalarını geçiyoruz. Korkmayın program kurulumu ingilizce ama arayüz tamamen Türkçe :)Aşağıda  sizlere genel olarak bölümlerin ne işe yaradığını resim üzerinde göstermeye çalıştım. Detaylıca inceleyeceğimizi belirterekten sadece ön bilgi olsun diye bu görseli paylaşıyorum.

FileZilla programını kurdunuz ve açtınız. Sunucunuza bağlanmak için gerekli bazı bilgilere ihtiyacınız olacak. Eğer bu bilgileri bilmiyor iseniz hosting firmanıza destek talebi oluşturarak öğrenebilirsiniz. cPanel bilgilerinizle aynı bilgilerdir genellikle ama yine de kararsız kaldıysanız hosting firmanıza danışmalısınız.

Sunucu: ftp.siteismi.com ya da İp Adresi

Kullanıcı Adı: Ftp Kullanıcı Adı

Parola: Ftp Kullanıcı Şifresi

Kapı: Bu kısmı hosting firmasından öğrenebilirsiniz. Genellikle 21 ve 22 değerleri kullanılır.

Tüm bu bilgileri girdikten sonra sunucunuza bağlandınız demektir.Bağlandığınızda karşınıza size yukarıda verdiğim görseldeki açıklama alanlarını kontrol ederek bilgi sahibi olabilirsiniz. FileZilla nasıl kullanılır anlatımına dosya aktarım ile devam ediyoruz.

FileZilla İle Dosya Aktarımı Nasıl Yapılır?

Filezilla programı sürükle bırak teknolojisini en iyi kullanan programlardan bir tanesidir demek doğru olacaktır. Bilgisayarınızdan sunucunuza, sunucunuzdan bilgisayarınıza sürükle bırak teknolojisinden yararlanarak dosya aktarabilir ve ya indirebilirsiniz. Yukarıdaki genel görselde bahsettiğim sol taraf yani yerel site alanı sizin bilgisayarınız, sağ taraf ise sitemizi barındıran sunucudur. Bu penceeler yardımıyla sürükle bırak ile dosyalarınızı kopyalayabilir, istediğiniz gibi dosyalarınızı taşıyıp dosya aktarımı yapabilirsiniz. Ayrıca program dışında bir klasörü sürükleyerek sunucunuza aktarabilirsiniz.

Yukarıdaki görselde sunucu kısmında bulunan public_html, mail gibi klasörler ana dizin olarak adlandırılırken sitemizin kurulu olduğu public_html ya da www ana dizinleri altındaki wp-admin, wp-content gibi klasörler ise alt dizin olarak adlandırılmaktadır. Plesk panel kullanıyorsanız site dosyalarınız httpdocs ana dizini içerisinde yer almaktadır. Site ziyaretçilerimiz sitemize girdiğinde bu dizinler sayesinde sitemizi görüntüleyebilmektedir.

FileZilla Dosya Yönetimi

Filezille dosya yönetimi aslında bilgisayarımızın dosya yönetici programıyla oldukça benzer sadece ufak tefek değişiklikler mevcut. Geri tuşu malesef yok.

  • Filezilla ile klasör açmak için çift tıklamamız yeterli oluyor.
  • Geri tuşu olmadığını söylemiştim ama onun yerine klasörün en üstünde klasör simgesi ve .. yan yana bir işaret göreceksiniz buna çift tıklamanız durumunda geriye gidebilirsiniz. Ya da backspace yani yazı yazarken geriyte doğru silme tuşumuş bir önceki klasöre dönmemize olanak sağlıyor.
  • Filezilla ile yeni klasör açmak için sağ tıklayıp Klasör Oluştur demeniz yeterli olmaktadır.
  • Klasör ve ya dosya silmek için sağ tıklayıp sil demeniz ve ya seçip delete tuşuna basmanız yeterli oluyor.
  • Filezilla ile dosya izinleri ayarlama

Dosya izinleri genellikle güvenlik sorunları ve opencart vqmod kurulumu gibi alanlarda çok sık muhattap olacağınız bir durum. Dosya ve klasörler için Okuma, Çalıştırma ve Yazma gibi izinleri admin, grup ve genel kullanıcılar için değiştirmenize olanak veriyor. Örnek vermek gerekirse anasayfamızı oluşturan index.php dosyası ziyaretçiler için sadece okuma iznine sahiptir. Eğer yazma izni verirsek herkes sitemiz üzerinde değişiklikler yapabilecek bir güvenlik açığı vermiş olacağız.

 

FileZilla ile dosya izinleri ayarlamak için dosyaya sağ tıklayıp dosya izinleri.. tıklamanız yeterlidir. Dosya izinlerini sayısal değerler olarak da ayarlamanız mümkündür.

 

Buradan yapacağınız işlemlere genel olarak CHMOD olarak adlandırılacaktır. Eğer bir sorunla karşılaştınız ve araştırdığınızda chmod 644 yap gibi bir tabirle karşılaşırsanız anlayın ki dosya izinlerinden sayısal değeri 644 yapmalısınız.

 

 

 

 

FileZilla Hataları

  • Hata: Sunucuyla Bağlantı Kurulamıyor

Name Server yönlendirme işlemi tamamlanmadan ftp.siteismi.com sunucusuyla giriş yapamazsınız. ns yönlendirme işlemi 2 ile 24 saat sürebilmektedir. Bu zaman dilimi tamamlandıktan sonra hala giriş sorunu yaşıyorsanız hosting firmanıza danışmalısınız. Filezilla en son sürümü kullanmanızda fayda var.

  • Dosya Aktarımı Yaparken Bağlantı Kesilmesi

Dosya aktarımı yaparken bağlantısınız kesildi, dosya aktarımı yaparken elektrikler kesildi gibi sorun yaşadıysanız sakin olun. Filezilla kaldığı yerden devam edecektir. Oldu ki filezilla hatayı düzeltemedi. Tekrar aynı dosya aktarımı yapma işlemine başlayın hedef dosya zaten var hatası ile karşılaşırsanız atla diyerek dosyalarınız karışmadan sorunu çözebilirsiniz.

  • Filezilla Hedef Dosya Zaten Var Hatası

Sunucunuzdan düzenlemek amacıyla bir dosyayı bilgisayarınıza indirdiniz. Düzenlediniz ve yine sunucunuza yüklemek istediniz. Düzenlenmemiş dosya hala sunucunuzda bulunduğu amacıyla bu Hatayı verecektir. “Üzerine yazılsın” kutucuğunu işaretleyip “Tamam”a basıp devam edebilirsiniz. Böylece dosyanız yenisiyle güncellenecektir.

WordPress kurulum dosyalarını yüklerken de sık sık bu Hatayı verebiliyor. Sebebi ise ara sıra ftp sunucuyla bağlantınızın kopması. Bu halde uygulama ftp ile yine bağlandığında transfer prosedürünü bir önceki dosya ile başlatması. Ancak “Üzerine yazılsın.” deyip devam etmek de bir sorun çıkarmıyor.

FileZilla Altarnatif Programlar

-CoreFTP ( cPanel kullanıcıları aşinadır eminim. FTP ve SFTP yapılandırma dosyalarını cPanel üzerinden indirip şifre girerek sunucularına bağlanabilirler.)

-FireFtp (Tarayıcı Tabanlıdır İndirme Gekektirmez Mozilla Eklentisi Var) Normal Bir Programdan Aşağı Kalır Bir Yanı Yok

-CuteFtp (Tarz Olarak Filezillaya Benziyor)

-CyberDuck (Yayın Hayatına Mac Platformunda Başlamış Olup Daha Sonra Windows İçinde Sürümler Çıkarmıştır)

Sizler için ftp nedir, filezilla nedir, filezilla nasıl kullanılır ve filezilla alternatif programlar için detaylı bir yazı hazırlamaya çalıştım.

Online Oyunda FPS Sorunu

Günümüzde hepimiz online oyun oynamaktan büyük keyif alıyoruz ki bu tartışılmaz gerçek. Peki bu online oyunda fps sorunu hangimizi kanser etmedi ki? İyi bilgisayarda fps düşüklüğü, fps arttırma gibi konulara bu yazıda değinmek istedim.

FPS Nedir? FPS Ne İşe Yarar?

Oyun dünyasıyla yeni yeni giriş yapıyorsanız bu terimi çok duyacaksınız buna emin olabilirsiniz. Açılımı Frame Per Second, Türkçe anlamı ise Saniyelik Görüntü Sayısı diyebiliriz. Gelişen teknoloji ile birlikte yeni oyunlarda görsellik ve performans açısından önemli bir özellik olmasının yanı sıra kullanıcıların pek bilgi sahibi olmadığı konu olarak karşımıza çıkıyor. Bir oyundan keyif almak istiyorsanız kesinlikle ses ve görüntü kalitesi ilk sıralardaki kriterlerde yer almaktadır. Bilgisayarınızın ve ekran kartınızın performansını ölçen birim olarak FPS karşımıza çıkıyor. Peki kaç fps uygun kaç fps altı uygun değil gibi sorular soracaksınız eminim ki. Bunların hepsini bu yazıda vermeye çalışacağım.

İlk oyunlarla birlikte üzerinde çok konuşulan bir konudur bu fps değerleri. Özellikle online oyun ve turnuvalarda fps, kazanmak için gerekli bir şart olmuştur. Bazı online oyunlarda fps değerleri 30 altına düştüğünde oyun oynamaktan vazgeçmektedir. 30 altında bir fps oyun içerisindeki hareketlerin ve reflekslerinizin işlevini yitirmesine sebep olmaktadır. Günümüzde ise 45-50 altı fpsler gelişen ve resmen görsel şölen sunan oyunları oynamanız için yeterli değildir. Benim size önerim 50 altında fps değeriniz varsa oyunlardan keyif alamayabilirsiniz. Oyun dünyasında 30 altı oynanamaz ve 50 üstü uygun şeklinde bir değerlendirme vardır.

Center

Yukarıda 50 fps, 25 fps ve 12.5 fps değerlerinin karşılaştırmasını yapabilirsiniz.

Fps, ekranımıza yansıyan görüntüleri daha erken bir zamanda gözlemlemize olanak sağlıyor diyebiliriz. Fps değerleri tek kişilik oyunlarda çok sorgulanmaz iken internet ortamından online oyunlarda fps çok büyük bir sorun ve önemli etken haline gelmektedir. Yüksek fps oyuncular arasında rekabetin dışında biraz da keyif konusunda büyük bir fark yaratıyor. Yüksek yenilenme oranı daha akıcı bir görüntü ile karşılaşmanıza olanak sağlıyor.

Özellikle online oyunda fps sorunu giderme için yazının devamını okumalısınız.

Online Oyunda Fps Sorunu

Özellikle yazılımsal olarak fps yükseltme için bir kaç adım sıraladım sizlere. Önceden 45 fpslerde oynarken bu ayarlar ve bir laptop soğutucusu ile 100-145 fps arasında oyunun keyfini sürüyorum 🙂

İşte sizin için fps yükseltme işlemleri:

  • Ekran Kartı Sürücülerinizi Güncelleyin

Ekran kartı sürücü güncellemeleri genellikle önemli sorunları gidermek ve iyileştirmeler içindir. Hali hazırda zaten sürücünüz kuruludur. Fakat siz sürücülerinizi özellikle ekran kartı sürücünüzü güncellerseniz daha iyi verim alabilirsiniz. Yeni bile bir bilgisayar almış olsanız ilk işiniz sürücülerinizi güncellemek olmalıdır. Baştan bir bilgisayar toplayacaksanız NVIDIA, İntel ve ya AMD üreticilerinin ekran kartlarını tercih etmenizi öneririm.

Sürücü Nasıl Güncellenir adlı bir yazı yazıp buraya bir linkini bırakacağım ilerleyen günlerde.

  • Oyun İçi Ayarlar

Oyun içerisinde belirlenen görünyü ayarları FPS üzerinde çok büyük bir etkisi vardır. Bu ayarlar; oyunun kalitesini azaltacak ancak daha hızlı çalışmasını sağlamak içindir. Bu ayarlarınızı kurcalamanız kalite ve performans için en iyi naktayı bulmanızı sağlayacaktır. Başlangıç noktası olarak oyununuza giriniz.Oyun ayarlarınızdan Görüntü sekmesine girmelisiniz.

Ayarlarınızı kalite olarak ortaya ve ya en düşüğe getirmelisiniz.

Çözünürlüğünüz masaüstü çözünürlüğü ile aynı olmalıdır.

Dikey senkronizasyon ve anti-aliasing gibi özellikleri kapatmalısınız.

Bazı oyunlarda donanım üzerindeki işlemleri azalmak için arayüz ayarları da mevcuttur. Bu ayarlarınızı animasyonları ve efekleri kapatarak online oyun fps sorunu çözmek için kullanabilirisiniz.

Aynı zamanda oyun içerisindeki oyun içi sesleri devre dışı bırakbilirsiniz. Oyun içerisinde jenerik müzikleri gibi sesleri kapatarak fps arttırma işlemine yardımcı olabilirsiniz.

  • İstenmeyen Programları Devre Dışı Bırakma

Windows işletim sistemini kulllananlar programları kaldırmadan önce arka planda hangi programların çalıştığını kontrol edebilirler ve gerekli görmedikleri uygulamaları devre dışı bırakabilirler. Windowsunuzu temiz tutarak online oyunda fps arttırma yapabilirsiniz.

[Windows Tuşu] + R’ye bas.
Aç yazan kısıma msconfig yaz ve Tamam’a tıkla.
Hizmetler sekmesine gel.
Tüm Microsoft hizmetlerini gizle kutucuğunu etkinleştir, böylece önemli bir işlemi yanlışlıkla devre dışı bırakamazsın.
Tümünü devre dışı bırak düğmesine bas.
Başlatma sekmesine tıkla.
Tümünü devre dışı bırak düğmesine bas.
Uygula’ya tıkla.
Tamam’a bas.
Bilgisayarını yeniden başlat.

Aşırı bellek ve işlemci kullanan uygulamaları kaldırma

Yukarıdaki işlemleri yaptınız ve oyun içi performansında bir artış sağladınız ve fps arttırma işleminden memnunsunuz ama daha iyi olabilir mi diyorsunuz. Bilgisayarınızdan yoğun bellek ve işlemci kullanan programları tespit edebilir ve gereksiz olan programları kaldırabilirsiniz. Eğer programı kaldırmada sorun yaşıyorsanız bu kötü amaçlı bir yazılım olabilir. Ayrıca güvenlik yazılımınızı güncel tutarak da kötü amaçlı yazılımları temizlemede kendinize yardımcı alabilirsiniz 🙂

  • Ekran Kartı Ayarlarınızı ve Yazılımı

Ekran kartı yönetim paneliniz oynadığınız online oyun fps sorunu için müdahale etmediğinden emin olmalısınız. Ekran kartı yönetim panelinizden varsayılan ayarlara dönmeniz sorununuzu çözecektir.

NVIDIA DENETİM MASASI
Masaüstüne sağ tıkla ve NVIDIA Denetim Masası’nı seç.
3D Ayarlarının Yönetilmesi’ne gir.
Varsayılana Geri Yükle seçeneğine tıkla.

CATALYST DENETİM MERKEZİ
Masaüstüne sağ tıkla ve Catalyst Denetim Merkezi’ni seç.
Tercihler’e gir.
Fabrika Ayarlarına Geri Dön seçeneğine tıkla.

  • Oyun Dosyalarınızı Onarın ve ya Güncelleyin

Bazı durumlarda oyun dosyalarınız çökebilir ve ya bazı durumlardan değişebilmektedir. Eğer bir steam, origin gibi yönetici kullanıyorsanız bu arayüzlerden yardım alarak oyun dosyalarınızı onarıp güncellemelisiniz. Bu güncellemeler ile fps artışı sağlayabilirsiniz.

  • Windows’u En iyi Performans için Hazırlayın

İşletim sisteminizi yeterince güçlü olmayan donanıma sahip bir bilgisayarda hem windows hem de online oyun görsel özelliklerini aynı anda karşılayamayabilir. Bilgisayarın windows özelliklerinden görsel özelliklerini kapatabilirsiniz. Bunu genellikle oynadığınız oyun için yeterince güçlü olmayan bilgisayarlar faydalanmalıdır. Bu uygulamaları yaparak performansda artış olacaktır.

Bilgisayar’a sağ tıkla.
Özellikler’e bas
Gelişmiş Sistem Ayarları’na gir.
Gelişmiş sekmesine gir.
Performams’ın altındaki Ayarlar’a tıkla.
En iyi performans için ayarla özelliğini seç.
Gelişmiş sekmesine geç.
Aşağıdakini en iyi performansı için ayarla: Programlar’ı seç.
Not: Eğer oyunu Pencere modunda ya da Çerçevesiz modda çalıştırıyorsan, aynı zamanda Aero’yu da devre dışı bırakman gerekebilir.

  • Isınma Etkisinden Kaçının

Bilgisayarınızı yeni açtınız ve oyuna girdiniz. Başta çok iyi bir performans alıyorsunuz fakat sonradan yavaşlama, kasma ve fps sorunu mu yaşıyorsunuz? Bilgisayarınız oldukça ısınmış mı diye kontrol etmelisiniz.Isınmadan kurtulmak ve ısınma sorununu ve beraberinde getirdiği fps sorununu en aza indirebilirsiniz.

Bilgisayarının fanlarını ve havalandırma deliklerini basınçlı hava ile temizle. Bilgisayarların fanları genellikle toz, kir ve kıl nedeniyle tıkanır. Bilgisayarının havalandırma deliklerini ve fanlarını temizlemen, hava akışını arttıracak ve makinenin düşük ısıda çalışmasını sağlayacaktır.
Eğer League of Legends’ı dizüstü bilgisayarında oynuyorsan bir dizüstü bilgisayar soğutucusu alabilirsin. Modeline bağlı olarak ya duvara ya da bilgisayarının USB girişne takılabilen harici soğutucular var. Bunlar, dizüstü bilgisayarları soğutma konusunda oldukça etkililer.

  • Sistem Kayıt Defterini Temizleyin

Bilgisayara her program yüklendiğinde sistem kayıt defterlerinde değişiklikler yapmaktadır. Sistem kayıt defteri, işletim sistemi ve ayarlarınızın olduğu bir veritabanıdır. Ccleaner uygulaması ile kayıt defterinizi temizleyebilirsiniz.

  • Sabit Disk Birleştirme

Sabit diskler, dosyalarınız ve verileriniz eklendikçe düzensiz bir hale gelebilmektedir. Böyle durumlarda programlar ve oyunlar gerekli dosyaları bulmakta zorlanır ve size fps sorunu olarak geri dönüş yapar. Bunu nasıl yapılacağınızı https://support.microsoft.com/tr-tr/help/17126/windows-7-improve-performance-defragmenting-hard-disk bu adresten öğrenebilirsiniz.

  • DirectX

DirectX güncellemelerinizi düzenli olarak yapınız. Bu güncellemeler ile performans artışını deneyimleyeceksiniz.

  • Dizüstü Bilgisayarın Güç Ayarları

Dizüstü bilgisayarlar pillerin daha çok dayanmasını sağlamak için güç tasarrufu uygulamaktadırlar. Aşağıdaki ayarları yaparak online oyunda fps sorunu için bu etkeni de ortadan kaldırabilirsiniz.

Bilgisayarının Denetim Masası’ndan Güç Seçenekleri’ni aç.
Eğer güç planın tasarruf yapacak şekilde belirlenmişse, bunu performans seçeneği ile değiştirmen gerekir. Performans seçeneğinin seçili olduğundan tamamen emin olduktan sonra “Plan ayarlarını değiştir”e tıkla.
Yüksek Performans’ı etkinleştir.

Yukarıda verdiğim tüm işlemlerden sonra online oyun fps sorunu için fps arttırma işlemlerini gerçekleştirebilirsiniz. Aklınıza takılan bir soruda yorum yapmaktan çekinmeyiniz.

Opencart Modül Nasıl Yüklenir?

Opencart daha önceden de yazdığım yazılarda belirttiğim gibi açık kaynak kodlu, ücretsiz ve popülerliği git gide artan bir yazılım haline gelmektedir. Ücretsiz olması bir çok kullanıcı tarafından tercih edilse de bazı durumlarda opencart için modüllere/eklentilere ihtiyaç duyabilmekteyiz ve bu ihtiyacımızı kendimiz görebilecek durumdayken ki bu yazıyı araştırıp bulduğunuza göre yükleyebileceğinize güveniyorsunuzdur; ücret karşılığında opencart modül yükleme işlemlerini yaptırıyoruz. Gelelim ücretsiz e-ticaret sitemize yani opencart modül yükleme / kurma işine.

Opencart Modül Yükleme İşleminden Önce Dikkat Etmeniz Gerekenler

Opencart tabanlı bir web siteniz için ücretli ve ya ücretsiz bir modül almadan önce lütfen Opencart sürümünüz ile modülünün uyumluluğunu sorun ve ya araştırın. Bazı modül dosyaları opencart sisteminizde var olan bir dosyayı değiştirme gereksinimi duyabilirler. Uyumlu versiyon için doğru modül seçimi sizi hatalardan koruyacaktır. Uyumsuz bir versiyon ise değiştirilmesi gereken ya da eklenmesi gereken kodları manuel eklemeniz gerekmektedir. Opencart modül yükleme işleminden önce mutlaka bu dediklerimi dikkate almanızı öneririm.

Opencart Modül Yükleme

Aşama aşama olarak sizlere opencart modül nasıl yüklenir konusunu anlatacağım fakat her yazımda da belirttiğim gibi sitenizin bir yedeğini hatta iki adet yedeğini bilgisayarınızda barındırmalısınız. Bazı modüller kurulurken sunucuda var olan dosyalarımızı değiştirme gibi durum söz konusu olabiliyor ve siz de dosyalarınızda düzenleme yapmış iseniz bu düzenlemeleri, optimizasyonları kaybedebilirsiniz. Sonradan pişman olmamak adına riski çok az olsa da site yedeğinizi bilgisayarınızda bulundurun. Gelelim opencart modül yükleme anlatımımıza…

1- Öncelikle edindiğimiz opencart modülümüzü bilgisayarımıza indirelim ve sıkıştırılmış dosya ise klasör halinde dışarıya çıkartalım. Bunun bir görselini koyma gereği duymuyorum. Sonrasında ise ftp bilgilerimizle sunucumuza erişiyoruz.

2- Klasör olarak çıkarttığımız eklentinizin içerisine girdiğinizde admin ve catalog adında 2 adet klasör ile daha karşılaşacaksınız.Bazı durumlarda veri ve vqmod adlı klasörler de olabilmektedir. Eğer vqmod klasörü var ise opencart sitenizde vqmod kurulu olmalıdır. Eğer kurulu değilse opencart vqmod kurulumu yazımı okuyabilir ve kurulumu yapabilirsiniz. Bu opencart modül dosyalarını ftp yazılımızın yardımıyla public_html içerisine atmamız gerekecek.

3- Kopyalama işlemi bittikten sonra ftp yazılımınızı kapatabilir ve Opencart yönetim paneline giderek yüklediğimiz modülü kurmamız gerekecektir.

Opencart admin paneli > Eklentiler > Eklentiler seçeneklerini takip ederek yeni yüklediğimiz modülü kurmamız gerekecek. Opencart modül yükleme işlemimiz bu kadar kısa ve basit arkadaşlar.

 

Opencart Modül Kurulumu Sonrası Bilmeniz Gerekenler

Modülünüzü sorunsuz bir şekilde kurdunuz kullandınız ve belirli bir süre sonra ihtiyacınız kalmadı. Peki opencart modül nasıl kaldırılır diye soracak olursanız. Bu sorunun cevabı yukarda yaptığımız işlemlerin tam tersi.

Opencart admin paneli > Eklentiler > Eklentiler seçeneklerini takip ederek Kaldırmak istediğimiz modülü kaldır diyoruz. Buradan modülü kaldır demeniz sadece veritabanından modülü kaldırmış olacaktır. Opencart modül dosyaları hala sunucunuzda barınacaktır. Dosyalar üzerinde değişiklik yapmışsanız onları da geri almanız gerekecektir. Bu önerilerimi dikkate alarak işlem yaptığınızda sorunsuz bir şekilde opencart modül yükleme işlemlerini gerçekleştirebilirsiniz.