You are here:  Home » PHP » 使用WPtouch Pro让您的WordPress移动友好

根据您网站的受众特征,拥有适合移动设备的网站可能非常重要。您可以通过使用适应不同屏幕尺寸/设备的自适应WordPress主题来完成此操作,或者如果您不想更改网站设计,则可以创建特定于移动设备的网站版本。在本文中,我们将向您展示如何使用WPTouch Pro创建一个适合移动设备的WordPress网站。

WPtouch Pro是一个商业WordPress插件,可以将您的WordPress网站转换为现代智能手机浏览器的原生移动体验。它速度快,拥有全面的国际化支持,iOS主屏幕集成以及其他大量改善移动用户体验的方法。

一旦您购买了WPtouch Pro,您将收到许可证密钥和插件的下载文件。您需要在博客上安装它(按照我们的简单插件安装指南),然后从仪表板中激活它。

激活后,插件将显示一条通知,提醒您输入许可证密钥。您需要输入许可证密钥才能接收插件更新,下载主题和插件。单击‘激活您的许可证’链接以输入您的许可证密钥。

License notification

在下一个屏幕上,只需输入您的帐户电子邮件地址(您用于购买插件的地址)和产品许可证密钥,然后单击激活按钮。WPTouch现在将验证您的许可证密钥并显示成功消息。

Enter your WPTouch Account Email and License Key

激活后,插件会在您的WordPress管理栏中添加一个WPTouch Pro菜单项。要配置插件,您需要转到 WP Touch Pro»核心设置

WPTouch Pro Core Settings

在核心设置屏幕上,您可以为站点的移动版本配置各种选项。此屏幕上的第一个选项是更改网站标题和署名。如果您的网站有一个冗长的标题和署名不适合移动屏幕,这将特别有用。

此屏幕上的下一个选项是区域化。WP Touch Pro会自动从您的WordPress安装中检测您网站的语言,但您也可以使用此选项手动选择语言。

核心设置屏幕上的显示选项允许您在不停用插件的情况下手动禁用移动主题。默认设置为正常,它为通过移动设备访问网站的所有访问者启用移动主题显示。您可以将其更改为预览,因此移动主题仅在网站管理员登录时显示。您还可以选择已禁用完全关闭移动主题显示。

WP Touch Pro Extra Settings

核心设置页面上提供了一些高级选项。例如,您可以为网站的移动版本选择自定义目标网页。您可以添加将出现在主题页脚区域中的自定义代码。您还可以备份所有WP Touch Pro设置,然后使用WP Touch Pro在另一个WordPress网站上导入它们。如果您有暂存站点或本地安装,这是一个不错的选择。

一旦您完成核心设置页面,您可以通过单击%%%%将您的移动站点预览到桌面%%预览主题按钮位于此页面底部。一旦您对主题的外观感到满意,您可以点击保存更改按钮来保存您的设置。更改WPTouch Pro中的移动主题3

WP Touch Pro - Mobile theme preview

默认情况下,WPTouch Pro 3预装了一个移动主题。您可以从

WPTouch Pro下载并安装其他主题»Themes&扩展WPTouch Pro»主题&扩展。包豪斯,CMS,Classic Redux和Simple是所有许可计划的主题。要安装主题,只需单击主题下方的 Install 按钮即可。WPTouch Pro将从云下载主题并进行安装。安装主题后,您可以单击激活按钮以使用该主题。

Switching mobile themes with WPTouch Pro

在WPTouch Pro3中自定义您的移动主题

为移动网站选择主题后,您可能需要对其进行自定义以满足您的需求。要做到这一点,你需要去 WPTouch专业版»主题设置。WPTouch Pro的移动主题可高度自定义。您可以从主题设置屏幕微调移动网站的各个方面。我们将引导您完成主题设置的不同部分。

Theme settings screen in WPTouch Pro 3

在顶部菜单选项卡上,您可以看到主题的不同区域,您可以自定义。你将从 General 选项卡,其中包含一些基本设置的选项,例如首页上显示的帖子数,启用类别滑块,启用精选帖子滑块等。默认设置应适用于大多数网站,但您可以根据需要进行更改。您还会注意到某些选项旁边的信息图标,将鼠标移到图标上会显示该选项的上下文帮助。

对主题进行更改后,可以通过单击页面底部的预览主题按钮预览这些更改。如果对所做的更改感到满意,则需要单击保存更改按钮以保存主题设置。如果您想恢复默认设置,还有一个重置按钮。

Preview your Mobile Theme settings before saving

配置移动主题的常规设置后,切换到品牌标签。您可以在此处上传自己的徽标,背景,自定义字体,社交媒体图标等。您还可以更改主题颜色以符合您的徽标和品牌颜色。

Change theme colors and upload custom logo from branding screen

将您的网站转换为移动Web应用程序

WPTouch Pro允许您通过将您的网站变成Web应用程序来充分利用移动设备功能。首先,您需要单击“主题设置”屏幕上的“书签图标”选项卡。您需要上传两个图标,一个用于Android设备,另一个用于iOS设备(iPhone,iPod和iPad)。

Add bookmark icons for mobile devices

之后,单击主题设置中的Web-App Mode选项卡。只需选中此框即可启用iOS网络应用模式,这将显示网络应用模式的高级设置。您可以使用默认设置,也可以上传自己的自定义启动屏幕。

Turning on the web-app mode for iOS devices

通过WPTouch Pro将您的移动网站货币化

WPTouch Pro主题还使您可以非常轻松地在移动网站上显示广告。您需要转到主题设置下的广告标签,然后选择Google Adsense或自定义广告服务。

Displaying advertisement on your Mobile Site

对于Google Adsense,您需要输入您的Google Adsense发布商ID和可从Google Adsense帐户获取的广告位ID。之后,您需要选择要展示广告的位置。保存更改后,您的移动网站就会开始展示广告。

自定义WPTouch Pro中移动网站的导航菜单

WPTouch Pro使用默认的WordPress菜单功能,但允许您修改或选择在移动网站上显示菜单的方式。要配置菜单,您需要转到 WPTouch Pro»菜单。首先,您需要选择一个菜单。您可以选择在菜单中显示WordPress页面,或选择现有菜单。

Choose a menu for your mobile site

在“菜单设置”选项卡上,您可以进一步自定义WordPress菜单。只需将图标拖动到菜单项即可将图标与每个菜单项关联。

默认情况下,WPTouch Pro附带由Elegant Themes设计的优雅图标集。您可以通过单击旁边的“安装”按钮来安装其他图标集,也可以上传自己的自定义图标集。

Choose and install an icon set or upload your own

评论被关闭。