WordPress İçin Instagram Widget

Instagram’ın hayatımıza etkisinden önceki yazımda bahsetmiştim. Çoğumuzun fotoğraflarını sergilediği bu fotoğraf paylaşma servisini kişisel bloglarımızda paylaşmayı da isteriz belki. İsteyen dostlar için bir widget eklentisini paylaşacağım. Bu eklentiyi sizinle paylaşmaya karar vermeden önce birçok eklentiyi ve embed hizmeti sağlayan bazı servisleri denedim, sizin ve kendim için en uygun olduğu için Instagram Slider Widget‘ı tercih ettim.

Eklenti sayfasından eklentiyi indirip “wp-content/plugin” dizinine dosyaları yükledikten sonra eklenti sayfasından aktif hale getiriyoruz. Ardından widget uyumlu temamızda Instagram’ı göstermek için yönetici panelinden Görünüm>Bileşenler sayfasına gidiyoruz. Burada Instagram Slider kutucuğunu göstermek istediğimiz yere sürükle bırak yapıyoruz. Ardından ayarlarını tamamlayıp kaydet butonuna basıyoruz. Benim ayarlarım aşağıdaki gibi.

widget-instagram-wp-setting

WebFonter: Web Yazı Tipini Sayfada Denemek İçin Basit Çözüm

Bir internet sayfasının tasarımı tamamlayan en önemli şartı font tipidir. Font tipi aynı zamanda sayfa kullanımının da en önemli parçasıdır. Gerek tasarımcılar için gerekse geliştiriciler için de bir o kadar yorucu olabiliyor o kadar font içinde en doğru olanı seçip kullanmak. Google Fontlar ile bu sorunu büyük ölçüde çözse de fontların kendi sayfamızda nasıl duracağını kestirmek zor oluyor. Burada da imdada WebFonter yetişiyor.

WebFonter, yazı tiplerini istediğimiz herhangi bir sayfada deneme imkanını bize sunuyor. Google Chrome için bir de eklentisi bulunan servisi kullanımı da oldukça kolay. Font ailesini seçtikten sonra tipini ve hangi alanlarda kullanılması gerektiğini seçiyoruz. Ardından boyut ayarlarını tamamlıyoruz. Hepsi bu kadar.

fontshop

[alert-note] Eğer Webfonter’ı yer işaretlerine eklemek isterseniz bu linke tıklamanız yeterli [/alert-note]

Websense Engeline Takılan Sayfanız Nasıl Kurtarılır?

Güvenlik zaafiyetinden dolayı Google Chrome ve Yandex filtreleri tarafından zararlı olarak algılanıp engellenen internet sayfalarımızın nasıl kurtulacağını birkaç gün önce sizlerle paylaşmıştım. Yazımda anlattığım maddelerde alınması gereken tedbirlerden uzunca bahsettim. Sadece Websense filtresini pas geçmiştim çünkü onunla ilgili bir çalışma yapmamıştım. Sonuçlanınca onuda sizlerle paylaşmak istedim. Önce birkaç maddede neden Websense filtresine takılabileceğimize bakalım:

websense-nyt-logo-365x207

  • Bugüne kadar düzgün içerikler bile paylaşmış olsak  bir tane içeriğin “şaka/öylesine” dahi olması
  • Şifre kırma, hack vb. başlıklı içerikler
  • Trojan vb. saldırıların sonucunda bu şekilde zararlı öğeler barındırmak

 

 

 

 

