By meoman
  • ANA SAYFA
  • HAKKIMDA
  • HiZMETLER / BLOG
    • WORDPRESS
      • En İyi WordPress Arama Motorları
      • Cache Eklentisi Nedir ve Nasıl Çalışır? Popüler
      • En İyi & Hızlı 5 Blog Teması WordPress 2021
      • En İyi & Hızlı 5 Haber Teması WordPress 2021
      • En İyi 5 Tek Sayfa (One Page) WordPress Teması
      • ThemeForest’ten En İyi WordPress işletme & İşyeriTemaları
      • En İyi WordPress Danışmanlık Temaları
      • En İyi PHP Framework’leri 2021
      • En İyi Ücretli WordPress Canlı Arama Eklentileri
      • En İyi WordPress Temaları
      • En İyi WordPress Yedekleme Eklentileri
      • PageSpeed ​​Insights Puanı Nasıl İyileştirilir?
      • ShortPixel Nasıl Kullanılır?
      • Siteyi WordPress.com’dan WordPress.org’a Taşımak
      • Tema Değiştirmeden Önce Yapılması Gerekenler
      • Tema Değiştirdikten Sonra Yapılması Gerekenler
      • Veritabanı Bağlantısı Kurulurken Hata Oluştu Hatasının Çözümü
      • WordPress & WooCommerce Virüs Temizliği
      • WordPress Admin Panel Güvenlik Önlemi
      • WordPress Alışveriş Sitesi Kurmak
      • WordPress Bakım Modu Kurulumu, Açma ve Kapatma
      • WordPress Blog Yazılarında SEO Adımları
      • WordPress Bu Site İçin Tanımlı En Fazla Dosya Boyutunu Geçiyor Çözümü
    • WOOCOMMERCE
      • En İyi WooCommerce Arama Eklentileri
      • WooCommerce Ajax Cart Fragments Devre Dışı Bırakma
      • WooCommerce E-Ticaret Danışmanlığı
      • WooCommerce İçin En Gerekli ve Önemli İşlemler
      • WooCommerce İçin En Hızlı 10 Tema 2021 (Themeforest) Popüler
      • WooCommerce İçin En İyi 5 Önbellek Eklentisi
      • WooCommerce İçin Tema Seçiminde Destek Almak
      • WooCommerce ile İştirak (Affiliate) Programı Oluşturmak
      • WooCommerce Kargo Ücreti Ayarları
      • WooCommerce Kurulumu
      • WooCommerce Mesafeli Satış Sözleşmesi Kurulum Ayarları
      • WooCommerce Nasıl Kurulur?
      • WooCommerce Robots.txt Ayarları
      • WooCommerce Sayfaları Geç Açılıyor Nedeni Nedir?
      • WooCommerce Ücretli mi ve Hangi Eklentiler Ücretsiz?
      • WooCommerce Ürün Filtreleme Eklentisi Ücretli (En İyi ve Hızlı)
      • WooCommerce Varyasyonlu Ürün Ekleme
      • WooCommerce Vergi (KDV) Ayarları
      • WooCommerce WordPress e-Ticaret Teması
      • WooCommerce Yavaş Çalışıyorsa Yapılması Gerekenler
      • WordPress Panel Yavaş Açılıyor Sorunu & Çözümleri
      • WooCommerce’da Resim Optimizasyonu Nasıl Yapılır?
    • SEO
      • Google’da Üst Sıralara Çıkma Uzmanı
      • Arama Motorlarında Yükselme Çalışmaları Fiyatları
      • SEO’da Anahtar Kelime Nedir?
      • Aylık SEO Çalışması Fiyatları
      • Freelance Web Tasarım Uzmanı
      • Google Aramalarında Üst Sıralarda Çıkmak İçin Neler Yapabilirsiniz?
      • Backlink Nedir ve Hala Önemli mi?
      • Freelance WordPress Uzmanı
      • H1 ve H2 SEO Nedir ve Nasıl Ayarlanır? Popüler
      • WordPress Image Optimizer – WebP Convert Kurulumu
      • Linkwheel Backlink Nedir ve Nasıl Yapılır?
      • WordPress İçin Google Font Optimizasyonu Nasıl Yapılır?
      • WordPress İçin Yeni LiteSpeed WebP Convert Ayarları – 2021
      • WordPress Optimizasyonu ile %100 GTmetrix’e Ulaşmak
      • WordPress SEO Destek
      • WordPress SEO Nasıl Yapılır? İpuçları
      • WordPress SEO Teknikleri
      • WordPress SEO Ücretli Destek
      • WordPress SEO Uzmanı Danışmanlık Hizmeti
      • WordPress Site Hızı Artırma
      • İstanbul’da SEO Hizmeti YENİ
    • WEBMASTER
      • SEO Nedir, Ne İşe Yarar ve Nasıl Kullanılır? Popüler
      • SEO’nun Açıklaması Nedir? Basit Bilgiler
      • SEO Meta Açıklaması Nasıl Kullanılır ve Neden Önemlidir?
      • WordPress Site Hızlandırma Teknikleri
      • WordPress Site Sağlığı
      • WordPress Site Taşıma Desteği
      • WordPress Slider Kurulumu ve Profesyonel Görünüm
      • 301 Yönlendirmesi Nasıl Yapılır, Nerede Yapılır?
      • Canonical SEO Çalışması Nasıl Yapılmalıdır?
      • En İyi Backlink Programı
      • Google Index Sorunu: Sayfalarım Google’da Çıkmıyor
      • Google Webmaster Search Console Hatalarının Çözümleri
      • hCaptcha Nedir ve Google reCaptcha ile Karşılaştırması
      • HTTP Error 500 WordPress Hatası, Çözümü ve Yardımı
      • No Follow Link Nedir, Nerede Kullanılır?
      • Nasıl Google’da Daha Hızlı Sıralanılır?
      • Siteyi Google Search Console’a Eklemek
      • Ücretli Web Site Virüs Temizliği Hizmeti
      • W3 Total Cache Güvenli midir? Veritabanı Cache Mantıklı mı?
      • Warez Nulled WordPress Theme Nedir? Önerilir mi?
      • WebMaster Hataları Nedir, Nasıl Düzeltilir?
    • Daha Fazla ++
      • Facebook Mağaza WooCommerce Entegrasyonu
      • Facebook Mağazasında Ürün Reklamları Görüntülemek
      • Google Merchant Center WooCommerce Entegrasyonu
      • Pazarlama: Sosyal Medya mı E-posta mı Kullanmalı?
      • Sponsorlu Bağlantılar Nedir, Nasıl Yapılır? Popüler
      • WooCommerce’a AdWords Kurulumu
      • AMP Kurulumu ve Düzenleme
      • En İyi WordPress Danışmanlık Temaları
      • En İyi & Hızlı 5 Blog Teması WordPress 2021
      • En iyi WordPress Eklentileri Nelerdir?
      • WP Rocket with a CDN RocketCDN – Hızlı ve Basit CDN Hizmeti
      • Google Hız Testi Sorunları ve Çözümler
      • En iyi Seo Eklentileri ve WordPress Temaları 2021
      • Google Benim İşletmem Ücretli Mi Nereden Kayıt Yapılır?
      • Google’ın Link İnşaası (Link Building) Tavsiyelerini Dinlemeyi Bırakın YENİ
      • WordPress SEO için Site Hızlandırma YENİ
      • WordPress için Google Core Web Vitals: Nasıl Test Edilir ve Geliştirilir? ÖNEMLİ
  • DANIŞMANLIK
  • BANA ULAŞIN
  • Menu Menu

