虎扑足球：您的专属世界杯资讯与球迷社区

咨询表单配置

配置咨询表单，请遵循以下步骤。

要接收邮件，首先需要设置您的电子邮箱地址。请在代码编辑器中打开 `/php/contact.php` 文件。然后，您可以修改电子邮件 ID 和主题。请参见下方示例。

/*
 * ------------------------------------
 * Contact Form Configuration
 * ------------------------------------
 */
 
define( "RECIPIENT_EMAIL", "info.thememor@gmail.com" ); // Your email ID here 

成功跳转设置

如果您希望用户在成功提交表单后跳转到其他页面（如“感谢页”或“成功页”），通过本平台可以轻松实现。打开 index.html 文件，只需在 `<form>` 元素中添加 `data-redirect="/path/to/thanks.html"` 属性即可。例如：

<!-- // NOTE THE data-redirect attribute -->
 <form action="php/contact.php" method="POST" data-redirect="success.html">

或者，如果您不希望用户跳转，而是停留在当前页面，只需将 `data-redirect` 属性值更改为 `none`。

订阅表单配置

此步骤用于配置页脚的 Mailchimp 订阅表单。首先，您需要从 Mailchimp 获取相关信息。

1. Mailchimp API 密钥
2. Mailchimp 列表 ID

获取 API 和列表 ID 后，打开 `/php/subscribe.php` 文件，并添加您的 API 密钥和列表 ID。您还可以根据需要配置更多选项，例如双重验证、发送欢迎邮件以及姓名等 MMERGE 标签。请参见下方示例。

/*
 * ------------------------------------
 * Mailchimp Email Configuration
 * ------------------------------------
 */

$apiKey       = 'YOUR_MAILCHIMP_API_KEYS_HERE'; /*Your Mailchiimp API Key*/
$listId       = 'LIST_ID_HERE'; /*Mailchimp List ID*/
$double_optin = true; /*Set False if you don't need to verify user enmail */
$send_welcome = true; /* Send Welcome email to new users */
$email        = $_POST['email'];
$fname        = ''; 
$lname        = '';  

成功跳转设置

如果您希望用户在成功提交表单后跳转到其他页面（如“感谢页”或“成功页”），通过本平台可以轻松实现。打开 index.html 文件，只需在 `<form>` 元素中添加 `data-redirect="/path/to/thanks.html"` 属性即可。例如：

<!-- // NOTE THE data-redirect attribute -->
 <form action="php/subscribe.php" method="POST" data-redirect="success.html">

或者，如果您不希望用户跳转，而是停留在当前页面，只需将 `data-redirect` 属性值更改为 `none`。

服务器托管建议

完成所有定制后，下一步是将您的“即将上线”模板上传到实时托管服务器。为此，您需要从服务提供商处购买托管计划和域名。

从信誉良好的服务商处购买托管服务

网站上传部署

Once you have registered a domain name and Hosting, You will get FTP details from your hosting provider. Use that login details to connect with your server. You will need an FTP Software for this such as FileZilla. Connect with your server and open /public_html folder in your server. Then copy all HTML, CSS and JS files from your local machine to your root /public_html folder in your server. Please note the HTML files should be in the Server's root folder. If your local project is in /your-folder/ Do not upload the folder directly. Instead open the folder and select all HTML files and CSS, JS folders and upload.

网站性能优化技巧

一个快速且优化的网站取决于多个因素，需要实施这些因素才能达到预期效果。有多种优化技术可供选择，它们必将对您的网站性能产生积极影响，我们希望与您分享其中一些技巧：

1. GZip压缩与浏览器缓存

   This is probably one of the Most Important Techniques you should definitely implement in order to bump up your Website's Loading Speed. GZip 压缩 is used to compress the Files that are delivered when loading a Website. It covers HTML, CSS, Javascript & Font Files along with other miscellaneous text files. Where as 浏览器缓存 also covers Images & Videos apart from including the above files. This is used to saves the Static Data in your Browser itself so that when you open the Next Pages on the Same Website, the content does not gets Downloaded again, loading the Website fast.

   可以使用 Apache Web 服务器上的 `.htaccess` 文件来启用 GZip 压缩和浏览器缓存。您可以在此处获取相关代码：https://github.com/h5bp/html5-boilerplate/blob/master/dist/.htaccess，以在您的服务器上启用这些模块。

