Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WPtouch Pro ile WordPress’inizi Mobil Uyumlu Hale Getirme

Sitenizin demografik yapısına bağlı olarak, mobil uyumlu bir web sitesine sahip olmak sizin için önemli olabilir. Bunu, farklı ekran boyutlarına / cihazlara uyum sağlayan duyarlı bir WordPress teması kullanarak yapabilir veya site tasarımınızı değiştirmek istemiyorsanız sitenizin mobil cihazlara özel bir sürümünü oluşturabilirsiniz. Bu makalede, WPTouch Pro ile mobil uyumlu bir WordPress sitesinin nasıl oluşturulacağını göstereceğiz.

WPtouch Pro, WordPress sitenizi modern akıllı telefon tarayıcıları için yerel bir mobil deneyime dönüştürebilen ticari bir WordPress eklentisidir. Hızlıdır, tam uluslararasılaştırma desteğine, iOS ana ekran entegrasyonuna ve mobil kullanıcı deneyimini iyileştirmenin tonlarca başka yoluna sahiptir.

WPtouch Pro’yu satın aldıktan sonra, bir lisans anahtarı ve eklenti için indirme dosyası alacaksınız. Eklentiyi blogunuza kurmanız(basit eklenti kurulum kılavuzumuzu izleyin) ve ardından kontrol panelinizden etkinleştirmeniz gerekir.

Etkinleştirmenin ardından eklenti, lisans anahtarınızı girmenizi hatırlatan bir bildirim görüntüleyecektir. Eklenti güncellemelerini almak, temaları ve eklentileri indirmek için lisans anahtarını girmeniz gerekir. Lisans anahtarınızı girmek için ‘Lisansınızı etkinleştirin’ bağlantısına tıklayın.

License notification

Bir sonraki ekranda, hesap e-posta adresinizi (eklentiyi satın alırken kullandığınız) ve ürün lisans anahtarınızı girin, ardından etkinleştir düğmesine tıklayın. WPTouch şimdi lisans anahtarınızı doğrulayacak ve bir başarı mesajı görüntüleyecektir.

Enter your WPTouch Account Email and License Key

Etkinleştirmenin ardından eklenti WordPress yönetici çubuğunuza bir WPTouch Pro menü öğesi ekler. Eklentiyi yapılandırmak için WP Touch Pro ” Core Settings bölümüne gitmeniz gerekir.

WPTouch Pro Core Settings

Temel ayarlar ekranında, sitenizin mobil sürümü için çeşitli seçenekleri yapılandırabilirsiniz. Bu ekrandaki ilk seçenek site başlığını ve künyesini değiştirmektir. Bu, özellikle sitenizin mobil ekranlara sığmayan uzun bir başlığı ve künyesi varsa kullanışlıdır.

Bu ekrandaki bir sonraki seçenek Bölgeselleştirme’dir. WP Touch Pro, sitenizin dil ini WordPress kurulumunuzdan otomatik olarak algılar, ancak bu seçeneği kullanarak dili manuel olarak da seçebilirsiniz.

Çekirdek ayarlar ekranındaki Ekran seçeneği, eklentiyi devre dışı bırakmadan mobil temayı manuel olarak devre dışı bırakmanıza olanak tanır. Varsayılan ayar, siteye bir mobil cihaz üzerinden erişen tüm ziyaretçiler için mobil temanın görüntülenmesini sağlayan Normal ‘dir. Bunu Önizleme olarak değiştirebilirsiniz, böylece mobil tema yalnızca oturum açtıklarında site yöneticilerine gösterilir. Mobil tema gösterimini tamamen kapatmak için Devre Dışı seçeneğini de belirleyebilirsiniz.

WP Touch Pro Extra Settings

Temel ayarlar sayfasında bazı gelişmiş seçenekler mevcuttur. Örneğin, sitenizin mobil sürümü için özel bir açılış sayfası seçebilirsiniz. Tema altbilgi alanında görünecek özel kod ekleyebilirsiniz. Ayrıca tüm WP Touch Pro ayarlarını yedekleyebilir ve ardından bunları WP Touch Pro ile başka bir WordPress sitesine aktarabilirsiniz. Bu, bir hazırlık siteniz veya yerel bir kurulumunuz varsa iyi bir seçenektir.

Temel ayarlar sayfasından geçtikten sonra, bu sayfanın altındaki Temayı Önizle düğmesine tıklayarak mobil sitenizi doğrudan masaüstünüzde önizleyebilirsiniz. Temanızın nasıl göründüğünden memnun kaldığınızda, ayarlarınızı kaydetmek için Değişiklikleri Kaydet düğmesine tıklayabilirsiniz.

WP Touch Pro - Mobile theme preview

WPTouch Pro 3’te Mobil Temayı Değiştirme

