Responsive Tasarım Nasıl Yapılır – Responsive Web Tasarım

Responsive Tasarım

Responsive Tasarım Nedir

Responsive Tasarım, sitelerinizde kullandığınız temaların esnekliğini sağlayan bir yapıdır. Sitenizi ziyaret eden kullanıcıların kullandığı ekran boyutuna göre sitenizin tasarımının şekil almasıdır. Aynı zamanda Responsive Tema kullanırsanız, Mobil aramalarda siteniz daha üst sıralara çıkacaktır. Aynı zamanda İç SEO için en önemli noktalardan biridir.

Responsive Tasarım Nasıl Yapılır

Responsive Temalar sayesinde mobilde Google’da siteden siteye dolaşırken önümüze çıkan çoğu sitenin responsive (esnek) bir tasarıma sahip olduğunu görürüz. Bu sitelerde hangi çözünürlükte hangi boyutta cihazla siteye girerseniz girin yine de sitenin temasında bozulma olmayacaktır. Sizde sitelerinizi böyle yaparak sitenizi kullanıcı uyumlu hale getirebilirsiniz.
Responsive Tema tasarlayabilmek için birkaç etkili yöntem mevcuttur. Bu yöntemler ;
  • Boostrap –> Youtube ve Udemy Üzerinden birçok videosu vardır. Beğendiğiniz bir tanesini seçip izleyerek en kolay yoldan sitenizi Responsive bir şekilde tasarlamış olursunuz.
  • @media Etiketi –> Temanızı her çözünürlüğe aynı olarak düzenlersiniz. Temalarında “px” ile çalışanlar için tercih etmesi gereken bir yöntemdir.
  • % ile Çalışma –> Yüzde ile çalıştığınızda başka hiçbir şey yapma zahmetine girmessiniz. Fakat tek sorun % ile çalışmak “px” ile çalışmaktan biraz daha zordur.

Responsive Tasarım Ölçüleri

Web Geliştirirken “px” ile çalışanların sabit ölçü değerleri bulunmaktadır. Bu ölçüler ile her kullanıcıya daha kolay bir şekilde hitap edebilir.
  • Mobil Tasarımlar için 768 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.
  • Tablet Tasarımlar için 768 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.
  • Masaüstü Tasarımlar için 992 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.
  • Büyük ekranlar için 1200 px boyutundan daha küçük ölçülerle çalışma yapmalısınız.

Responsive Tasarım Teknikleri

  • Responsive tasarlarken birçok teknik bulunmaktadır. Bu teknikler web geliştirirken size çok yardımcı olacaktır.
  • Kolay yoldan responsive çalışmak istiyorsanız Boostrap ile Çalışmalısınız.
  • PX ile çalışmak bana daha rahat geliyor. Sizde rahatınıza düşkünseniz PX ile çalışmalısınız fakat @media ile tasarlamayı öğrenmeniz gerekmektedir.
  • Temanızda resim kullanacaksanız vektörel çizilmiş resim olmalıdır. Bu sayede resmi ne kadar büyültüp küçültsenizde resmin kalitesinde sorunlar olmayacaktır.
  • Adsense reklamlarınızı mobil uyumlu hale getirin.
Responsive Tasarım Nasıl Yapılır – Responsive Web Tasarım başlıklı yazımızı okuduğunuz için teşekkür ederiz. Eğer beğendiyseniz yorum bırakabilir ve sosyal medyada paylaşabilirsiniz.



| | | | Devamı » 23 Ekim 2018 Salı OĞULCAN TURAN URUN 0 yorum

Wordpress Site Bilgilerini Tanımlamak




Merhaba arkadaşlar.Bugün sizlere Windows kullanan arkadaşlar için WPScan Web'i tanıtacağım.
 
WPScan Web,hedef Wordpress sitesinin temasını,eklentilerini,kullanıcılarını ve Wordpress sürümünü gösterir.Bu sayede hack edeceğiniz sistem üzerindeki temalarda,eklentilerde ve Wordpress sürümünde exploit arayabilir,kullanıcılar üzerinde brute force deneyebilirsiniz.


