爱游戏帮助文档

核心功能概览

下载包文件说明

  • Unsplash图库
  • NothingToChance
  • gratisography.com

平台简介

Note: This is not a WordPress theme, and it wont install like a WordPress theme, this is a HTML5 template (static website).

Softar is a Responsive Software Landing Page HTML5 Template that comes with 10+ pages and 5 home page variations. Softar is a graphically polished, interactive, easily customizable, highly modern, fast loading, search engine optimized, efficiently coded, well documented, vibrant and fully responsive HTML5 and CSS3 Software Landing Page template specifically for , software , start-ups and mobile apps, Automotive site or your just a Blog

要编辑此模板，您需要一个代码编辑器（推荐Sublime Text）和一个浏览器（推荐Google Chrome）。

平台易于使用，提供多种首页布局和页面模板，您也可以轻松创建自定义页面。

开始编辑前，建议创建独立文件夹，复制资源文件和404页面，重命名index文件，然后移动和编辑所需页面。建议为您的修改创建单独的样式表。

快速上手

请按照以下步骤设置您的网站模板：

  1. 解压下载的包，打开/HTML文件夹找到所有模板文件。您需要使用FTP将其上传到您的网站服务器。
  2. 以下是需要上传到您网站根目录的文件夹结构： HTML/css - 样式表文件 HTML/fonts – 图标字体文件 HTML/img - 图片文件 HTML/js - JavaScript文件
  3. 您可以根据需要上传全部或部分HTML文件。
  4. 您已准备就绪！开始添加您的内容/图片，为您的用户打造一个全新的精彩网站。

页面结构解析

HTML文件结构

下载模板后，您将看到包含多个文件和子文件夹的压缩包。请继续阅读以下说明。

  • assets
    • css
      • 动画CSS
      • 导航栏CSS
      • Bootstrap最小化CSS
      • FontAwesome图标CSS
      • Themify图标CSS
      • 弹出窗口CSS
      • 轮播图最小化CSS
      • 轮播图默认主题CSS
      • 响应式媒体CSS
      • 所有必需CSS文件的最小化版本
    • 字体
    • 媒体文件存放处，如Logo、图片、视频等。
    • js
      • 导航栏JS
      • Bootstrap最小化JS
      • 区块高度均分JS
      • Isotope过滤JS
      • 出现动画JS
      • Easing动画JS
      • 弹出窗口辅助JS
      • jQuery主JS
      • Modernizr JS
      • 轮播图JS
      • WOW动画JS
      • 进度条JS
      • Isotope过滤JS
      • Isotope弹出窗口JS
      • 计数器JS
      • 所有必需JavaScript文件的最小化版本
      • 模板主JS
  • 首页
  • 首页-2
  • ...
  • 主样式表

个性化设置

请仔细阅读以下信息

爱游戏平台遵循简洁易懂的代码结构，示例供您参考：


<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Softar - Software Landing Page Template</title>

    <!-- ========== Start Stylesheet ========== -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/themify-icons.css" rel="stylesheet">
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet">
    <link href="assets/css/owl.theme.default.min.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/bootsnav.css" rel="stylesheet">
    <link href="assets/style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>
  

  <body>

    <!-- Start Navigation -->
    <nav class="navbar navbar-default navbar-fixed white no-background bootsnav">

    </nav>
    <!-- End Navigation-->


    <!-- Start Main
    ============================================= --->
    <main>

    </main>
    <!-- END Main Content -->


    <!-- Star Footer
    ============================================= -->
    <footer>

    </footer>
    <!-- End Footer -->


    <!-- jQuery Frameworks
    ============================================= -->
    <script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/modernizr.custom.13711.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/progress-bar.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/count-to.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/custom.js"></script>

  </body>
</html>

字体调整

如何更换Logo

Thumb

如何更换网站图标(Favicon)

Thumb

如何修改页面标题

Thumb

如何修改Banner文本与背景

Banner区域一

Thumb

Banner区域二

Thumb

如何修改团队介绍板块

Thumb

如何修改用户评价板块

Thumb

如何调整面包屑导航

Thumb

如何添加/移除页脚内容

Thumb

如何修改联系表单邮箱

Thumb

如何控制趣味性内容

Thumb

如何配置轮播图

Thumb

如何管理加载动画

Thumb

如何添加/移除CSS样式

Thumb

如何添加/移除JavaScript

Thumb

重要提示

爱游戏平台使用Google Fonts库中的Manrope和Roboto两种字体。您可以通过以下代码进行修改。

 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

鸣谢

Read The following information Carefully

  • 本模板使用的字体来自Google Fonts。无网络连接时可能显示不同字体，但这并非问题。
  • 如需更多帮助，请发送邮件至：info@china-index-aiyouxi.com
  • 寻求帮助前，请确认您是本内容的实际购买者。您可以通过以下方式证明： 1. 提交支持工单并附带您的邮件。 2. 登录您的账户后截屏，以证明您有权下载此内容。

credits

我们非常感谢为爱游戏平台提供支持的各位，使我们能够为用户打造出如此出色的主题。

图片与视频资源

JavaScript库

  • jQuery
  • HTML5 Shiv
  • Modernizr
  • jQuery Easing
  • 平滑滚动
  • jQuery Appear
  • Bootsnav
  • WOW
  • jQuery countTo 插件
  • Magnific Popup
  • 高度均分
  • Owl Carousel

CSS与字体

  • Bootstrap
  • 动画
  • Font-Awesome (图标)
  • Flaticons
  • Google Fonts