- Log into your WordPress site account
- 登录您的WordPress网站帐户 li>
- Click Appearance > Widgets from the left menu
- 点击左侧菜单中的外观>窗口小部件 li>
- The BookingBug widget should now be under Available Widgets if it has installed successfully.
- 如果已成功安装,BookingBug小部件现在应该在“可用小部件”下。
You can now 1. click and drag the widget to the right to where you would like to place it under Sidebar.
现在,您可以1.单击窗口小部件并将其拖动到右侧,将其放置在边栏下方。
li>
- Log into your BookingBug account.
- 登录您的BookingBug帐户。
Copy the BookingBug ID code from the top-right corner of the page.
从页面右上角复制BookingBug ID代码。 li>
- Back on the WordPress page, under BookingBug ID, paste the BookingBug ID you had just copied.
- 返回WordPress页面上的BookingBug ID下,粘贴刚复制的BookingBug ID。
You can also 1. change the title of your widget here.
您还可以1.在此处更改窗口小部件的标题。 li>
- Click Save.
- 单击“保存”。
li>
ol>
You can also chose to use a widget for just a single service instead of your entire calendar.
您还可以选择将窗口小部件仅用于单个服务,而不是整个日历。
You can find this option in your BookingBug account under Publish > Single Widgets.
您可以在BookingBug帐户的“发布”>“单个小部件”下找到此选项。 p>
Usage in a post
帖子中的用法 h4>
In any post or static page on your blog, you can use the shortcode to directly embed a BookingBug widget in your site:
在博客上的任何帖子或静态页面中,您都可以使用简码直接在您的网站中嵌入BookingBug小部件:
1. Log into your BookingBug account
1.登录您的BookingBug帐户
1. Under Publish, you can either choose either Customize Widgets or Single Widgets.
1.在发布下,您可以选择自定义小部件或单个小部件。
You will then find a Show WordPress Shortcode button, which will then generate a pre-built shortcode for your blog, customized to your style and design
然后,您将找到“显示WordPress简码”按钮,该按钮将为您的博客生成一个预先构建的简码,并根据您的样式和设计进行定制 p>
The basic parameters are :
基本参数是: p>
- id=’xxx’ – Your BookingBug ID (as displayed in the top right corner when logged into BookingBug) or with widget id of a single service that you offer under Publish->Single Widgets in BookingBug
- id =“ xxx” –您的BookingBug ID(登录到BookingBug时显示在右上角),或您在BookingBug中的“发布”->“单个小部件”下提供的单个服务的小部件ID li>
- palette=’yyy’ – An optional Palette.
- palette ='yyy'-可选的调色板。
Create and save a palette under ‘smart widgets’ and use the palette name to skin your widget to your site
在“智能小部件”下创建并保存一个调色板,并使用调色板名称将小部件贴到您的网站上 li>
style=’large’ – A style of widget, the options are :
style ='large'–一种小部件样式,选项为: p>
- “large” : A large 730 * 570 widget for a full screen entry
- “大”:大型730 * 570小部件,用于全屏输入 li>
- “medium” : A narrower 570 * 570 widget
- “中”:缩小的570 * 570小部件 li>
- “medium-small” : A 440 * 570 widget – fits in most blogs
- “中小型”:440 * 570小部件–适用于大多数博客 li>
- “small” : A very small 180 * 240 widget for sidebars
- “ small”:用于侧边栏的非常小的180 * 240小部件 li>
- “wide” : A wide, but not very high widget that is 730 * 240
- “宽”:宽但不是很高的小部件,为730 * 240 li>
ul>
li>
ul>
e.g.
例如
[bookingbug id=’ukw12345′ palette=’custom’ style=’medium-small’]
[bookingbug id ='ukw12345'palette ='custom'style ='medium-small'] p>