[fullwidth background_color=”” background_image=”” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_repeat=”no-repeat” background_position=”left top” video_url=”” video_aspect_ratio=”16:9″ video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” border_size=”0px” border_color=”” border_style=”” padding_top=”20″ padding_bottom=”20″ padding_left=”” padding_right=”” hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”no” menu_anchor=”” class=”” id=””][one_half last=”no” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””]

1. Getting Started

Follow these simple steps to get theme ready for your WordPress installation:

  1. Install and activate the theme
  2. Install and activate the plugins. After theme activation, you will see notification window, indicating the need to install/activate certain plugins. It is necessary in order to be able to use all that this theme can offer.
    1. Redux Framework – adds theme options page
    2. Types – adds custom fields support
    3. Page Builder by SiteOrigin – adds widget drag and drop support
  3. Import slider, services, partners, portfolio and testimonials types
    1. Go to Types > Settings (page) > Types tools (section in bottom) > Import/Export
    2. Download and import this xml file (by file upload, text input is not supported at this moment)

2.1 BlueDemo Setup (live demo) (download here)

For 3.x.x theme versions.

  1. Import demo content:
    1. Go to Tools > Import > WordPress (install/activate if needed)
    2. Download and import this xml file
    3. Check “Download and import file attachments” box and submit
  2. Import theme options:
    1. Go to Maskitto Light Options > Import / Export
    2. Import this json file from URL
  3. Create static pages:
    1. Go to Settings > Reading
    2. Change Front page displays to static page and front page to Home, posts page to Blog
  4. Assign menu:
    1. Go to Appearance > Menus
    2. Create and assign menu to Primary Navigation

Notice: It is not recommended to import demo content if you have existing content in your WordPress installation, because it will add multiple pages, posts, media, categories and more.

 

2.2 Green Demo Setup (live demo)

  1. Import demo content:
    1. Go to Tools > Import > WordPress (install/activate if needed)
    2. Download and import this xml file
    3. Check “Download and import file attachments” box and submit
  2. Import theme options:
    1. Go to Maskitto Light Options > Import / Export
    2. Import this json file from URL
  3. Create static pages:
    1. Go to Settings > Reading
    2. Change Front page displays to static page and front page to Home, posts page to Blog
  4. Assign menu:
    1. Go to Appearance > Menus
    2. Create and assign menu to Primary Navigation

Notice: It is not recommended to import demo content if you have existing content in your WordPress installation, because it will add multiple pages, posts, media, categories and more.

3. Red Demo Setup (live demo)

  1. Import demo content:
    1. Go to Tools > Import > WordPress (install/activate if needed)
    2. Download and import this xml file
    3. Check “Download and import file attachments” box and submit
  2. Create static pages:
    1. Go to Settings > Reading
    2. Change Front page displays to static page and front page to Home, posts page to Blog
  3. Assign menu:
    1. Go to Appearance > Menus
    2. Create and assign menu to Primary Navigation

Notice: It is not recommended to import demo content if you have existing content in your WordPress installation, because it will add multiple pages, posts, media, categories and more.

4. Content Manual Setup

For manual content creation please follow these steps:

  1. Create some content inside Pages, Slider, Services, Partners, Portfolios and Testimonials if you will use them
  2. Create new page, for example Blog, which will be used as a static blog page
  3. Create new page, for example Home, which will be used as a static front page
    1. Then under Page attributes assign Front Page to Template
    2. Switch from Visual editor to Page Builder in the right side of the editor
    3. Now you can add Maskitto widgets by pressing on Add Widgets button and choosing Theme Widgets section in left side of the window
      1. Maskitto: Blog – Shows recent blog posts
      2. Maskitto: Counter – Show your progress with a numbers
      3. Maskitto: Include Page – Include your created single page content inside a widget
      4. Maskitto: Partners – Show your partners to your clients. This widget requires to add some content under left side of administration panel  inside Partners
      5. Maskitto: Portfolio – Designed to add recent images of your work with a little description. This widget requires to add some content under left side of administration panel  inside Portfolio
      6. Maskitto: Services – Show your available services to your clients. This widget requires to add some content under left side of administration panel  inside Services
      7. Maskitto: Slider – We created simple slider which can serve for basic use. This widget also requires to add some content under left side of administration panel  inside Slider
      8. Maskitto: Slogan – Show some information about your website
      9. Maskitto: Testimonials – Designed to show your client feedbacks with some basic information. This widget also requires to add some content under left side of administration panel  inside Testimonials
    4. Customize added widgets by clicking on the edit button
    5. Arrange widgets to desired order by using drag and drop feature
  4. Create static pages:
    1. Go to Settings > Reading
    2. Change Front page displays to static page and front page to Home, posts page to Blog
  5. Assign menu:
    1. Go to Appearance > Menus
    2. Create and assign menu to Primary Navigation
  6. Optional: Import theme options:
    1. Go to Maskitto Light Options > Import / Export
    2. Import this json file from URL

