wordpress小工具浮动(wordpress移动端悬浮菜单)

随着互联网的不断发展，WordPress作为最受欢迎的博客平台和内容管理系统，拥有着庞大的用户群体。许多用户在搭建网站时，都会用到小工具（Widgets）这一功能，它可以帮助我们轻松地添加各种功能到侧边栏或其他位置。如何让这些小工具在页面上浮动，以实现更加个性化的布局，却成了许多人的难题。今天，就让我来和大家分享一下WordPress小工具浮动的技巧，让你的网站焕然一新！

一、什么是WordPress小工具浮动？

在WordPress中，小工具浮动指的是将小工具从固定的位置移动到页面的其他位置，例如从侧边栏移动到页脚、页面顶部等。通过小工具浮动，我们可以更好地利用页面空间，提高网站的视觉效果。

二、WordPress小工具浮动的技巧

1. 使用CSS实现小工具浮动

（1）找到小工具容器

我们需要找到小工具的容器。在WordPress后台，进入“外观”→“小工具”页面，找到你想要浮动的小工具区域。

（2）复制容器样式

在浏览器开发者工具中，选中小工具容器，复制其CSS样式。

（3）添加浮动样式

将复制的CSS样式粘贴到主题的`style.css`文件中，添加以下代码：

“`

.widget-container {

float: left; /* 左浮动 */

width: 100%; /* 宽度100% */

}

“`

（4）调整布局

保存并更新主题，回到小工具页面，将小工具拖动到新的位置。此时，小工具已经实现了浮动效果。

2. 使用插件实现小工具浮动

除了使用CSS，我们还可以通过插件来实现小工具浮动。以下是一些常用的插件：

3. 使用短代码实现小工具浮动

短代码是WordPress中的一种简化代码编写的方式，以下是一个简单的短代码实现小工具浮动的例子：

