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.
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.
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.
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.
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.
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.
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.
Ü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.
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.
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.
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.
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.
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.
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.
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.
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
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
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
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.
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!
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.
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
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.
WPBeginner Staff
Please contact plugin support.
Gaurav Srivastava
Uninstalled. It reverts mobile page version to desktop. It is very annoying.
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?
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
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