Eğer bu sebeplerden dolayı engellemeye maruz kalınıyorsa öncelikli yapılması gereken ilk şey bu içeriklerin temizlenmesi. Benim MSN şifreleri ile ilgili 2006 yılında “şaka” mahiyetinde paylaştığım bir link vardı. Hemen hemen en büyük ziyaretçi de bu başlıktan geliyordu arama motorlarından. Ancak bu tarzda engellemeler ile karşılaşınca deyim yerindeyse gözünün yaşına bakmadan sildim. Buna benzer birkaç içeriği ki bunların içinde ebeveyn filtreleri ile ilgili birkaç yazım da vardı, sildim. Tabi amaç düzgün içerik değilse farklı düşünülebilir ancak ben temiz olmayı tercih ediyorum. Temizlik yapıldıktan sonra ise  suggest@websense.com adresine engellemenin bulunduğu sayfanın adresini ve bunun Websense tarafından engellendiğini tekrar gözden geçirilmesi gerektiğini, iletişim bilgilerini içeren bir e-posta gönderiyoruz.

Sistem için kayda alındığını gördüğümüz bir e-posta alacağız hemen. Bu e-postada moderatörlerin sisteyi tekrar gözden geçireceğini bunun biraz zaman alabileceğini ve referans numarası bizlerle paylaşılıyor. İncelemenin yapıldığını içeren e-posta ise biraz zaman alıyor. Ben 14 saat sonra cevap alabildim ve bu konuda şanslı olduğumu düşünüyorum. Gelen e-posta ise şöyleydi:

Hello,

The site you submitted has been reviewed and assigned the following category:

https://www.h-yaman.com/ – Information Technology

Categorization updates should be reflected in the next scheduled database publication, and will be available shortly to Real-Time Updates subscribers.

Thank you for your inquiry,

Elisabeth
Websense Labs

Sabah kontrol ettiğimizde ise engelin kalktığını gördük. Böylece anladım ki Bilal Çınarlı’nın da deyimiyle “liseli” yazıları yazıp kendi ayağımıza kurşun sıkmanın bir anlamı yok.

WordPress: Blogunuz Zararlı Site Olarak Algılanınca Yapılması Gereken 10 Öneri

Blog yazarlarının ya da daha geniş bir çemberi alırsak internet sayfalarının amacı hizmet verip içerik üretirken bir diğer yandan da ziyaretçinin güvenliğini en yüksek derecede sağlamaktır. Aksi taktirde altından kalkılamayacak maddi hasarlara yol açacağı gibi yok olma tehlikesini de karşısında bulmuş olur.

Hiçbir site yöneticisi böyle bir durumla karşılaşmayı elbette istemez ancak ortak kullanılan içerik yönetim sistemlerinin zaafı, yine özel yazdırılmış CMS sistemlerinin zaafı, kısacası internette iyilerin karşısında bir o kadar da uyanık ve kötülerin olması sebebiyle dış etkenler site yöneticisini bilmeden, haberi olmadan bu kabusun ortasına atabiliyor.

Birgün sabah geliyorsunuz, güzel bir içerik eklemek istiyorsunuz ve tarayıcı “bu siteye girmeniz güvenli değil”, “Bu site bilgisayarınıza zarar verebilir” gibi uyarılar vererek kendi emek verdiğiniz siteye girmemenizi isteyebiliyor. Antivirüs programı yanıp sönüp uyarı verebiliyor. En sevmediğim bu durumlarla kısmen de olsa karşılaşmış birisi olarak  bazı tavsiyelerim olacak.

1- “iframe” Kodlarına Hızlıca Gözat

Saldırganların genellikle yöntemleri site index.php, sidebar.php, single.php dosyalarından birine “iframe” ile başlayan bir kod parçacağı yerleştirerek sahte kazanç elde etmeleri ya da yönlendirme yapmaları olmakta. Bunun için söylediğim dosyaların içindeki iframe ile başlayan kodlara hızlıca gözatıp şüpheli olanları hatta mümkünse bir süreliğine hepsini kaldırmak olacak. Hepsini kaldırıdığımız taktirde bazı sosyal hesapları çalışmayabilir, sayaçlar düzgün sayım yapmayabilir ancak bir süreliğine bu gerekli. Ardından tarayıcı üzerinden hatanın alındığı sayfaya gidip konsoldan kodlar tekrar kontrol edilmelidir.