Sitemiz:
İçerik açılmıştır. Yorum yazdığınız için teşekkürler.valid


https://hackertarget.com/wordpress-security-scan/




Kullanım videosu:
 
 https://www.youtube.com/watch?v=k7b0z4YKYh4
Devamı » 27 Aralık 2015 Pazar OĞULCAN TURAN URUN 0 yorum

Wordpress Config Okuma Exploit

http://www.wp-tricks.co.il/wp-content/uploads/2012/10/globe_symbol_wordpress.jpg



# Google Dork: inurl:wp-content/themes/bretheon/


Böylece database bilgilerini "/wp-config.php" dosyasını indiriyosunuz.

| Devamı » OĞULCAN TURAN URUN 0 yorum

WordPress Son Güncel 2015 Exploit İsimleri Ocak + Şubat



2015-02-19    WordPress Duplicator 0.5.8 Privilege Escalation   
2015-02-18    WordPress Image Metadata Cruncher CSRF / XSS   
2015-02-17    WordPress Image Metadata Cruncher Cross Site Scripting   
2015-02-17    WordPress Fusion 3.1 Arbitrary File Upload    Published   
2015-02-15    WordPress Photo Gallery 1.2.5 Unrestricted File Upload   
2015-02-15    WordPress Fusion 1.9.1 Arbitrary File Upload   
2015-02-14    WordPress Failed Randomness on Windows
2015-02-14    WordPress Survey And Poll 1.1.7 Blind SQL Injection   
2015-02-12    Wordpress Video Gallery 2.7.0 - SQL Injection Vulnerability   
2015-02-12    Wordpress Survey and Poll Plugin 1.1 - Blind SQL Injection   
2015-02-12    WordPress Video Gallery 2.7 SQL Injection    Published   
2015-02-12    WordPress Ninja Forms 2.8.8 Cross Site Scripting
2015-02-10    WordPress Holding Pattern 0.6 Shell Upload   
2015-02-10    WordPress WP EasyCart Unrestricted File Upload   
2015-02-10    Wordpress Theme Divi Arbitrary File Download Vulnerability   
2015-02-10    WordPress Cart66 Lite 1.5.4 Cross Site Scripting   
2015-02-10    WordPress Contact Form DB 2.8.26 Cross Site Scripting   
2015-02-10    WordPress Acobot Live Chat And Contact Form 2.0 CSRF /XSS       
2015-02-10    WordPress WPLMS 1.8.4.1 Privilege Escalation   
2015-02-04    WordPress Pixabay Images PHP Code Upload   
2015-02-04    WordPress Platform Theme Remote Code Execution       
2015-02-04    Wordpress Photo Gallery Plugin 1.2.5 - Unrestricted File Upload   
2015-02-03    WordPress Quasar Theme 1.9.1 Privilege Escalation       
2015-01-27    WordPress Revolution Slider Local File Disclosure   
2015-01-26    Wordpress RedSteel Theme Arbitrary File Download Vulnerability   
2015-01-21    WordPress Pixarbay Images Plugin 2.3 - Multiple Vulnerabilities   
2015-01-20    WordPress CIP4 Folder Download 1.10 Local File Inclusion   
2015-01-20    WordPress Pixarbay Images 2.3 XSS / Bypass / Upload / Traversal   
2015-01-20    WordPress Bretheon Theme Arbitrary File Download
| Devamı » OĞULCAN TURAN URUN 0 yorum

WordPress Fanatik Spor Haber Botu

1fanatik_logo_2Merhaba Arkadaşlar Uzun Süredir WordPress Bot Konusuna değinmemiştik. Dedimki artık ziyaretçilerimi botsuz bırakmayayım. Kolları sıvadık fanatik haber botu için. Öncelikle bot tüm wordpress sitelerde sorunsuz çalışmaktadır. Ayrıca Manuel + Cron olarak tasarlanmış 2 ayrı bottur.
Fanatik spor haber botu için sizlere indirebileceğiniz direk link vermiyeceğim malesef. Yorum bırakarak sizden küçük 5 dakikalık bir ricam olucak gerçekleştiren kişiye bot mail yolu ile teslim edilecektir. Gerekirse ücretsiz bir şekilde web sitenize kurup teslim edeceğim.