2. 图片压缩与优化

   We tend to use Lots of Images on our Websites but we often do not make efforts to Compress & Optimize them. Remember, the Larger the Image, the more time it takes to download and therefore this slows your website loading times affecting User Experience. Your customer will leave your website if it does not load within 3-5 Seconds which adversely affects your Sales. Therefore, it is important to Resize, Optimize & Compress your Images before using it on your Website. Here are some Tips which might come handy in optimizing images:

   1. 调整图片尺寸： Resize your Images before using it on your Website. Do not just Download an Image & place it as it is in your Website's <img> Tag without resizing it. The size/resolution of the Image matters since it is not recommended to use an Image size of 1200px x 800px in a Content Size of 300px x 200px as this is unnecessary. Resize it to 300px x 200px
   2. 图片格式：网页图片常用的文件类型有 JPEG、GIF 和 PNG。扁平背景图片推荐使用 JPEG，透明背景图片使用 PNG，动画图片则选择 GIF。
   3. 压缩图片： Images Compression is important as it considerably reduces the size without losing the quality. There are several FREE Image Optimization Tools available to Download.
      MAC 用户 use ImageOptim
      Windows 用户 use Riot for compressing JPEG Images & PNG Gauntlet for PNG Images.

3. CSS与jQuery压缩

   It is also recommended that you 合并与压缩 all your CSS Files to a single CSS File & all Javascript Files to a single JS File since 压缩 reduces the size of the File and 合并 the files helps in reducing the number of HTTP requests made to the server. This is also an Important Factor in increasing the speed of your website. There are several tools available online to Minify your CSS & JS Files. Our recommendations are:
   CSS use CSS Minifier and JavaScript use Javascript Minifier.

4. 内容分发网络（CDN）

   You can use a CDN to further speed up your website. You can use the CDN to deliver static files of your website like CSS, JS, Images & Font Files. There are several CDN Hosting Providers available on the Internet but we would recommend MaxCDN or CloudFlare. 注意： CDN setup requires Extra monthly Fees to setup, so it is completely optional & according to your needs. Cloudflare also has a Free plan, you can try that for free.

5. 高速网站服务器 服务器性能对网站至关重要，建议选择提供稳定、高速托管服务的公司。您也可以考虑我们的共享主机方案，详情请见上方。

检查 Google Page Speed 评分

我们非常感谢以下框架、插件和图片的制作者。我们使用它们来增强此登陆页面的功能。由于版权限制，演示中看到的图片不包含在下载包中。

版本升级指南

If you have purchased an earlier version and want to upgrade your website to the newwer version of this template, You can follow the steps. In each update, we will keep a changelog or version history, where we will keep the log of all changes made. We will list out the Changes made, Features added and Pages modified. So it will be easier for you to replace the existing. If you have modified a file which has latest update, for example, CSS, Open both page in a code editor and use a Comparison Sofware or an Online Tool like Diff Now to compare changes in both files. Then you can manually copy paste the changed lines without affecting your file. NOTE: We recommend that you keep a separate file for new additions or changes if possible.

版本 1.0 (2019年10月21日)

Initial Version

如果您喜欢此模板，请访问您的下载页面进行评分：http://themeforest.net/downloads。您的评价对我意义重大 :)

请注意，您购买的是一个价格实惠的模板，而非全职网页设计机构的服务。偶尔我们会协助进行小型调整，但由于其性质，这些请求的优先级较低。请保持耐心、礼貌和尊重。我们将尽快回复您的问题。

1. 解答关于产品及其功能的疑问或问题
2. 修复已报告的错误和问题
3. 提供更新以确保与新软件版本兼容

1. 定制化和安装服务
2. 第三方软件和插件支持

1. 请确保您的问题是有效议题，而非定制化需求。
2. 在提问前，请务必仔细阅读文档及相关指南。
3. 尝试使用搜索引擎查找常见问题，通常能更快获得解答。

联系客服