WP Tabs - Getting Started─影片 Dailymotion

cityskyhost

前天

类别

😹

娱乐

文字稿

显示完整文字稿

00:00Hello everyone welcome to the WPTAPS plugin video tutorial

00:08before going to the plugin features let me show you a few examples of the tabs showcase

00:12that can be created using WPTAPS plugin

00:16first you can create a beautiful tab section like this

00:21then you can change the tabs alignment to right

00:23and you are allowed to customize almost everything for your tab group

00:30let me give you a quick overview of all the plugin features and then i will show you how you can create

00:35a tab showcase in real quick so let's get started once you have installed and activate the plugin

00:41in your wordpress dashboard you will see a menu called WPTAPS when you click on it it will take

00:46you to the tab groups page here you will find all the tab groups you have created using the WPTAPS

00:52plugin listed in one place for each tab group you will find a title a shortcode and the date it was

00:58published if you want to make a copy of your existing tab group then simply click on the duplicate button

01:05now let's move on to the all important add new tab group when you click on it it will take you to this

01:10page here you will find all the features required to create your tab first type a title for your tab

01:16group then tabs type is selected as content click add new tab to create as many tab items as you want

01:24here you will find a title field and an vcwig editor where you can add text image videos and

01:31shortcode from other plugins so let's create a few tabs first

01:35you can order the tab group by simply doing drag and drop like this and if you wish to duplicate any

01:46tab group then click the duplicate icon and if you want to remove it then click on the cross icon and

01:52say ok so now let's publish the shortcode then go to a page where you want to display it insert the

01:58shortcode in a code or shortcode block then publish the page and preview it so this is how the tab looks

02:04initially now let's move on to the tabs configuration page again here you can see there are several tabs

02:11initially we will be in the tab settings here you can see tabs layout is selected as horizontal

02:17and tabs position is set to top select and tabs alignment from left to right so if i set it to right

02:24and update the shortcode and reload the page you can see the tabs are aligned to right select an

02:30activator event in between on click or mouse over so if you select mouse over you will see the tabs will be shifted on mouse over like this

02:42turn on or off the preloader from here now let's move on to the display options here you can show

02:47or hide the tab section title when you show it you can set a margin button from the section title

02:53set the margin between the tabs so this is the margin between the tabs i am talking about

03:01select an html tag for the title change the title background color from here so if i change the color

03:07to this one and update the shortcode and refresh the page you can see tabs color has been changed

03:14you can also change the active background color and the hover background color and set a title padding

03:23border and border radius from here change the description background color from here

03:30and also you can set a padding and border around the description content height is set to auto and

03:36select your preferable small screen width you can select and tap mode for the small screen

03:42the options are full width or accordion type now let's move on to the typography

03:49here you can change the tabs section title tabs title and the tabs description color

03:56font hover color and the font active color so if i change the tabs font color from here

04:04and update the shortcode reload the page you can see the tabs title font color has been changed

04:11now let's move on to the settings menu in the advanced settings you can check this box to remove

04:21the plugin data when the plugin is deleted and next one is additional css write the custom css here to

04:28modify the plugin default styling now let's move on to the tools menu using the tools menu you can export and

04:35import all the tab groups you have created using this plugin in the upcoming videos i will show you

04:41how you can use all those extra features in the plugin to make your tab even more attractive and

04:46meaningful until then take care

推荐视频