Fanatik Haber Botu indirmek için ve sahip olabilmek için aşşağıya yorum bırakarak fanatik spor haber botunu temin edebilirsiniz.
Hoşçakalın.

| Devamı » 1 Kasım 2015 Pazar OĞULCAN TURAN URUN 1 yorum

Wordpress Youtube Botu



 Evet gençler piyasadaki youtube botlarının hiçbiri çalışmayınca iş başa düştü editleme yaptım sizlerle de paylaşıyorum. Gençler diyorum çünkü bugün 30 yaşıma bastım. Hediye almam lazım hediye veriyorum hadi yine iyisiniz

İNDİR

GÜNCELLEME:

- Daha önceden botu indirenler yeniden indirip hosta atsın.

- Bazı hostlarda içeriği boş olarak gönderme sorunu yüzünden taslak olarak kaydettirip ekletiyordum. Bunu düzelttim. Artık ekledikleriniz direk yayınlanacak.

- Kanaldan çekim yapma özelliği geldi..

- Alakalı videolarda yabancı dillerden çekim yapma özelliği geldi. Önceden sadece Türkçe sonuçları çekiyordu.

KURULUM:

Rar'dan çıkan dosyaları wordpress ana dizinine atın. siteadresiniz/bot.php sayfasını açın. Alakalı, çok izlenenler ve son eklenenler olmak üzere 3 tür ekleme çeşidi göreceksiniz. Resimi resim özel alanına, video süresini süre özel alanına ekler.

BOTU KLASÖRDE ÇALIŞTIRMAK İSTEYEN ARKADAŞLARIN UFAK BİR EDİT YAPMASI LAZIM.

kaydetyou.php'de bulun ve değiştirin.

@include("../wp-load.php");
@include("../wp-config.php");
@include("../wp-admin/includes/image.php");

bot dosyalarının en üstünde değiştirin.

@include("../wp-load.php");

yalnız bazı hostlarda sebebini anlayamadığım bir şekilde alt klasörde botlar çalıştırılınca resim çekmede sorun olabiliyor.
Devamı » 3 Ocak 2015 Cumartesi OĞULCAN TURAN URUN 0 yorum

WordPress 4.1 sürümü Çıktı!

Melting WordPress Logo