WordPress Mobil Tema Yapımı

Wordpress
WordPress Mobil Tema Yapımı

İçerik Kısayolları

  • WordPress Mobil Tema Yapımı
    • WordPress Temanızı Responsive Hale Getiriyoruz
    • Akışkan Nesnelerin Genişliğini ve Yüksekliğini Tanımlama
    • Resimleri Mobile Göre Boyutlandırma
    • Break Point’leri Belirleme
    • Mobil Menü Oluşturmak
    • Adaptif Yazı Tipleri

WordPress Mobil Tema Yapımı

Burada müşterilerimize WordPress mobile tema yapımı hizmeti veriyoruz. Mobile tema yapımında izlenmesi gereken birçok püf noktalar vardır. Bunlardan başlıcaları duyarlı bir temaya sahip olmaktır.

Duyarlı bir web sitesine sahip olmak inanılmaz derecede önemlidir. Özellikle duyarlı hale getirmek istediğiniz statik bir temanız varsa bu konuda bizlerden yardım alabilirsiniz.

Halihazırda duyarlı (responsive) olan bir temayı satın alıp tasarımınıza uyacak şekilde özelleştirmekten daha kolay olanı eğer kodlama bilginiz varsa mevcut temayı duyarlı yapmaktır.

WordPress Temanızı Responsive Hale Getiriyoruz