5. Widget Grouping

Useful feature to divide content for same type of  the widget. It is recommended to use latest theme version and complete Getting started setup to access this feature.

 

6. Widget Customization

Our built-in widget style customization is very easy process, which can be seen in this video below.

7. Single Page Setup

This theme will add a lot of new options which can be used to make your site more unique like never before:

  1. Page settings – add options for custom title layout, custom page padding, background and lots of more
  2. Page button – add options for custom button, for example if you include this single page in front page

 

8. Theme Setup

This theme has a lot of different options which you can explore and tweak up under left menu’s Maskitto Light Options section:

  1. General – boxed layout, site logo, favicon and other main options of the page
  2. Styling – site main color, font and other styling options
  3. Header – disable or enable contact information and social icons
  4. Social – add you social networks
  5. Blog – tweak up blog title section
  6. Other – change custom login page logo

9. Updating theme

After new theme releases we add some new functionality and sometimes simple theme update won’t add all new options like Testimonials support, therefore you should complete this steps (which will only update existing options):

  1. Go to Types > Import/Export
  2. Download and import this xml file (by file upload, text input is not supported at this moment)

 

10. Useful Plugins

  1. Contact form 7 – adds contact form with lot of customization options (compatible with theme design)
  2. Post Types Order – easy way to change slider, services, portfolio and partners order
  3. Easy Theme and Plugin Upgrades – without this plugin, the only upgrade path you have for download zip themes is to deactivate the theme/plugin, delete it, upload, and reactivate. With this plugin, upgrading is as simple as selecting the zip file to upload, selecting “Yes” from a drop-down, and clicking “Install Now” (useful for beta version update)

11. Child Theme

For custom theme modifications we created child theme, which can be downloaded here.

[/one_half][one_half last=”yes” spacing=”yes” center_content=”no” hide_on_mobile=”no” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_position=”all” border_size=”0px” border_color=”” border_style=”” padding=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”” animation_speed=”0.1″ class=”” id=””]

一个重量轻,干净和简单的 WordPress 主题,适合日常使用。实用的功能,如响应式设计,统一的配色方案,滑块有很多的选择,快速学习的管理面板布局,再加上清洁,方便的可视化设计的一群,它是免费的。目前,该项目正处于发展阶段,但我们认为这是最好的方式,因为在你们的帮助,我们可以微调它完美!

1. 入门

按照这些简单的步骤获得主题准备好你的 WordPress 安装:

  1. 安装并激活主题
  2. 安装并激活插件。主题激活后,您会看到通知窗口,提示需要安装/激活某些插件。它是必要的,以便能够使用所有这个主题可以提供。
    1. 终极版框架 -添加主题选项页
    2. 类型 -增加了自定义字段支持
    3. 页面生成器通过 SiteOrigin -添加小部件拖放支持
  3. 进口滑块,服务,合作伙伴,投资组合和推荐类型
    1. 转到类型> 设置(页)> 类型的工具导入/导出(在底部)>
    2. 下载并导入此 XML 文件  (通过文件上传,文本输入,不支持在这一刻)