2- Tema Değiştir

Eğer kodlar ile değişiklik yapılarak alınan bir güvenlik zaafiyeti ise mevcut tema bir süreliğine terk edilmelidir. Sıradan bir tema kullanılarak yayına devam etmek ve tema dosyalarını A’dan Z’ye taradıktan ve gereken temizliği yaptıktan sonra tekrar kullanmak fayda sağlayacaktır.

3- Güncel Olmayan Eklentileri Kontrol Et

Güncel olmayan eklentiler çoğu zaman başa bela olabilirler. Bu yüzden tavsiyem güncellemelerini vakti gelince yapmaktır. Ancak bu panik anında karşılaşılırsa önce pasif hale getirip hatta mümkünse sunucudan dosyaları temizleyip tekrar güncel versiyonunu yüklenmesi gerekebilir.

4- Düşmanını Öğren

Eğer ki tarayıcımız bu hatayı veriyorsa muhtemel bir “trojan” bilgisi geçecektir detaylarında. Bu bilgiyi arama motorunda aratıp hakkında geniş bir bilgiye sahip olmamız, onu nerede ve nasıl arayacağımız hakkında bize daha fazla ipucu verecektir. Nerede olduğunu öğrendikten sonra temizlenmesi elbette çok daha kolay olacaktır. Ayrıca vereceği hasar hakkında da bilgi sahibi olacağımızdan dolayı önlemler alma şeklimiz daha soğukkanlı olabilir

5- Virüs Taraması Yap

Güvendiğimiz bir FTP programı yardımıyla sunucuya bağlanıp dosyaları gözden geçirmemiz ve hatta mümkünse bu dosyaları kişisel bilgisayarımıza indirip bir antivirüs programıya detaylı tarama yaptırmamız iyi bir hamle olacaktır. Gereken temizlik yapıldıktan sonra ise tavsiyem WordPress dosyalarını resmi sayfadan indirip güncelleme yapıyormuş gibi sunucuya atmak ardından da tema ve eklenti dosyalarını yüklemek olacaktır.

6- Test Et

Tüm bu işlemleri yapsak bile mutlaka bir farklı bilgisayardan ve bir farklı güvenlik programından, farklı bir tarayıcıdan mutlaka kontrol etmek gerekiyor. Hayatta kalmak için kökten temizlik yapmak şart!

7- Gerekli Önlemleri Al

Bu emeklerin boşa gitmemesini sağlamak için mevcut açıkların da kapatılması gerekiyor. Tema dosyalarının yazma izinlerini değiştirmek, sunucu şifresini ve WordPress şifresini değiştirmek bu önlemlerin en başında geliyor.

8- Anahtar Kelimelere Gözat

Bazen tüm bu telaş aslında dışarıdan bir saldırı değil de  ziyaretçi çekmek için yapılan kelime hatalarından kaynaklanabiliyor. Hem filtre programları hem de buna yakın hareket eden tarayıcılar anahtar kelimeler hoşuna gitmediği için engellemeyi gözümüze sokabiliyor. İçerik her ne kadar iyi olsa da başlık ve arama kelimelerinde yer aldığı için siteye bağlanmayabiliyor (porno vb gibi). Bunlarda da düzeltme yapmak hatta gerekiyorsa konuları silmek (en çok ziyaretçiyi çekiyor olsa dahi) iyi olacaktır.

9- Site Haritası Oluşturup Arama Motorlarına Tanıt

Bir sitemap dosyası oluşturup arama motorlarının yönetici sayfasından bu dosyayı görmelerini sağlamalıyız ki arama motoru bizim iyi mi kötü mü olduğumuzu anlayabilsin. Daha doğrusu ne yapmak istediğimizi bilsin. Bunu yapmak için hazır eklentiler kullanabiliriz.

10- Arama Motorlarına, Tarayıcılara, Filtrelere Temizlendiğini Söyle

