【译】Regolith主题汉化教程

Regolith主题汉化教程

regolith是一款国外主题开发者开发的一款非常美观横滑的响应式主题,原作者教程是英文的,不便于阅读以及理解这款主题的安装,故借助谷歌翻译将这款主题的英文教程翻译了过来,不对的地方请留言指出。

英文版主题文档        主题下载        主题演示

 入门

要安装这个主题,你必须已经安装的WordPress的工作版本。有关wordpress的安装方法,请参阅WordPress的教程。

你有两个选择上传主题 - 使用FTP或WordPress管理上传工具。

1)通过FTP上传:

首先,你必须解压你下载的文件。在那里,你会发现一个名为regolith.zip文件。现在,解压缩这个文件还。你应该看到一个名为“regolith”的文件夹。上传到/wp-content/themes/在你的WordPress安装。

2)通过WordPress管理上传:

打开你的WordPress管理;转到外观,然后选择添加新的主题。单击添加新的。上传regolith.zip。不要上传ZIP压缩包你themeforest下载。上传仅regolith.zip文件。如果你有一个“失踪样式表”的问题,你都上传了错误的文件!

激活

一旦上传完成后,激活你的主题外观>主题。一旦激活regolith将创建几个默认页面,其中 - 博客和网页。这些将被指定为新的头版和帖子的网页。您可以稍后编辑在regolith> Visual editor > Static Front page这里设置。

 访问主题设置

打开wordpress管理界面。当你打开wordpress管理界面,你可以点击“regolith”,在屏幕的左下角。在那里,你会发现主题设置。

主题设置有5个部分:

  • 常规设置(General) - 添加logo,设置侧边栏的信息和编辑社会化环境;
  • 主页(Homepage) - 改变一切的相关网页。
  • 联系页面(Contact Page) - 设置你的网站的联系表格。
  • 可视化编辑器(Visual Editor) - 编辑可视化设置。这需要你的WordPress主题customiser,允许您更改各种颜色,字体和图像,并立即看到结果。
  • 备份和重置(Backup&Reset) - 导出您的主题设置,并将其导入风化层的另一个实例。这是很方便的,当你设置的主题在本地,后来在不同的服务器上发布它。也可以让你的主题设置重置为默认值。
  • 帮助和支持(Help&Support) - 视图主题文件,有关更新和行星照联系方式的信息。

 上传自定义logo

进入主题设置并打开常规选项卡。你会发现有一节叫“logo”。在那里,你会看到两个文件上传域和alt文本字段。点击“浏览”按钮,从您的计算机中选择您的标志。还提供您的标志的缩小版,滚动时超越了原来的侧边栏显示的固定,结构紧凑侧边栏。点击保存在页面的底部,这就是它!你也应该提供如果你的形象永远无法加载在头版上会显示一个ALT文字。

 设置菜单

对于这个主题的菜单行为几乎完全一样的任何其他wordpress主题。有一个区别。每一级菜单项都有一个图标。这些字体真棒图标,这样你就可以很容易地挑选任何你喜欢的,并把它放在那里。有菜单显示您所需的图标采取这些步骤:

  • 1)进入Font-Aweson,并挑选你喜欢和复制它的名字一个图标。例如“icon-beer”。
  • 2)打开WordPress的菜单编辑器(外观 - >菜单)。
  • 3)打开要添加图标的菜单项。你会看到两个领域 - 导航标签和标题属性。
  • 4)题目粘贴“beer”(字体名称,减去的“fa-”的一部分)属性字段。
  • 5)保存并退出。

 设置主页

当您激活主题,regolith将自动创建的用于网页的页面。本页面将被称为“网页”,你可以找到它并编辑它在你的wp-admin“的页面”。

首页设置使用附带的各种主题的简码。所有这些简码都出现在您的主页默认。这些简码有不同的选择,你可以阅读更多有关。

默认情况下你的网页内容应该像下面看到的,但随时将其编辑成自己喜欢。

[regolith_slider /]

[column_wrap]

[column_item icon="globe" title="Lorem Ipsum" description="There are many variations of passages of Lorem Ipsum available"/]

[column_item icon="leaf" title="Consectetur adipisicing elit" description=" Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt"/]

[column_item icon="suitcase" title="Eiusmod tempor incididunt" description="Magni dolores eos qui ratione voluptatem sequi nesciunt."/]

[/column_wrap]

[text_block]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. [/text_block]

[post_list count="6"/]

[portfolio_list]

设置作品集

作品集的作品很多像普通的博客文章,用几个小的差异。作品集并不需要特别设置。如果启用了漂亮的永久链接,那么你所有的作品集永远是下your-address.com/portfolio可见。

要创建一个新的作品集,应该先去上wp-admin“作品集”一节。然后点击“新增”页面的顶部,就像你创建一个博客帖子的时候做的。之后,继续写你的内容,并设置缩略图一样平常。

现在到了一部分,这是唯一的作品集。点击“添加媒体”权后的文本编辑器上面。选择“创建画廊”。选择要在作品集显示的图片,当你完成点击“创建新库”。这将导致插入后一个画廊对象。