Varsayılan olarak WPTouch Pro 3 önceden yüklenmiş bir mobil tema ile birlikte gelir. WPTouch Pro ” Temalar ve Uzantılar bölümünden ek temalar indirebilir ve yükleyebilirsiniz. Bauhaus, CMS, Classic Redux ve Simple tüm lisanslama planlarında mevcut olan temalardır. Bir temayı yüklemek için temanın altındaki Yükle düğmesine tıklamanız yeterlidir. WPTouch Pro temayı buluttan indirecek ve yükleyecektir. Bir tema yüklendikten sonra, o temayı kullanmak için etkinleştir düğmesine tıklayabilirsiniz.

Switching mobile themes with WPTouch Pro

WPTouch Pro3’te Mobil Temanızı Özelleştirme

Mobil siteniz için temayı seçtikten sonra, ihtiyaçlarınızı karşılayacak şekilde özelleştirmek isteyebilirsiniz. Bunu yapmak için WPTouch Pro ” Tema Ayarları‘na gitmeniz gerekir. WPTouch Pro’nun mobil temaları son derece özelleştirilebilir. Tema ayarları ekranından mobil sitenizin her yönüne ince ayar yapabilirsiniz. Tema Ayarlarının farklı bölümlerinde size yol göstereceğiz.

Theme settings screen in WPTouch Pro 3

Üst menü sekmesinde, temanızın özelleştirebileceğiniz farklı alanlarını görebilirsiniz. Ön sayfada gösterilecek gönderi sayısı, kategori kaydırıcısını etkinleştirme, öne çıkan gönderiler kaydırıcısını etkinleştirme gibi bazı temel ayarlar için seçenekler içeren Genel sekmesinden başlayacaksınız. Varsayılan ayarlar çoğu site için işe yarayacaktır, ancak gerektiğinde değişiklik yapabilirsiniz. Ayrıca bazı seçeneklerin yanında bir bilgi simgesi göreceksiniz, farenizi simgenin üzerine getirdiğinizde o seçenek için bağlamsal yardım gösterilecektir.

Temanızdaki değişiklikleri yaptıktan sonra, sayfanın altındaki Temayı Önizle düğmesine tıklayarak bu değişiklikleri önizleyebilirsiniz. Yaptığınız değişikliklerden memnun olduğunuzda, tema ayarlarınızı kaydetmek için Değişiklikleri Kaydet düğmesine tıklamanız gerekir. Varsayılan ayarlara geri dönmek istemeniz durumunda bir sıfırlama düğmesi de bulunmaktadır.

Preview your Mobile Theme settings before saving

Mobil temanız için Genel ayarları yapılandırdıktan sonra Marka sekmesine geçin. Burası kendi logonuzu, arka planınızı, özel yazı tiplerinizi, sosyal medya simgelerinizi vb. yükleyebileceğiniz yerdir. Ayrıca tema renklerini logonuza ve marka renklerinize uyacak şekilde değiştirebilirsiniz.

Change theme colors and upload custom logo from branding screen

Sitenizi Mobil Web Uygulamasına Dönüştürme

WPTouch Pro, sitenizi bir web uygulamasına dönüştürerek mobil cihaz özelliklerinden tam olarak yararlanmanızı sağlar. Öncelikle Tema Ayarları ekranındaki Yer İşareti Simgeleri sekmesine tıklamanız gerekir. Biri Android cihazlar ve diğeri iOS cihazlar (iPhone, iPod ve iPad) için olmak üzere iki simge yüklemeniz gerekir.

Add bookmark icons for mobile devices

Bundan sonra, tema ayarlarındaki Web Uygulaması Modu sekmesine tıklayın. iOS web uygulaması modunu etkinleştirmek için kutuyu işaretlemeniz yeterlidir; bu, web uygulaması modu için gelişmiş ayarları görüntüleyecektir. Varsayılan ayarları kullanabilir veya kendi özel başlangıç ekranlarınızı yükleyebilirsiniz.

Turning on the web-app mode for iOS devices

WPTouch Pro ile Mobil Sitenizden Para Kazanın

WPTouch Pro temaları ayrıca mobil sitenizde reklam görüntülemenizi son derece kolaylaştırır. Tema ayarları altındaki Reklam sekmesine gitmeniz ve Google Adsense veya özel reklam hizmetlerinden birini seçmeniz gerekir.

Displaying advertisement on your Mobile Site

Google Adsense için, Google Adsense yayıncı kimliğinizi ve Google Adsense hesabınızdan edinebileceğiniz yuva kimliğini girmeniz gerekecektir. Bundan sonra, reklamların görüntülenmesini istediğiniz konumu seçmeniz gerekir. Değişikliklerinizi kaydedin ve mobil siteniz reklam göstermeye başlasın.

WPTouch Pro’da Mobil Site İçin Navigasyon Menülerini Özelleştirme

