因特网, 虚拟主机
“向上”按钮的网站：如何让
这样的功能，按钮“向上”的网站，从而为游客互联网更便捷的资源。 它有助于随时随地轻松浏览页面的上半部分。 这是一个在线商店，并需要很长的向下滚动大型物品的网站必须的。
为什么有必要
目前，最该功能的网站，按钮“向上”是不是，并没有什么重要的。 但它的使用可以带来许多优势，为双方的互联网资源和游人。
优势游客
通常情况下，当互联网资源的页面被重仓的信息，当信息的文章需要大量的空间和需要向下滚动使用鼠标滚轮的页面量。 在加上这一点，在文章的结尾可能会出现大量的注释。
当访问者正在读取个人乏味向下滚动页面的文章不存在，但是当文本走到了尽头，这是必要之举了起来，它开始轮胎位。 大多数人都只是懒得带领一幅长长的画卷，他们只是关闭网站，而不是通过其开放空间另一个漫步。
使用一键瞬间移动到页面的顶部，使网站上的消遣更加方便。
Internet资源的好处
资源的积极方面本身基于历史因素，因为它更容易浏览该网站提高了行为因素，因为所有的参观者将在他们的行动更积极，并移动到其他页面。
因此数据 行为因素 影响到所有的搜索引擎在搜索结果中的网站，并导致提高了空间的态度。
如何使网站上的“向上”按钮单独
进一步调查。 按钮向上滚动到该网站的任何CMS的你总是可以让自己通过以下几个步骤非常简单：
- 创建的图像;
- 创作剧本的;
- 创建按钮样式;
- 添加到网站上。
按钮图像
要添加网站上的“向上”，一开始需要使自己的图标，点击后，用户将向上移动页面。 您可以使用现成的方案，其中我们可以随时选择最合适的。
为了提高按钮的外观，你需要做出一些改进，即做一个精灵，允许基于CSS的结合背景图像，从而在创建了一个动画短片。
对于图形作品，你可以使用任何编辑器。 但最方便的选择是在线服务的Pixlr，因为没有任何下载，也不需要，你可以在浏览器中直接使用它们。
要启动编辑窗口选择工作“从计算机上传的图像。” 作为一个例子，取火箭图像。
如果所选择的图标的尺寸过大，您将需要一个小的调整大小。 要做到这一点，“编辑”，转到顶部菜单，然后选择领域，之后«免费变换...»
接下来，旁边的图片有被移动的特殊标记，你可以调整图像大小。 为了保持纵横比，您可以使用Shift键，拿着这一点，你需要移动蓝色标记。 在这些行动结束时，获得导弹图像。
下一步 - 创建层的副本。
现在，您需要将图像从新型导弹层移动了一下。 要做到这一点，就可以方便的在键盘上使用移动工具，它位于左侧菜单的第二列和箭头“向上”。
现在，你需要做的顶部图像中黑色和白色。 从顶部菜单中的“色相/饱和度” - 这可以通过使用项目“修正”来完成。 对于一个完整的变色滑块“饱和度”应取的值-100。 这一行动将使该“向上”按钮，将黑色和白色，当你将鼠标悬停在它变成彩色的效果。
最后的触摸 - 两个图像周围去除多余空间。 要做到这一点，选择从左侧菜单中的项目“微调”，选择只有两个导弹成长方形。 为了使修剪按下回车键。
为了获得其中有太多空间的图像。 你需要记录所得图像的宽度和高度，因为这些数据将在下一步有用。
要保存需要点击“文件” - “保存”，在“我的电脑”下的左写的图像（只有英文键盘布局），选择格式的名称（在这种情况下 - PNG），然后单击“是”。
与脚本“向上”按钮文件
写一个脚本，在这种情况下是没有必要的。 这将有可能使用一个公共选择，带来了一些修订准备代码。
这将需要下载任何代码编辑器。 最流行的，也是一个免费版本 - 是记事本++。 安装完毕后，你需要复制并粘贴所有代码：
| <脚本类型= “文本/ JavaScript的 ”> $（文件）。就绪（函数（）{$（窗口）.scroll（函数（）{如果（$（本）.scrollTop（）> 0）{$（“＃滚轮'）淡入（）; }其他{$（' ＃滚轮'）淡出（）;}}）; $（' ＃滚轮'）点击（函数（）{$（'身体，HTML“）。 动画（{scrollTop的：0}，400）;返回false;}）; }）; |
然后点击上面菜单“文件” - “另存为...”，然后保存在.js文件格式的代码。 然后，您可以通过上传使用FTP的连接的脚本和图像文件，使用网站上的验证码。
现场安装
要设置站点的滚动按钮时，您需要将代码放在需要的位置。 题，它必须是标签之前。
使用CSS创建一个按钮样式
大多数情况下，“向上”按钮位于底部（“地下室”）的网站。
该网站的style.css文件，你必须添加以下代码：
“/ *按钮，在顶部* / .scrollTop { |
在这种情况下，数据需要并且所述图像的宽度和高度。 它仍然只是将数据输入到代码中，并为网站的“向上”按钮，将准备！ 还有什么？
“向上”按钮上的WordPress网站
对于这个CMS按钮“向上”可以用插件的帮助下完成的，以及独立。
方法插件最方便，易于安装，因为它仅需要安装按钮点击和配置插件菜单中的所有功能。
通过后者的选择是谨慎的做法，因为有了它，你可以很容易地在现场获得的病毒。 最流行和成熟的选择 - 一个插件叫做滚动返回顶部。 您可以使用标准的搜索WordPress插件下载。
这个扩展有多种功能，并且很容易个性的“向上”按钮上的WordPress网站。 所有值的变化并不一定需要在网页上只配置按钮的类型和位置。
正如你所看到的，通过插件的帮助下，“向上”按钮的安装非常简单。 但有一个重要的警告，其中包括在每个安装的插件加载CMS的事实。 这可能会影响网络资源的速度。 这就是为什么大多数的网站所有者的尝试，而不是使用第三方扩展的代码直接进行所有的改变。 您可以为网站的HTML，它最大限度地减少消耗的资源按钮“向上”。
改变任何系统WordPress的文件之前，你必须让他们了。 然后你就可以遵循所有的步骤来创建你的按钮，如上所述。
山寨“了”为Joomla
CMS的Joomla还支持插件，例如Wordpress的安装。 最成功的选择“向上”按钮上的Joomla 3网站是一个插件叫做页面顶部。
任何插件的这CMS可通过“扩展管理器”进行安装。 要做到这一点：
- 在互联网上下载该插件;
- 点击在扩展管理器中的“浏览”按钮;
- 选择下载的文件;
- 点击“下载”并安装。
现在，你需要激活它在“插件管理器”。 要做到这一点，你必须去本节中，找到该插件及其状态切换到“启用”。
接下来是用相同的部分，在这里你需要找到这个插件的右侧的“基本参数”部分的帮助扩展选项的设置。
页面顶部有以下特点：
- 运行/管理员 - 不仅可实现对Internet资源，而且在面板CMS的Joomla的选项。
- 按钮显示的位置 - 许多像素必须如何倒带用户按钮“向上”在那里。
- 忽略按钮文本 - 按钮的文字。
- 始终在顶部 - 网站所有的时间会从一开始就显示出来。 当使用“锚”滚动到页面上的特定位置，这个选项并不需要被激活。
- 平滑滚动 - 使页面滚动平滑。
- 滚动持续时间 - 时间之后，页面完全移动到顶部。
- 滚动转型 - 通过添加了大量的视觉效果滚动。
- 过渡宽松 - «弱化”移动到页面的顶部。
- 链接位置 - 位置的图标。 作为标准配置，位于右下角的按钮。
- 使用样式 - 个人风格的按钮，可以在下面的字段中指定。 如果您切换到负值，风格的所有参数将从活动主题网站采取。
- 链接样式 - 进入您的设置按钮样式领域。
自我调整“向上”按钮的风格，你必须至少有CCS的最小的知识。 否则，你应该改变的倒数第二个参数为“否”的值。
一个更重要的一点是，该图标通常题词包含英文文本：返回顶部。 在俄罗斯网站类似的文本可以不存在，所以你应该禁用它的插件参数改变对俄罗斯的任何东西。
要更改标签需要使用内置的FTP服务器或托管文件管理器去到站点服务器。 接下来在目录«/管理员/语言/ EN-GB /»需要找到一个叫«EN-GB.plg_system_topofthepage.ini»文件。
在更改文本文档的编码应更改为UTF-8。 这将使俄语字母的正常显示。
接下来，我们发现下面一行：
| “PLG_SYS_TOPOFTHEPAGE_GOTOTOP =”返回到“ ” |
并改变短语中引号的俄语。 您可以使用短语，如“向上”，“开始！”或“上！”。
在需要保存修改后的文件，并检查按钮“向上”上的Joomla网站结束。
“向上”按钮的UcoZ
上的UcoZ网站“向上”按钮都与引进的代码做，因为这个CMS的连接插头是不可能的。 然而，这并不需要很长的时间来学习的系统文件和搜索所需主只需要在需要的位置插入一个小的代码。
对于安装，我们需要：
- 进入“控制面板- >设计- >设计管理（模板） - >网站的下部;
- 插入脚本（可在官方项目网站和第三方资源中找到）。
结论
在此之后，在图标将出现在右下角，移动用户对页面的最顶端。
正如已经看到的，对于任何CMS的“向上”按钮的安装是不是特别困难。 它可以作为安装的自动化方法（插件），和使用说明书。 然而，后者的选择是最合适的，因为它不会产生不利的站点的性能影响。
您可以使用“上”为网站HTML，最大限度地减少资源消耗的网站，大量的扩展可能对资源的性能产生负面影响。 一个插件按钮“向上”不会大大影响页面的加载时间，但在大多数情况下，用户是安装在CMS上目前至少有十几个插件。 在这种情况下，任何插件可以在你的页面的性能产生不利影响。
Similar articles
Trending Now