如何查看 WordPress 网站的移动版本

由移动用户配置 占网站总流量的 52.2%和这个数字继续增加。 是的,它是多数。 这意味着网站需要确保移动版的网站被嗅出。 但是,从桌面查看移动网站可能很困难。

谢天谢地,有几种方法可以做到这一点,其中没有一个特别困难。 今天,我将向您展示查看 WordPress 网站移动版本的不同方法。

为什么要查看网站的移动版本?

由于所有主要网站更改通常都来自桌面,因此您正在查看的更改仅从此角度可用。 若要了解更改如何影响移动视图,必须实际查看网站版本。

例如,假设您要向网站添加新的结帐按钮。 客户必须单击此按钮才能购买。 但是,如果我的移动网站上的按钮大小不正确,会发生什么情况?

这可能意味着它太小,无法点击手机,或者页面太大,无法看起来非常糟糕。 通过查看移动页面,可以避免这些简单的错误。

但是,对于初学者来说,切换到网站的移动视图并不明显,但这些方法将告诉您如何执行此操作。

方法 1:WordPress 主题定制器

我从内置的WordPress方法开始。 WordPress 主题定制器是用于调整主题外观的工具,这当然包括网站的移动版本。 因此,您还可以使用此工具查看此版本。

在左侧的管理面板中,单击[外観],然后单击[カスタマイズ]选择一个选项。

单击左下角的移动图标,在桌面上显示移动版本。

笔记: 根据所使用的主题,视图可能略有不同。 但是,该过程必须保持不变。

移动图标

然后,您将看到移动版本。

移动视图

如果您是主题定制器的首次使用,不要担心蓝色铅笔图标。 这些只对您可见,对访问者不可见。

方法2:谷歌铬

谷歌铬 惊人的和最流行的网络浏览器在世界上 桌面市场份额 67.63%其他浏览器缺少许多功能,它提供的其他开发人员工具更有用。

您可以在 Google Chrome 浏览器中查看任何网站的移动版本,而不仅仅是 WordPress,只需几个步骤。

右键单击谷歌Chrome浏览器的任何网站[検査]选择一个选项。

他们检查

[デバイスツールバーの切り替え]单击选项。

切换设备工具栏

然后,您将立即看到您所在的网站的移动版本。

移动视图

在此视图的顶部,您可以更改一些设置以显示各种内容。

例如,默认情况下,视图[レスポンシブ],并根据显示的设备调整大小。 但是,如果您单击此选项,您将看到您还可以选择一些最流行的手机型号。 选择其中任何一个都会模拟该设备对特定访问者及其显示的内容。

选择您的设备

如果您尝试解决特定设备的问题,这非常有用。

笔记: 火狐、萨法里和微软边缘也有类似的功能。 所以,不要认为Chrome是唯一的选择。

方法 3:使用页面范围

如果您想在特定设备上更逼真地查看网站页面,页面范围工具正是您要查找的内容。 这是一个工具,允许您在电话模拟器中查看网站。

要开始使用,请单击 页面显微镜 网站。 输入要查看的网站的 URL,然后选择要显示的最多两部手机。 选择所有信息后,单击[テストの実行]单击该按钮。

运行测试

网站现在将加载到您的设备上,并显示并排视图。

页面显微镜

此工具每天最多可免费使用五次,无需登录。 但是,如果您希望使用更多帐户,则需要创建帐户并登录。

笔记: 如果您使用 歌剧浏览器有一个内置的手机模拟器,实际上可以完全互动。 这绝对是 Web 浏览器提供的最先进的工具,因此,如果您是此工具的粉丝,请务必尝试一下。

方法 4:窗口调整大小扩展

酒店 窗口调整大小扩展 谷歌Chrome是一个伟大的工具,考虑使用。 此工具允许您选择屏幕大小。 唯一的事情是,您可以旋转视图。 如果要在横向显示器上测试更改,这是最佳工具。

找到窗口调整大小扩展,然后单击[Chromeに追加]单击该按钮。

添加到镶边

[拡張機能の追加]单击该按钮,即可开始使用。 然后,转到要显示为移动网站的网站,然后单击浏览器右上角的扩展图标。

窗口调整大小扩展

这不是必需的,但[ポップアップとして開く]我们建议您单击该选项。 这将打开当前选项卡作为弹出窗口,您可以在其中调整其大小。

作为弹出窗口打开

此扩展有几个更常见的手机尺寸预设,但最有用的功能实际上是底部的自定义选项。 这非常适合在各种智能手机或平板电脑上查看网站,因为您可以输入任何类型的大小。

选择大小后,弹出窗口将相应地更改。

选择大小

要旋转视图,请单击[視点を回転]单击选项。

旋转

对于开发人员来说,这是一个非常有用的工具,可以完全免费使用,因此请充分利用它。

移动优先

创建移动友好的网站是 Web 开发人员首先想到的。 大部分流量可能来自移动用户,这尤其适用于商业网站。

例如,如果您经营一家餐馆,客户在途中使用手机下订单是很常见的。 或者,如果你正在寻找附近的商店。 这种类型的搜索主要在移动设备上进行。

用户并不是唯一需要注意的人。 谷歌 练习移动优先索引 请返回 2019 年 7 月。 这意味着搜索引擎机器人首先索引移动页面。 因此,如果您的网站不是移动友好的,你可能会严重损害你的SEO。

简而言之,移动用户将占访问者的很大一部分,因此请确保您的网站已准备好供他们使用。

您希望使用哪种方法查看移动版本? 您是否曾经需要进行任何更改来帮助移动用户?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何正确启动交友网站并成功

2022-9-11 17:26:44

WordPress 教程

如何在一小时内创建旅游网站

2022-9-11 19:28:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索