Öncelikle, duyarlı tasarımın temellerinin üzerinden geçmemiz gerekiyor:

  • Sabit ölçüler yerine orantılı, akışkan bir site ızgarası inşa edilir
  • Resimler esnektir (sayfa yakınlaştırmasına göre boyut değiştirir)
  • Masaüstü olmayan cihazlarda kullanılabilirliği sağlamak için tasarım değişiklikleri uygulanır
  • Tasarım değişikliklerindeki kritik noktaları (break point) tanımlamak için CSS medya sorguları (media queries) kullanılır

Akışkan Nesnelerin Genişliğini ve Yüksekliğini Tanımlama

Örneğin, wrapper nesnesi için:

#wrapper {

width: 900px

}

900 piksellik sabit wrapper’ı akışkan yapalım:

#wrapper {

max-width: 900px;

width: 100%

}

Resimleri Mobile Göre Boyutlandırma

Bu işlem CSS’e aşağıdakileri ekleyerek yapılabilir:

img {
    height: auto;
    max-width: 100%;
}

Break Point’leri Belirleme

Bunun klasik örneklerinden biri sidebar’ı içeriğin altına taşımaktır. Bu amaçla CSS özellikleri media query ile değiştirilir:

@media only screen and (max-width: 500px) {

    .content {
        float: none;
        display: block;
        width: 100%;
    }

    .sidebar {
        float: none;
        display: block;
        width: 100%;
    }
    
}

Mobil Menü Oluşturmak

Mobil menü oluşturmanın en kolay yollarından biri ölçüleri sabit (fixed) yerine fluid yapmaktır. Böylece menü, sayfa alanına göre daralıp genişler. İnsanların parmaklarını kullanarak menüye daha rahat erişmelerini sağlamak için fazladan boşluk da ekleyebilirsiniz (media query yoluyla). Hepsi bu kadar.

  • WordPress responsive menu eklentisi için buraya tıklayın.
WordPress'te Robots.txt Nedir ve Nasıl Oluşturulur?

Adaptif Yazı Tipleri

Font büyüklüğü de ayrıca kolayca CSS ve media query ile ayarlanabiliyor:

@media only screen and (max-width: 450px) {
	
	.site-title, h1 {
		font-size: 22px;
	}
	
}

WordPress mobil tema yapım hizmetleri için bizimle iletişime geçebilirsiniz.