“`

[widget_area id=”

OVHcloudvs.Hetzner-哪一个更好2022

在这篇文章里1。计划和价格。特点3。表现。安全5。支持胜利者取决于您的需求。与世界第三大网络托管提供商OVHcloud相比，您将获得VPS、私有和公共云以及专用服务器，以满足您的托管需求。Hetzner的托管包提供了更广泛的范围——从共享托管和托管到托管VP、云服务器和专用服务器。我在多个参数上测试了这两个web主机。我发现在这场OVHcloudvs.Hetzner的比赛中选择一个明显的赢家很困难，因为最好的主持人取决于你的需要。

点击此处查看OVHcloud的最新交易，或继续阅读，了解如何决定这两种交易中哪一种最适合您的需求。

1。计划和定价Hetzner以较低的价格赢得了一场胜利Hetzner的共享计划，虽然不是最便宜的，但预算友好，并且具有一些对初学者和开发人员友好的功能。OVHcloud的公共云计划可用于多个地点，并按小时/每月计费。OVHcloud的云和VPS计划的成本高于Hetzner的云计划。如果你正在寻找标准化的专用服务器，你可以通过Hetzner的服务器拍卖以低廉的价格买到它们。Hetzner的专用服务器（root和NVMe）的成本低于OVHcloud的专用服务器。

OVHcloudWebHostingPlanNames存储带宽站点数SpriceplanNames存储带宽站点数Spricepersonal100Gb未受限制5$2.19更多详细信息专业250Gb未受限制10$6.06更多详细信息性能250Gb未受限制11.24更多详细信息从OVHcloudHetznerOnlineWebHostingPlanNames存储带宽免费购买任何托管服务时包括免费域SSL站点数量SPRICEPLAN名称存储带宽免费SSL站点数量SPRICELEVEL110GBunlimited+1.60美元更多细节级别450GBUnlimited+5美元3.12更多细节级别9100GBUnlimited+10美元8.32更多细节级别19300GBUnlimited+20美元16.72更多细节更多细节S域名注册价格（对于.com.org等TLD）更便宜。

Hetzner提供30天的取消期，但OVHcloud不提供退款。凭借更低的价格，赫茨纳获胜。

查看赫茨纳的最佳交易2。功能范围更广的托管计划加上更多功能可帮助Hetzner赢得共享计划，您将获得Symantec基本SSL证书，让我们加密SSL、WebFTP、每日数据库/用户帐户备份和SSH访问。符合GDPR的Hetzner云计划有Linux操作系统、1-16vCPU、2GB-32GBRAM和20GB-360GB磁盘空间。它们配备了NVMeSSD、浮动IP、自动备份和本地/网络存储选择（NVMeSSDRAID或Ceph）。如果要配置WindowsRDP，请查看HetznerRDP服务。在测试OVHcloud和Hetzner对等时，我发现Hetzner有一个开放的对等策略。

OVHcloud的VPS服务器支持多个操作系统，并配有1-8个vCore、2GB-32GBRAM和40GBNVMe-640GBNVMe存储。他们提供付费附加组件，如地理定位IP、负载平衡器等。如果您更愿意让专家来处理您的VPS，我推荐Hetzner的托管计划，它在这场OVHcloudvs.HetznerVPS之战中取得了更好的成绩。

使用OVHcloud，您将获得vRack，它允许您的OVHcloud服务在单个或多个专用安全网络中隔离、链接或分布。

您可以通过检查此对比表来比较Hetzner和OVHcloud。

HetzneRovCloudHosting类型共享托管、托管VP、云托管和专用服务器SVP、托管私有云、公共云和专用服务器自由域××免费SSL证书??磁盘空间20GB-360GB40GBNVMe-640GBNVMe带宽20TB250Mbps无限制流量至2Gbps无限制流量（有条件）自动备份每日无限制流量控制面板Konsoleh控制面板OVHCloud控制面板电子邮件帐户100无限制（共享主机）NAFreeCDN×?免费站点迁移××退款保证30天×Hetzner赢得这一轮，这要归功于其托管计划的更多多样性以及稍好的功能。

参见赫茨纳的最新计划。性能OVHcloud凭借其更好的性能赢得胜利OVHcloud在全球拥有27个数据中心，这些数据中心配备了服务器冗余和负载平衡，以提供高可用性。其VPSE使用NVMe存储，并提供负载平衡器（作为付费附加组件）以获得更好的性能。

Hetzner有3个数据中心——2个在德国，1个在芬兰。Hetzner有一个冗余网络，并使用NVMeSSD和Juniper主干网技术来增强性能。

OVHcloud保证至少99.9%的正常运行时间。虽然在我测试时，它的服务器在欧洲运行得相当快，在美国也相当不错，但我不能说它们是市场上最好的。您可以在我们的专家OVHcloudreview上查看详细信息。

Hetzner保证每年99.9%的网络可用性。然而，当我测试它们时，它的加载时间非常糟糕。要知道哪里出了问题，请看我们的专家海茨纳评论。

由于其更好的性能，OVHcloud获胜。

查看OVHcloud的最新交易。安全性并驾齐驱的竞争没有明显的赢家凭借其全球范围的高安全性数据中心，OVHcloud即使在发生重大事件时也能保证服务的连续性。通过vRack、负载平衡器和防DDoS保护，它确保了云的安全。

为了确保安全和数据保护，Hetzner使用多个冗余连接到DE-CIX（德国最大的IXP），以实现平稳的数据传输、DDoS保护、中央备份服务器和RAID-1硬盘系统。由于安全措施有些相似，很难选出明确的赢家。

查看OVHcloud的最佳计划。支持OVHcloudEdge超过了Hetzner，它的支持稍好一些Hetzner通过电子邮件、电话（周一至周五上午8点至下午6点CEST，周一至周五用于网络托管和托管VP）、实时聊天和在线联系表单提供支持。因为在我尝试时，它的实时聊天功能不可用，所以我改用了它的电子邮件。然而，它未能得到答复。不过，它的自助工具（包括DokuWiki和广泛的支持文档/文章/教程（针对已登录的客户）的效果要好得多。

根据您需要的支持类型（新订单/技术建议/事件），OVHcloud通过电话、电子邮件和/或Twitter提供标准支持。你甚至可以选择它的付费高级支持。当我测试时，它的标准支持很慢，等待时间从一天到两天不等。对于自助，您可以从OVHcloud的社区获得指南和教程、文档，以及专用服务器的常见问题解答。

多亏了它稍微好一点的支持，OVHcloud赢了这一轮。这是一场势均力敌的比赛。虽然OVHcloud凭借其性能和稍好的支持赢得了胜利，但Hetzner在定价和功能上都超越了它。由于这两位主持人在安全级别上的得分持平，在OVHcloud或Hetzner中选择一位明显的赢家很难，因为这一切都取决于你的需要。中小型企业可能会发现OVHcloud更好，而那些寻找预算友好型共享主机或价格合理的托管VP的企业可以选择Hetzner。

在您做出决定之前，请记住，这两个主机都不是我们的前十大功能。要找到合适的，请访问我们的列表?最好的网络托管服务?.

比较表Hetznerovhcloudplan和PricingBudget友好的共享托管、托管VP、托管、云服务器和专用服务器稍微昂贵的VP、托管私有云、公共云和专用服务器基本功能兼容DPR、Linux操作系统、NVMeSSD、浮动IP、自动备份、，以及选择本地/网络存储（NVMeSSDRAID或Ceph）支持多个操作系统、NVMe、地理位置IP、负载均衡器、vRackPerformance99。9%的网络可用性保证；冗余网络、NVMeSSD和Juniper主干网技术至少保证99.9%的正常运行时间；服务器冗余、负载平衡器、NVMeStorageSecurity到DE-CIX、DDoS保护、中央备份服务器和RAID-1vRack、负载平衡器和防DDoS保护的多个冗余连接支持邮件、电话、实时聊天和在线联系表单；DokuWiki和广泛的自助电话、电子邮件和/或Twitter支持文档/文章/教程；自助工具包括来自OVH社区的指南和教程、文档和专用服务器FAQSeeDeals>>SeeDeals>常见问题解答?OVHcloud比?海茨纳由于这两个主机都提供类似的托管计划和功能，您的具体需求将决定哪一个是最好的。关于我们的首要建议，请查看我们的??最好的网络托管服务?.

web前端开发需要哪些技能

（1）html+ css。

（2）JavaScript。不是所有的网页都必须有js，但是要想实现一些超酷的功能和界面的时候，就需要涉及到js。如果没有其他编程语言的基础的话，学起来可能要费些力。

（3）Photoshop、flash。熟悉会一点儿就行了，没必要全部都学得精通，当然如果你在学习的过程中，发现你ps或者flash比较感兴趣的话，也可以尝试做美工这一行。

（4）html5和css3。可以先了解一下，然后再入手。

（5）浏览器兼容。懂web标准，熟练手写 xhtml css3并符合符合w3c标准。代码能兼容主流浏览器Firfox，Chrome、Safari、IE、Opera。虽然IE6很多都不兼容，但现在还使用的人还是有的。

（6）熟悉一门后台编程语言 asp、php、jsp等

学习web前端需具备哪些技能

一、HTML5+CSS3

HTML5和CSS3是通往Web工程师路上必须学会的基本内容，主要包括了解常用浏览器和浏览器内核;了解语义化的概念;掌握HTML5语法及使用技巧;掌握HTML5常用标签。掌握CSS语法及使用技巧;掌握DIV+CSS布局方式;掌握常见网页布局模式。掌握HTML5新布局标签、多媒体标签;掌握CSS32D、3D变换、动画效果;能够使用CSS3新属性美化修饰网页;了解移动端屏幕、移动端浏览器、操作系统的不同等内容。

二、JS交互设计

JS交互技术可以赋予页面一个动态的效果展示，提升用户的浏览体验，这部分主要是通过JS的学习掌握JavaScript基本语法;掌握常见JavaScript算法;掌握DOM的各种操作;熟练使用面向对象思想进行DOM编程;掌握JavaScript的高级语法;掌握JavaScript常见兼容性方案。熟练使用jQuery操作DOM;熟练使用和编写jQuery案例。

三、Node开发

Node.js不仅仅是一个框架，它是一个完整的JavaScript环境，配备了开发人员可能需要的开发工具。所以学好Node是在打通前后端开发中需要掌握的技术。这部分需要掌握ES6的基础用法和兼容性;掌握ES6的核心语法;使用ES6实现前端模块化开发。使用Webpack模块打包器;使用Node.js进行Web服务端开发;掌握JavaScript异步编程模型;掌握JavaScript模块化编程方式;使用Node.js操作MongoDB数据库;独立开发基于后台接口的动态网站、Ajax数据交互的项目;独立完成企业网站从前台到后台的基本开发工作。

四、前端框架

前端框架是Web开发人员需要熟练掌握的技能，并且在实际开发中是会被广泛应用的，那么对于前端框架方面需要掌握现在主流的Vue、React、Angular等，掌握D3.js进行大数据可视化交互开发;掌握Vue技术栈进行项目开发;掌握React技术栈进行项目开发;掌握使用主流框架开发门户网站、管理系统、移动Web等客户端;掌握Webpack项目构建配置流程;掌握Web项目的部署与发布模式;掌握常见网站业务模块开发等。

五、小程序与APP开发现在移动应用越来越受欢迎，掌握了小程序和APP开发技术可以增强自身竞争力，这就需要掌握小程序的开发基础;能够独立开发小程序项目;能够掌握Canvas的使用;能够掌握小程序的部署与发布;能够掌握小程序开发框架mpvue的使用;掌握第三方AI平台的使用。能够掌握小游戏开发基础;能够独立开发小游戏项目;能够掌握小游戏的部署与发布;能够独立使用ReactNative开发原生App。

视频教程：

网页链接