WordPress 4.1 sürümü ile karşımızda! Güncelleme ile blog yönetim panelinde ve temalarda bazı yenilikler karşımıza geliyor. Özellikle de yazmaya odaklayan, kısım en çok hoşuma giden yenilik oldu!
WordPress 4.1 ile standart temalarda da güncelleme yapıldığını görüyorum. Varsayılan temalardan Yirmi Onbeş, temiz bir görüntü ile sadeleştirilerek karşımıza geliyor. Ayrıca Yirmi Onbeş temasında Google Noto yazı tipi ailesi desteklenmiş. Bu sayede kusursuz bir dil desteği sağlanması hedefleniyor. Elbette ki her ekran boyutunda okunabilmesi ve responsive tasarlanması birçok cihaz için aynı deneyimi ortaya çıkarıyor.
Blog yazmak zor iştir.
Blog yazarken dikkatinizin dağılmaması gerekli. WordPress bu konuda hem sade bir yönetim paneli hem de basit bir arayüz sunarak büyük bir başarı elde etti. Bu güncelleme paketi ile yine blog yazmayı kolaylaştırıcı ve çok hoşuma giden bir özellik karşımıza geldi.
Yazma editörü üzerinde sağ üst kısımdaki dört dışarı ok simgesine bastığımız zaman yan menülerin ortadan kalktığını ve sadece yazıya odaklanmanın sağlandığı bir editör ortaya çıkıyor. Bu sayede daha rahat bir yazım ve dikkat dağıtmayacak bir editör kullanıyoruz. Yazı editöründe punto büyüklüklerinin artırıldığı da dikkatinizi çekecektir.
Bir dil seçin!
Wordpress 4.1 sürümü hali hazırda 44 dile çevrilmiş olarak sunuluyor. İleride de daha fazla dil desteği sağlanacak. Sürümü 4.1’e güncellediğiniz zaman “Genel Ayarlar” sayfasında dil seçeneği geldiğini göreceksiniz. Bu dil seçeneği sayesinde WordPress’i bir tıklama ile farklı bir dile çevirebiliyoruz.
Diğer cihazlardan çıkış yap!
Bir İnternet kafeden blog yazdığınızı ve çıkış yapmadan masadan kalktığınızı düşünün! Ne yapacaksınız? Ya birileri o masaya oturup, sizin oturumunuz ile blogunuza giriş yaparsa?
Güvenlik konusunda takdir edeceğimiz bir özellik karşımıza geldi. Artık herhangi bir yerden WordPress’e giriş yapıp, önceden oturum açtığınız bilgisayarlardan çıkış yapmayı sağlayabiliyoruz. Bunun için profil sayfanıza girerek, diğer cihazlardan çıkış yap özelliğini kullanabilirsiniz.
Vine’lıyoruz!
Vine üzerinden bir videoyu yazı içerisine eklemek artık daha kolay! Daha önceleri hatırlarsanız Youtube için böyle bir özellik gelmişti. Sadece Youtube URL bağlantısını yapıştırmak, videoyu yazı içine gömmek için yetiyordu. Şimdi ise, Vine üzerinden bir video gömmek daha kolay bir hale geldi. Sadece Videonun adresini yapıştırmak yetiyor…
Eklenti öneriyor…
Eklenti bölümleri de hızla gelişmeye devam ediyor. WordPress 4.1 ile karşımıza gelen bir diğer özellik artık bize WordPress’in eklenti önermesi oldu! Öneriler daha önce yüklediğiniz eklentilere bakılarak yapılan yazılım tahminleri ile bizlere yeni öneriler sunuluyor.
Peki başka?
Teknik tarafa baktığımız zaman meta bilgisi, tarih ve terim sorgularının daha da geliştirildiğini görüyoruz. Artık iç içe ifadeler ve çoklu sorgularda daha gelişmiş bir hale geldi.
Apilerde de geliştirme yapıldığını görüyoruz. Javascript Api genişletilmesi, ile daha dinamik ve içeriğe bağlı kontroller yapılabiliyor.
Title etiketinde ise add_theme_support( ‘title-tag’ ) şeklinde bir fonksiyon eklendiğini görüyoruz. Bu sayede yazı başlıklarında yenilik yapılmış…
Hemen Güncelliyoruz!
Güncelleme yapmadan önce sisteminizde bir hata olması riskine karşı, Database ve Ftp yedeği almayı unutmayın!
| | | Devamı » 31 Aralık 2014 Çarşamba OĞULCAN TURAN URUN 0 yorum

WordPress Ücretsiz OPTİONS V1 Film Botu



WordPress Ücretsiz OPTİONS V1 Film Botu ile sitelerinizi güncel tutabilirsiniz. OPTİONS adlı kullanıcının hazırlamış olduğu film botu sitenize Bicaps.net’den ve Ultrafilmizle.com’dan içerik çekmenizi sağlar anlayacağınız 1 botta 2 site.

Botun Kurulumu
  • Konun altındaki sunucuların herhangi birisinden bot için gerekli dosyaları indirin.
  • İndirdiğiniz RAR dosyası içerisindeki dosyaları sunucunuzda ana dizine atın.
  • Son olarak “siteadi.com/bot.php” diyerek bota erişebilirsiniz.

Botun Kullanımı
  • Kurulum işlemini yaptınız geriye botu kullanmak kalıyor.
  • “siteadi.com/bot.php” diyerek siteye giriş yapın
  • Karşınıza iki adet site çıkacaktır istediğiniz siteyi seçin ve kullanmaya başlayın.



BOTU İNDİR
Devamı » 20 Temmuz 2014 Pazar OĞULCAN TURAN URUN 0 yorum