22 Eylül 2020/8 Yorum yapılmış/tarafından meoman
Etiketler: WordPress Mobil Tema Yapımı
Bu gönderiyi paylaş
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on Pinterest
8 Görüşler & Öneriler & Sorular
  1. E. U. says:
    31 Ekim 2020 de 16:18

    Benim ana sayfam mobilde güzel gözükmüyor, istediğim gibi değil. WordPress ana sayfa düzenleme konusunda çok esneklik sağlıyor mu yoksa yeni tema bakmak daha mı mantıklı?

    Cevapla
    • meoman says:
      31 Ekim 2020 de 19:34

      Merhaba; Buraya tıklayarak iletişim bilgilerinizi iletebilirsiniz, bu konuda sizleri bilgilendirmeye yardımcı olmaya çalışabilirim.

      Cevapla
  2. Y. T. says:
    31 Ekim 2020 de 16:22

    WordPress sayfa düzenleme işlerinde çok iyi değilim, kodlardan falan hiç anlamam.

    Beğendiğim bir tema var, onu siteme uygulamak için bana yardımcı olur musunuz?

    Sizin nereden iletişime geçebilirim?

    Cevapla
    • meoman says:
      31 Ekim 2020 de 19:34

      Merhaba; Buraya tıklayarak iletişim bilgilerinizi iletebilirsiniz, bu konuda sizleri bilgilendirmeye yardımcı olmaya çalışabilirim.

      Cevapla
  3. M. H. says:
    17 Ocak 2021 de 15:10

    Google sıralamalarda yukarılarda çıkabilmek için ssl şifreleme istiyor. ssl nedir ücretsiz ssl güvenlimidir? Sizin önereceğiniz yol ve yöntemler varsa bana bu konuda yardımcı olabilir misiniz?

    Cevapla
    • meoman says:
      18 Ocak 2021 de 00:32

      Merhaba; dilerseniz buraya tıklayarak iletişim bilgilerinizi iletebilirsiniz, bu konuda sizleri bilgilendirmeye yardımcı olmaya çalışabilirim.

      Cevapla
  4. O. D. says:
    3 Mart 2021 de 13:38

    işletmemizi googl’a kaydettirmek istiyorum. Google işletme telefonla doğrulama işlemi nasıl yapılıyor, sizden bu konuda yardım almabilir miyim?

    Cevapla
    • meoman says:
      3 Mart 2021 de 13:43

      Merhaba; Dilerseniz buraya tıklayarak iletişim bilgilerinizi iletebilirsiniz, bu konuda sizleri bilgilendirmeye yardımcı olmaya çalışabilirim.

      Cevapla

Merak ettiklerinizi sorun

Tartışmaya katılmak ister misiniz?
Katkıda bulunmaktan çekinmeyin!

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Wordpress & Woocommerce için Ücretsiz Destek Alın

Kategoriler

  • Ads (5)
  • AMP (2)
  • Bilgisayar (1)
  • Google (11)
  • İstanbul (3)
  • KeyCDN (2)
  • LiteSpeed (5)
  • Mobile (1)
  • Ref (4)
  • SEO (26)
  • Webmaster (30)
  • Woocommerce (35)
  • Wordpress (127)
  • WP Fastest (3)
  • WP Rocket (6)

Sponsored

istanbul'un en iyi osgb firması

Önerilen Bağlantılar

  • WordPress Ücretli Temaları Ücretsiz Kullanma
  • Sponsorlu Bağlantılar Nedir
  • WordPress Ürün Tanıtım Teması
  • WordPress php.ini Dosyası Nerede
  • Woocommerce Kargo Ayarları
  • WordPress için Google Core Web Vitals: Nasıl Test Edilir ve Geliştirilir?
©By meoman | Wordpress Freelancer | Woocommerce Freelancer | internet Seo Uzmanı | Google Üst Sıralarda Çıkmak | Aylık Seo Çalışması | E Ticaret Danışmanlığı | Bionluk meoman
  • Twitter
Arama Motorlarında Yükselme Çalışmaları Fiyatları Arama Motorlarında Yükselme Çalışmaları Fiyatları WordPress Sitem Google’da Çıkmıyor
Sayfanın başına dön