WPTouch Pro, varsayılan WordPress menü işlevselliğini kullanır, ancak mobil sitenizde menüyü nasıl görüntülemek istediğinizi değiştirmenize veya seçmenize olanak tanır. Menüleri yapılandırmak için WPTouch Pro ” Menüler bölümüne gitmeniz gerekir. İlk önce bir menü seçmeniz gerekir. Menüde WordPress sayfalarını görüntülemeyi seçebilir veya mevcut bir menüyü seçebilirsiniz.

Choose a menu for your mobile site

Menü Kurulumu sekmesinde, WordPress menünüzü daha da özelleştirebilirsiniz. Bir simgeyi bir menü öğesine sürükleyerek her menü öğesiyle simgeleri ilişkilendirebilirsiniz.

Varsayılan olarak WPTouch Pro, Elegant Themes tarafından tasarlanan Elegant simge seti ile birlikte gelir. Yanlarındaki Yükle düğmesine tıklayarak diğer simge setlerini yükleyebilir veya kendi özel simge setlerinizi yükleyebilirsiniz.

Choose and install an icon set or upload your own

WPTouch, WordPress destekli herhangi bir web sitesini tam teşekküllü bir mobil web uygulamasına dönüştürmek için harika bir eklentidir. Güzel temalar ve güçlü özelleştirme seçenekleri ile tek bir satır kod yazmadan dakikalar içinde harika görünümlü mobil siteler oluşturabilirsiniz. Umarız bu makale WP Touch Pro ile mobil uyumlu bir site oluşturmanıza yardımcı olmuştur. Geri bildirim ve sorularınız için bize aşağıdan yorum bırakabilir veya bizi Twitter‘da takip edebilirsiniz.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

19 yorumBir Cevap Bırakın

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Wunmi

    I want the Mobile view of my Post & Pages to automatically appear in LANDSCAPE VIEW. Please how can this be achieved.
    I will appreciate your help.

    • WPBeginner Support

      That would be determined by your theme, you would want to reach out to your theme’s support for if that is an option.

      Yönetici

  3. Kanika

    Hello,
    I am using the default free version of wptouch and the smart slider that i have used on my website appears well on desktop site but on mobile the slides does not appear.Does that mean i need to buy the pro version of wptouch to make the slider appear?

    • WPBeginner Support

      It shouldn’t be a requirement. If you reach out to wptouch and let them know they should be able to take a look at the issue.

      Yönetici

  4. Justme

    How can I view mobile view of my site in local server? I’m using WPtouch plugin, but I can’t view the mobile version on local server.

    I guess there should be a link for that.

    • don

      use Google Chrome, preview theme

  5. Ramit Joshi

    This is nice plugin, I already use this plugin. i am facing the problem with “Advance custom field” plugin. I am using “ACF” plugin on home page but “ACF” field text not showing on my home page.Somebody tell me either i have to code for “ACF” option in Home page or there is another way to do this.

  6. JAE

    OMG you are so awesome! Thank you a million times! I was quoted over $AUD2,000 to mobile friendly my website! This saved me a motza of money – and it was easy to install with your easy to follow instructions! Thanks a ton!

  7. Michael

    WPtouch is crap. I purchased the pro version and I was utterly dissapointed with their support. The whole concept is proprietary and has nothing to do with WordPress standards. Don’t waste your time and money.

  8. Marlies (GM&PB)

    Hi,

    I just started using this plugin. I used it for the website of the company I work at & for my own blog. I have a weird problem with the icon sets: when I want to install another set of icons (as provided by the plugin) it gives an error and says it cannot install the icon set. Weirdly enough I only experience this problem with my own blog and not with the website of my work.
    Is this because my blog isn’t custom, while the website of my work is?

    Thanks in advance,
    Marlies

  9. guzie

    I use the free version of wptouch. But for some reason(s) it reverts the desktop version to the mobile page. How can I fix this.

  10. Kate

    I already have a mobile responsive theme of my website…however my astore does not show in full width on a mobile device. It only shows the first two columns of the store…..any suggestions how to solve?

  11. Diena

    This plugin sounds great, but wouldn’t it affect the site load time and create redirects?

    I want to use it but don’t want to slow my site.

    • WPBeginner Support

      The purpose of serving a mobile theme is to make sure that your site loads faster on mobile devices. The redirects only take place when a mobile device is detected by the plugin.

      Yönetici

  12. Bruce Gerencser

    Just one point on your excellent article. You use the Bauhaus theme in this tutorial and it does not work on the iPad. Took me an hour trying to get it to work, only to find out it, as of day, does not work with the iPad. I hope they add this fuctionality in the future because I would really love to use the Bauhaus theme.

    Long time reader, first time commenter.

    • WPBeginner Support

      Bruce, thanks for the comment. We would recommend you to contact WPTouch’s support and let them know the issue you are facing.

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.