保存后,打开它在你的页面的前端。该主题将纷纷拿起你放在画廊和很酷的列中显示这些图像。

建立联系页面

联系方式页面默认情况下已创建。而且与插件绑定在一起,应该很容易安装。一旦做到这一点,请联系wp-admin菜单,打开/创建联系人形式(有一个默认创建的)。编辑表格根据自己的喜好,并保存它。然后复制ID从简码的形式上面。 (请参见下面的代码示例)。

简码:

[contact-form-7 id="1805" title="Contact form 1"]

现在去主题管理的页面部分。在那里,你会发现名为“联系表ID”。有粘贴ID。

现在,您可以填写剩余的字段,以显示更多的信息。

上传样本内容

为了让事情变得更容易与初始设置,我们已经为您提供,你可以在你的WordPress网站导入示例内容。它位于从Themeforest下载的文件夹中。这就是所谓的regolith.wordpress.xml。你可以使用WordPress管理导入。转到工具>导入。从列表中选择“WordPress的”。选择上述文件并上传。(本段我也没看懂)

 短代码

滑块

缺省情况下使用:

[regolith_slider /]

附加属性:

[regolith_slider count="5" category="furniture" /]

首页滑块是不可见的,当你第一次加载主题,因为没有幻灯片添加到它。你可以在你的wp-admin将“滑块”一节和创建新的幻灯片添加图片到网页滑块。

标题栏

您可以使用简码将标题栏添加到页面。默认用法如下:

[column_wrap]

[column_item title="" description=""/]

[/column_wrap]

每个标题栏包括缠绕元件([column_wrap])及项([column_item])。项目可以选择要么显示Font-Awesome图标或图像。如果两者兼有,该图标需要的优先级。参见下面的例子:

[column_item title="" description="" icon="globe" /]

[column_item title="" description="" image="http://example.org/example.jpg" /]

最新文章

下面的简码,您可以嵌入后的集合中的页面。缺省情况下使用:

[post_list /]

附加属性:

[post_list count="6" title="Blog posts" category="news" tag="breaking" /]

最新作品集

下面的简码,您可以嵌入作品集拼接的页面。缺省情况下使用:

[portfolio_list /]

附加属性:

[portfolio_list count="6" title="Blog posts" category="travel" tag="mountains" /]

布局

这个主题是一个水平响应布局。所有的主要内容区域内的信息嵌套一个div内,一般模板结构是整个模板相同。(这句参考原文)

这个主题有2个不同的布局模式 - 全屏幕和移动(用于屏幕比650px小)。调整浏览器窗口大小探索它们接近。应当指出,该移动版本使用的而不是水平的传统的垂直布局。

Regolith使用CSS3,所以它不支持传统的浏览器,如Internet Explorer6&7和8。

CSS文件

所有的CSS文件都位于主题/assets/css/文件夹。大多数主题的CSS是在主stylesheet.css中,但手机的设计是在移动stylesheet.css中指定。

如果你想编辑的网站的特定部分,只需找到在CSS文件中的相应的标签,然后向下滚动,直到找到合适的风格,需要进行编辑。

javascript文件

所有的JavaScript文件都位于主题/assets/js/文件夹。本主题使用jQuery JavaScript库,许多插件和定制的脚本。所有的主题特定的行为写在theme.js,这是你可能永远需要编辑的唯一文件。

这是比较容易的找到你所需要编辑theme.js。只要打开该文件,并寻找初始化函数。它初始化所有其他功能,您可以通过名称识别。

加入youtube链接

略(此网站不存在)

注意事项、页面等内容

主题将页面,文章,作品集等内容做的很好调整,以适应有限的屏幕高度。这是通过智能拆分内容转换成动态列实现。然而,如果后含有非文本项,如大的图像或定制HTML代码,这是不能被分割,一些内容可能会溢出屏幕的边缘,并变得不可见。主题只能工作很好,如果内容被编辑方式,即允许它被分裂成列。

翻译主题

Regolith可以使用相同的工具和方法的WordPress的其余部分被翻译 - 使用POT语言文件。对于这个主题的语言文件可以在语言文件夹中找到主题文件。在那里,你会发现一个名为default.pot文件。

当你找到POT文件,你需要打开它像POEdit的程序,并翻译英语为首选语言。完成后,你会想,保存文件两次作为两个单独的文件 - 一个的.po文件和文件的.mo。当您保存文件时,你必须根据你的国家和语言代码命名。例如,对于英语的语言代码的en_EN,所以你会翻译的文件保存为en_EN.po,再en_EN.mo。如果这样做了,只需将文件上传到你的主题语言文件夹。

一旦文件已被上传,你需要告诉WordPress的使用哪种语言。这可以通过编辑wp-config.php文件在WordPress站点根目录文件夹来完成。发现这个“定义(”WPLANG','');“而像这样的东西替代它:“定义(”WPLANG','fr_FR目录');“其中fr_FR目录(法语语言代码)被替换为你想要的语言代码。