2.1 BlueDemo 设置(现场演示)(点击此处下载

对于 3.xx 的主题版本。

  1. 进口演示内容:
    1. 转到工具> 导入> WordPress 的(安装/激活如果需要的话)
    2. 下载并导入此 XML 文件
    3. 选中 “下载并导入文件附件” 框,并提交
  2. 导入主题选项:
    1. 进入 Maskitto 光选项> 导入/导出
    2. 导入该 JSON 文件  的 URL
  3. 创建静态页面:
    1. 进入设置> 阅读
    2. 更改头版显示静态页面,头版首页,帖子页面,博客
  4. 指定菜单:
    1. 转到外观> 菜单
    2. 创建并分配菜单  主导航

注意:不建议,如果你在你的 WordPress 安装现有的内容导入演示内容,因为这会增加多页,文章,媒体,类别等。

 

2.2 绿色演示设置(现场演示

  1. 进口演示内容:
    1. 转到工具> 导入> WordPress 的(安装/激活如果需要的话)
    2. 下载并导入此 XML 文件
    3. 选中 “下载并导入文件附件” 框,并提交
  2. 导入主题选项:
    1. 进入 Maskitto 光选项> 导入/导出
    2. 导入该 JSON 文件  的 URL
  3. 创建静态页面:
    1. 进入设置> 阅读
    2. 更改头版显示静态页面,头版首页,帖子页面,博客
  4. 指定菜单:
    1. 转到外观> 菜单
    2. 创建并分配菜单  主导航

注意:不建议,如果你在你的 WordPress 安装现有的内容导入演示内容,因为这会增加多页,文章,媒体,类别等。

3. 红演示设置(现场演示

  1. 进口演示内容:
    1. 转到工具> 导入> WordPress 的(安装/激活如果需要的话)
    2. 下载并导入此 XML 文件
    3. 选中 “下载并导入文件附件” 框,并提交
  2. 创建静态页面:
    1. 进入设置> 阅读
    2. 更改头版显示静态页面,头版首页,帖子页面,博客
  3. 指定菜单:
    1. 转到外观> 菜单
    2. 创建并分配菜单  主导航

注意:不建议,如果你在你的 WordPress 安装现有的内容导入演示内容,因为这会增加多页,文章,媒体,类别等。

4. 内容手动设置

对于手动创建内容,请按照下列步骤操作:

  1. 创建内页,滑块,服务,合作伙伴,投资组合,如果你会使用他们推荐一些内容
  2. 创建新的页,例如博客,这将作为一个静态博客页面
  3. 创建新的页面,例如,首页, 将被用作静态头版
    1. 然后在页面属性分配头版以  模板
    2. 从可视化编辑器切换到页面生成器 右侧的编辑器
    3. 现在,您可以添加 Maskitto 通过按小部件  添加小工具  按钮并选择主题的窗口小部件在窗口的左侧部分
      1. Maskitto:博客 -显示最近的博客帖子
      2. Maskitto:计数器 -显示一个数字你的进步
      3. Maskitto:包含网页 -包含小窗口内所创建的单页内容
      4. Maskitto:合作伙伴 -显示你的合作伙伴,你的客户。这个小工具需要根据管理面板内的左侧添加一些内容  合作伙伴
      5. Maskitto:投资组合 -设计一个小的描述最近增加你的工作照片。这个小工具需要根据管理面板内的左侧添加一些内容  组合
      6. Maskitto:服务 -显示您的服务提供给您的客户。这个小工具需要根据管理面板内的左侧添加一些内容  服务
      7. Maskitto:滑块 -我们创建简单的滑块,可以服务于基本使用。这个小工具还要求在管理面板内的左侧添加一些内容  滑块
      8. Maskitto:口号 -显示您的网站的一些信息
      9. Maskitto:推荐 -设计的一些基本信息,表明你的客户的反馈。这个小工具还要求在管理面板内的左侧添加一些内容  推荐
    4. 自定义添加小部件通过单击编辑按钮
    5. 通过使用拖放功能排列窗口小部件所需的顺序
  4. 创建静态页面:
    1. 进入设置> 阅读
    2. 更改头版显示静态页面,头版首页,帖子页面,博客
  5. 指定菜单:
    1. 转到外观> 菜单
    2. 创建并分配菜单  主导航
  6. 可选:导入主题选项:
    1. 进入 Maskitto 光选项> 导入/导出
    2. 导入该 JSON 文件  的 URL

5. 控件分组

实用的功能划分为同一类型的小窗口的内容。建议使用最新版本的主题,完整的入门设置来访问此功能。

 

6. 小部件自定义

我们的内置插件类型的自定义是很容易的过程,其可以在低于此视频中可以看出。

7. 单页面设置

这一主题将增加大量的可用于使您的网站更独特的前所未有的新选项:

  1. 页面设置 – 添加自定义标题布局,自定义页面边距,背景选项和大量的更多
  2. 页按钮 – 添加选项,自定义按钮,例如,如果用户在头版此单页

 

8. 主题设置

这个主题有很多不同的选择,你可以探索,并在左侧菜单中的调整了  Maskitto 灯选项  部分:

  1. 一般 -盒装布局,网站标识,图标和页面的其他主要选项
  2. 造型 -网站的主要颜色,字体和其它样式选项
  3. -启用或禁用联系人信息和社会图标
  4. 社会 -增加你的社交网络
  5. 博客 -调整了博客标题节
  6. 其他  -更改自定义登录页面徽标

9. 更新主题

经过新的主题版本中,我们添加一些新的功能,有时简单的主题更新将不会增加像褒奖支持所有新的选择,因此,你应该完成这一步骤(这将只更新现有的选项):

  1. 转到类型> 导入/导出
  2. 下载并导入此 XML 文件  (通过文件上传,文本输入,不支持在这一刻)

 

10. 有用的插件

  1. 联系表 7  -增加了接触的形式有很多定制选项 (与主题设计兼容)
  2. 文章类型订单  -简单的方法来改变滑块,服务,投资和合作伙伴订单
  3. 简单的主题和插件升级 -如果没有这个插件,你有下载的 zip 主题的唯一升级路径是关闭主题/插件,删除,上传,并重新激活。有了这个插件,升级很简单,只要选择压缩文件上传,从下拉菜单中选择 “是”,然后单击 “立即安装”(用于测试版的更新有用)

11. 儿童主题

对于自定义主题的修改,我们创建的子主题,可以下载在这里

[/one_half][/fullwidth]