[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=””]

Perfetta

LAST UPDATED:
CATEGORY:
CONFIGURATION

Perfetta WordPress Theme is the first of our new generation of themes that uses the Theme Customizer for the configuration options, rather than relying on an existing framework.

The demo content, which includes the sample menus, posts and images, can be downloaded as a WXR file from this page; a guide to importing this content may be found here.

Theme Customizer

The Theme Customizer options for Perfetta WordPress Theme contains several useful sections as per the below screenshot:

perfetta-customizer-1

Site Title & Tagline

In this section you may specify the title logo and its tagline. The tagline is displayed on a second line underneath the logo.

perfetta-customizer-2

Colors

The Perfetta WordPress Theme uses 3 basic colors: a color for the background, a main color for links and important elements and another color for the footer text which can be adjusted to compliment the current background image:

perfetta-customizer-3

Background Image

The background image of the theme can be defined and adjusted in this section:

perfetta-customizer-4

Navigation

The theme contains two menu areas: the main menu and the footer menu used for the social icons; if you’ve imported the demo content then the menus are already prepared, but they must be assigned to their respective positions in the Appearance>Menus section of your WP backend:

perfetta-customizer-5

The footer navigation options can be displayed as social icons for direct links to your social channels. To create the icon, a special CSS class must be added to the menu item’s settings to specify which logo you wish to display:

perfetta-customizer-10

The available CSS classes for social media icons are as follows:

  • icon-fb
  • icon-gplus
  • icon-twitter
  • icon-youtube
  • icon-pinterest
  • icon-rss

Static Front Page

In this settings area you may set which page or specific content should be displayed as a frontpage:

perfetta-customizer-6

Font options

The Perfetta WordPress Theme uses two font groups: one for the logo and one for the rest of the text:

perfetta-customizer-7

It is possible to use either a Google Font or one of the standard font families for each section.

Layout & Features

All other important settings are available in this section:

perfetta-customizer-8

Amount of bottom columns is used to set number of columns in the bottom area; the default is two. By changing this setting to three you will have some additional space to add more information via a text widget if necessary.

The color of the bottom area can be set in the Color of the bottom setting.

It is possible to use the theme default date format or enable usage of the WordPress settings date format using the Date format option.
Option Use Scroll Reveal enables scroll animations in the content; as a user scrolls down the content animates into place.

Widgets in the Perfetta WordPress Theme

The Perfetta WordPress Theme has one widget area: Bottom, where text widgets may be added to provide more information on your business or website. The live demo version of Perfetta uses two text widgets with the following content:

Opening Times

<dl>
<dt>Mon-Wed</dt>
<dd>5pm - 11:30pm</dd>
<dt>Thur</dt>
<dd>12pm - 3pm / 5pm - 11.30pm</dd>
<dt>Fri-Sat</dt>
<dd>12pm - 12am</dd>
<dt>Sun</dt>
<dd>12pm - 10.30pm</dd>
</dl>

Contact

<p>Perfetta Cafe 128-192 Robert St, London, W0F 3ZP</p>

<p class="footer-phone"><i class="icon-phone"></i> 555 92 89 22</p>
<p class="footer-email"><i class="icon-email"></i> reservations@perfettacafe.com</p>
[/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=””]

Perfetta

最近更新时间:
类别:
构造

Perfetta WordPress 主题是第一我们新一代的主题,采用主题定制的配置选项,而不是依赖于现有的框架。

演示的内容,这包括样品的菜单,职位和图像,可下载为从一个 WXR 文件当前页 ; 要导入此内容的引导可能会发现在这里

主题定制

对于 Perfetta WordPress 主题的主题定制选项包含几个有用的部分按下面的截图:

perfetta-定制-1

网站标题和口号

在本节中,你可以指定标题的标志和口号。标语显示在徽标下方第二条生产线。

perfetta-定制-2

颜色

所述 Perfetta WordPress 主题使用 3 种基本颜色:为背景,一个主色链接和重要要素和另一种颜色的页脚文本其可以被调节以赞美当前背景图像的彩色:

perfetta-定制-3

背景图

这一主题的背景图片可以定义和调整,在本节:

perfetta-定制-4

导航

主题包括两个菜单领域:主菜单,并用于社会图标页脚菜单; 如果你输入的演示内容,那么该菜单已经准备好,但它们必须被分配给其的外观相应的位置> 你的 WP 后台的菜单部分:

perfetta-定制-5

页脚导航选项可以显示为社会图标直接链接到你的社交渠道。要创建图标,一个特殊的 CSS 类必须添加到菜单项的设置,以指定要显示的徽标:

perfetta-定制-10

是可用的 CSS 类社交媒体的图标如下:

  • 图标-FB
  • 图标-gplus
  • 图标,叽叽喳喳
  • 图标的 YouTube
  • 图标,Pinterest 的
  • 图标 RSS

静态头版

在这种设置区域,您可以设置哪些页面或特定内容应显示为头版:

perfetta-定制-6

字体选项

该 Perfetta WordPress 主题使用两种字体组:一为标志,一个是文本的其余部分:

perfetta-定制-7

有可能使用一个谷歌字体或标准字体族的每个部分中的一个。

布局及特点

所有其他重要设置都可以在本节:

perfetta-定制-8

底列量是用来设置在底部区域的列数; 缺省值是两种。通过更改此设置三个,你将有一些额外的空间,通过文本窗口小部件,如果需要添加更多的信息。

底部区域的颜色可以在被设置在底部的颜色设定。

它可以使用的主题默认日期格式或使用使 WordPress 的设置日期格式的使用日期格式。选择
选项使用滚动显示使滚动动画中的内容; 当用户向下滚动内容动画到位。

在 Perfetta WordPress 主题小工具

该 Perfetta WordPress 主题有一个小工具区域:底部,可以向其中添加文本组件提供对您的业务或网站的详细信息。 Perfetta 的现场演示版本使用了两个文本组件包含以下内容:

开放时间

<DL>
<DT> 周一至周三</ DT>
<dd> 则下午 5 点 - 晚上 11:30 </ DD>
<DT> 周四</ DT>
<DD> 中午 12 点 - 下午 3 点/下午 5 点 - 晚上 11:30 </ DD>
<DT> 周五至周六</ DT>
<DD> 中午 12 点 - 凌晨 12 点</ DD>
<DT> 日</ DT>
<DD> 中午 12 点 - 晚上 10 点半</ DD>
</ DL>

联系

<P> Perfetta 咖啡馆 128-192 罗伯特街,伦敦,W0F 3ZP </ P>

<p 类=“页脚电话”> <I 级=“图标,手机”> </ I> 555 92 89 22 </ P>
<p 类=“页脚 - 通过电子邮件将”> <I 级=“图标,通过电子邮件将”> </ I> reservations@perfettacafe.com </ P>
[/one_half][/fullwidth]