Engellemenin olduğu sayfada mutlaka “bu site sana aitse” diyen bir kısım bulunuyor (filtre programları hariç). Buradan yönergeleri takip ederek temiz olduğumuzu ispat edebiliriz. Yönergeler yoksa da genel mantık şudur, arama motorlarının mutlaka bir yönetici ya da web araçları bölümü bulunuyor aynı Google ve Yandex’te olduğu gibi. Buradan güvenlik sekmesine gelip ilgili adreslerin tekrar gözden geçirilmesi istenilebilir. Bu süre fazla uzamayacağından ertesi gün ya da birkaç gün içinde tekrar engellemenin kalktığını görebiliriz. Böyle bir bölümü olmayan programlara ise bir e-posta göndermek faydalı olabilir.

 

 

Facebook Bağlantı Paylaşımında Sitenizin Resmi Çıkmıyorsa…

Arama motorlarının internet sayfalarına oluşturduğu ziyaretçi kaynağının önemi tartışılmaz. Günümüzde arama motorları kadar önem arz eden bir dğer kaynak da sosyal ağlar oldu. Özellikle Facebook’ta bağlantı paylaşımları her gün milyonlarca insan tarafından yapılmakta. Bu pastadan dilim kapmak için de bazen küçük ipuçlarına göz atmak ve gereken düzeltmeleri uygulamak gerekiyor.

Yeni temama geçtiğim günden bu yana Facebook’ta paylaştığım içeriklerimde farklı resimler çıkıyordu. Özellikle de “bağlantılar” bölümündeki site ikonlarından bir tanesini otomatik olarak çekiyordu. Bunu düzeltmek için “og” kodlarına ihtiyacım olduğunu öğrendim ve hemen gereken düzenlemeyi yaptım.

 

<meta property="og:title" content="title" /> 
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

Title, paylaşım yapıldığımda görünecek başlık, description kısa açıklama ve image resim değerini ifade ediyor. Kodları sitenin meta etiketleri arasına yerleştiriyoruz. İçerik türü veya daha detaylı bilgilendirme içinse Facebook’un geliştirici sayfasına bakmak gerekiyor.

CSS3 ile Şekiller

CSS3’ün nadide özelliklerini gün geçtikçe birlikte görüyoruz. Bazı arkadaşlarımız ise bizden daha fazla uğraştıkları için ortaya ilginç ama güzel şeyler çıkarıyorlar. Onlardan biri de birazdan sizleri göndereceğim listedeki kare, çember, oval şekiller, üçgen, pacman ikonu ve diğer şekillerden görebileceğiz. Işınlan

Kod Arşivinize Çeki Düzen Verin

Web işinin veya yazılımların derinliklerini ucundan köşesinden bulaşmışsanız mutlaka bir kod arşiviniz var demektir. Bu kod arşivi ilk başlarda masum gibi görünse de ilerleyen zamanlarda bir çöplüğün minyatür halinden başka birşeyi ifade etmemektedir. Aradığımızı bulamama, yanlışlıkla silme ve bunlara benzer sorunlarla karşılaşıyoruz.

My Code Stock servisi bu konuda imdadımıza yetişerek kod arşivimizi düzenli bir hale getirmemizi sağlıyor. Klasör oluşturma imkanı, detaylı kod tanımı, kod renklendirme, kodları paylaşma veya gizli yapma özelliklerinin hepsini bulunduran servise üyelik de ücretsiz.  Ayrıca etiket sistemi ile yönlendirmeleri daha da kolay yapabiliyoruz.

CSS3 Generator

CSS3 ile birlikte işlerimizi grafik kullanmadan büyük ölçüde kolaylaştıran border-radius, box-shadow, background-gradient ve opacity özelliklerini aynı anda kod yazmadan görsel olarak ayarlamamıza izin veren CSS3.me aynı zamanda internet explorer 7 ve 8 için destek veriyor. Mutlaka yer imlerinde olması gereken servis tamamen ücretsiz.