[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



Mon-Wed


5pm - 11:30pm


Thur


12pm - 3pm / 5pm - 11.30pm


Fri-Sat


12pm - 12am


Sun


12pm - 10.30pm

Contact

Perfetta Cafe 128-192 Robert St, London, W0F 3ZP



 555 92 89 22


 reservations@perfettacafe.com
[/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 的現場演示版本使用了兩個文本組件包含以下內容：

開放時間



週一至週三

則下午 5 點 - 晚上 11:30 

週四

中午 12 點 - 下午 3 點/下午 5 點 - 晚上 11:30 

週五至週六

中午 12 點 - 凌晨 12 點

日

中午 12 點 - 晚上 10 點半

聯繫

 Perfetta 咖啡館 128-192 羅伯特街，倫敦，W0F 3ZP 

   555 92 89 22 
   reservations@perfettacafe.com
[/one_half][/fullwidth]