Home
Search results “Create theme with options wordpress”
Part 4 - WordPress Theme Development - Create Custom Options with Settings API
 
32:38
:: Support Me :: https://www.patreon.com/alecaddd http://www.alecaddd.com/support-me/ https://amzn.to/2JliYNE How to build a Premium Theme for WordPress - Lesson 4 How to create Custom Options with Settings API GitHub Repo: https://github.com/Alecaddd/Sunset-theme Download Sunset Theme FREE: https://www.youtube.com/watch?v=ViZLtFIcSfo :: Tutorial Series :: WordPress 101 - Create a theme from scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nUFbe0Y9d-19uVkOnhYxFE Learn SASS from Scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nvORWgaD0hAbBcJUcsxy16 :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: https://plus.google.com/u/0/+AlessandroCastellani/posts Facebook: https://www.facebook.com/alecadddpage
Views: 64908 Alessandro Castellani
Create wordpress theme options  using redux freamwork
 
48:59
From this video you can learn how to create Wordpress theme option using redux freamwork. Redux Framework https://wordpress.org/plugins/redux-framework/ sample theme https://github.com/deepintowp/theme-options/blob/master/sample%20theme.zip source code https://github.com/deepintowp/theme-options/blob/master/after%20development.zip
Views: 3795 Subhasish Manna
Wordpress Theme Options Development (Part 1) Introduction of Theme Options in Wordpress
 
08:13
In this video session we'll discuss about theme options, 1. What is Wordpress Theme Options? ================== Theme options is a custom admin page which comes with some WordPress themes. It allows users to change theme settings without modifying theme files or touching any code. These theme option pages can be very simple with a handful options or it can have tons of customization options split into either tabs or multiple pages. A Simple small option tab we'll make which takes user input and display to fron site. SOCIAL : =============== Subscribe : https://www.youtube.com/channel/UCB2flCo-gW6RhpVVXySqcMg FACEBOOK : https://www.facebook.com/onlinewebtutorhub/ TWITTER: https://twitter.com/owthub BLOG: https://onlinewebtutorhub.blogspot.in/ RECOMMENDATION: =============== 1. Some knowledge of PHP, HTML for this video series 2. How to Install Wordpress: https://www.youtube.com/watch?v=MREgql9jmf0 Also you can learn Wordpress Custom =============== Wordpress Theme Development: https://goo.gl/MZ8maF Wordpress Widget Development: https://goo.gl/Dc2htn Wordpress Plugin Development: https://goo.gl/BA7dYG Learn backbone.js here! : https://goo.gl/Qd2Pcs Tags =============== online web tutor, profotech solutions, wordpress theme options development wordpress theme options wordpress theme options framework wordpress theme options panel wordpress theme options panel tutorial wordpress theme options upload image wordpress theme options tutorial wordpress theme customization in hindi Thanks Online Web Tutor Keep learning and Sharing :)
Views: 1497 Online Web Tutor
Engage WP Theme: Theme Options Panel
 
06:12
In this video we're going to show the awesome Theme Options panel of the Engage WordPress theme.
Views: 536 Veented
Wordpress - Theme Options
 
17:30
http://www.twitter.com/Nick_Meagher http://www.icepick.co
Views: 15543 Nick Meagher
Wordpress Theme Options Development (Part 2) Add Theme Options Menu in Wordpress Admin
 
11:22
In this video we'll see the menu section of wordpress. We will make option menu tab for our custom settings. To make admin menu page we should use add_menu_page of wp, have a look over its syntax Syntax: ====================== add_menu_page( string $page_title, string $menu_title, string $capability, string $menu_slug, callable $function = '', string $icon_url = '', int $position = null ) This function takes a capability which will be used to determine whether or not a page is included in the menu. The function which is hooked in to handle the output of the page must check that the user has the required capability as well. Here! in our code as, ========================== add_action("admin_menu","mythemeoptios"); function mythemeoptios(){ /// menu page code to be added at admin panel add_menu_page( "theme-options", // page title "Theme Options", // Menu title "manage_options", // capability "theme-options", // menu slug "mycustom_options", // callback function "dashicons-sticky" // icon ); } SOCIAL : =============== Subscribe : https://www.youtube.com/channel/UCB2flCo-gW6RhpVVXySqcMg FACEBOOK : https://www.facebook.com/onlinewebtutorhub/ TWITTER: https://twitter.com/owthub BLOG: https://onlinewebtutorhub.blogspot.in/ RECOMMENDATION: =============== 1. Some knowledge of PHP, HTML for this video series 2. How to Install Wordpress: https://www.youtube.com/watch?v=MREgql9jmf0 3. Read documentation of add_menu_page in wp: https://developer.wordpress.org/reference/functions/add_menu_page/ Also you can learn Wordpress Custom =============== Wordpress Theme Development: https://goo.gl/MZ8maF Wordpress Widget Development: https://goo.gl/Dc2htn Wordpress Plugin Development: https://goo.gl/BA7dYG Learn backbone.js here! : https://goo.gl/Qd2Pcs Some of our important videos ======================== Insert data to wordpress table, https://www.youtube.com/watch?v=UxBDUzQHeMY Make wordpress page while activating plugin https://www.youtube.com/watch?v=oL8ffxggYZY Make database table when plugin activates, https://www.youtube.com/watch?v=nzRyFF95jXI Tags =============== online web tutor, profotech solutions, wordpress theme options development wordpress theme options wordpress theme options framework wordpress theme options panel wordpress theme options panel tutorial wordpress theme options upload image wordpress theme options tutorial wordpress theme customization in hindi Thanks Online Web Tutor Keep learning and Sharing :)
Views: 931 Online Web Tutor
How To Create A Wordpress Website 2018 | Divi Theme
 
03:37:53
In this tutorial I show you how to make an amazing website using the Divi theme! I will show you step by step how to create a website using the Divi Theme. An amazing theme that contains a front end editor that makes creating websites easier and faster than ever before! Divi came with a recent update that enables you to make websites even faster! I wil cover that in this tutorial! Example website: https://divi5.com Demo Files: https://ferdykorpershoek.com/create-a-wordpress-website-using-the-divi-theme/ Webhosting: http://webhosting126.com Like me on Facebook: https://www.facebook.com/FerdyKorpershoek/ The Divi builder is a front end editor that shows the result of your editing immediately. The Divi theme comes with 80+ other themes and a few amazing plugins! Making websites was never so easy as it is this day! If you have a question, please leave a comment! Overview with Timestamps: Intro 00:00:15 Overview of the tutorial 00:07:08 For who’s is this tutorial? 00:08:13 Get a domain and webhosting 00:12:53 Install Wordpress 00:15:49 Clean Up Wordpress 00:16:40 Configure the Permalinks 00:17:24 Remove blogposts 00:17:47 Change User Settings 00:19:23 Create Pages 00:20:53 Create and Assign the menu 00:24:00 Change the homepage to.a static page 00:24:41 Introduction on Themes 00:25:39 Get the Divi Theme 00:25:56 What do you get with the Divi theme? 00:28:25Install the Divi theme 00:29:44 Configure the API Key 00:30:34 Use images I use in the tutorial 00:31:02 Upload a logo and Configure the Theme Options 00:32:25 Social Icons 00:32:25 Other Options 00:33:27 Google Analytics 00:34:27 Change the logo size The Visual Builder 00:35:10 Explenation of the layout 00:37:05 Creating a blurb 00:39:09 Duplicate Modules 00:39:51 The Editor View 00:40:46 Overview of the options in the Visual Builder 00:42:27 Display options of the Visual Builder 00:42:48 Zoom Out To Drag and Drop 00:43:14 Change to tablet or smartphone view Create The Homepage 00:43:47 HeaderSlider 00:45:54 How to work with backgrounds 00:49:51 Create a Video Slide 00:54:52 Import Custom CSS to style your website extra 00:57:06 Import Section Options 00:58:18 The Blurb Module 01:03:46 The Video Module Explained 01:04:48 The Text Module Explained 01:07:17 The Gallery Module Explained 01:10:01 The Button Module Explained 01:13:04 Save a Module/Section to your library 01:14:11 Change the look and feel of sections and modules 01:18:11 Use Custom CSS to style your modules 01:23:40 Create a simple clients section 01:25:16 Zoom out to drag and drop areas in your website 01:26:35 Configure the responsive visibility of areas in your website 01:26:55 Work with animations 01:29:04 Load From Library | Pre Made Layouts 01:35:14:16 Divi Theme Settings 01:35:53 Boxed Layout 01:36:20 Website Width 01:36:30 Gutter Width, Section Height and Row Height 01:38:26 Typography 01:40:15 Configure the background of the website 01:41:19 Configure the Menu 01:42:01 The Primary Menu 01:44:27 The Fixed Menu 01:46:25 The Secundary Header 01:48:14 Button Styles 01:48:49 Responsive Settings 01:50:24 Additional CSS 01:50:31 Create beautiful dividers 01:53:12 Verify Your Domain 01:53:50 Add SSL to your website About Page 01:55:24 Import Pre Made Layouts 01:56:50 Import a Video Background 02:03:24 Create A Custom Footer 02:08:12 Adjust the Socket in the Footer 02:09:08 Add links to your Socket 02:10:54 Change the look and feel of an area in a few clicks The Services Page 02:13:10 Import a Pre Made Template 02:14:08 Change images using the Divi Filter 02:15:43 Use Fluid Styles to save a lot of time The Portfolio Page 02:18:36 Create a Portfolio Item 02:20:15 Create a Gallery 02:20:42 Optimise Images | SEO 02:23:16 Create a related projects section 02:26:25 Save your project as a template 02:26:49 Create a second portfolio item 02:29:03 Create a third portfolio item 02:31:18 Configure the portfolio page The Blog Page 02:36:34 Configure the blog page 02:37:00 Create a fblogpost 02:38:40 The excerpt text 02:39:10 The Text Editor | headers | paragraphs 02:43:22 Style your blogpost 02:46:45 Add a link 02:48:15 Add Images 02:52:17 Use custom CSS to get rid of the sidebar border 02:54:02 Use the live editor to make a blogpost 02:56:32 The Countdown module 02:58:27 Change the postdate or schedule blogposts 03:00:05 Configure the blog page The Sidebar 03:07:44 Sidebar Widgets 03:08:49 The Facebook Likebox Widget 03:10:33 Blogpost Comments The Contact Page 03:12:44 Add a free image and optimise it in Wordpress 03:15:26. The Call To Action Module 03:16:36 Add 3 blurbs 03:19:30 The Google Maps Module 03:19:43 Get the Google API Key 03:21:11 Configure the Google Maps Module 03:23:19 The Contact Form Module The Homepage 03:25:19 Add Most Recent Posts on the homepage 03:26:34 Add Most Recent Projects on the homepage Responsiveness 03:28:05 Make your website even more responsive 03:37:05 What is next? 03:37:22 Thank you so much
Views: 675513 Ferdy Korpershoek
Part 4   WordPress Theme Development   Create Custom Options with Settings API
 
32:38
WordPress Tutorials From Basic to Advance, Learn WordPress step by step. all this is not my video tutorial . it's collected. if you like this tutorial then like, comment subscribe my channel.
Views: 41 Blind Soldier
#2 Zeen WordPress Theme - Frontend Theme Options Panel
 
11:51
Zeen WordPress theme uses a 100% frontend theme options panel allowing you to visualise all your changes instantly before having to publish. This saves you time, reduces stress and allows you to calmly make changes without worrying about your visitors seeing a broken site whilst you are experimenting with different option combinations! Embrace the future and upgrade to Zeen today. Get it here: https://themeforest.net/item/zeen-next-generation-magazine-wordpress-theme/22709856 Don't miss a thing - follow Codetipi: Codetipi on Facebook: https://www.facebook.com/codetipi Codetipi on Twitter: https://twitter.com/codetipi Official Site: https://codetipi.com
Views: 637 Codetipi
How to Create A Slider in WordPress
 
08:35
Download the plugin ➜ https://websitelearners.com/get/smartslider Tools for your website ➜ https://websitelearners.com/tools/ Beautiful websites require hard work. However, Wordpress makes them easy to make. One of the features that makes websites beautiful is the slider. Sliders are very powerful elements in websites. They are lovely, and can be used to convey a lot of information, using only a small part of the web page. Making sliders could be quite tricky, but the benefits are worth the effort. Sliders have the ability to: to pass lots of info across to users without chunky text. grab attention of readers quickly. display other content asides images, such as videos. However, they could end up being really messy. For this reason, we would be taking a look at how to effortlessly create sliders on our Wordpress website through plugins. Quick, simple and easy to use. We would be creating a slider, be it compact or fullscreen in just four steps. Step 1: Download the Slider Plugin We would be downloading the slider plugin (https://websitelearners.com/get/smartslider). The Smart Slider 3 plugin would be used for this tutorial. Guess what? It‘s free to download. Don‘t forget it is the wordpress slider we are going to be using here. Step 2: Upload the plugin to your site What we would do next is to visit the Wordpress dashboard, click on the plugins section and upload the downloaded Smart Slider 3 plugin. After uploading the plugin, we would then activate the plugin. Things are about to get interesting here, we would be creating our first beautiful slider. Step 3: Create your first slider After activating our Smart Slider 3 plugin, it would be available on the Wordpress dashboard. Then we would click on it on the Wordpress dashboard. After clicking on it, there would be two options to create a slider, either manually or using a template. Remember I said it would be easy the other time, therefore we would be using the template which is the faster option here. Selecting the template option would present us with free and premium templates. Choose any of the templates, and we would get a preview of the template. The template can then be imported, and would be present in the Smart Slider menu. Step 4: Add the slider to a page Next stop would be to add the slider to the website. Visit the website‘s homepage or whatever page you wish to add the plugin, and click “Edit with Elementor”. New icons would pop up on the webpage, click the “+” and then the “Smart Slider” option. Drag and drop the “Smart Slider” option on the web page and then choose the template of choice. To finish this up, update the web page using the update option at the bottom of the page. Yipeee! We’ve added a slider to our wordpress website. Step 5: Edit the Slider To edit a slider, click on the “Smart Slider” option at the top of your Wordpress website, and click on the edit slider option. If you wish to get better templates, you can buy from the premium templates available.
Views: 72165 Website Learners
Wordpress Theme Options Development (Part 4) Wordpress Theme Option Settings Finalisation
 
20:01
In this video session we will see 1. Settings finalization for admin 2. Setting fields at user site. function mycustom_options(){ // we have to link our custom settings settings_errors(); settings_fields("section"); do_settings_sections("theme-options"); submit_button(); } To get all custom saved settings to user site we have to use, get_option('twitter_url'); // method with key name that we have specified while setting fields Documentation Study: 1. settings_errors https://developer.wordpress.org/reference/functions/settings_errors/ 2. settings_fields https://developer.wordpress.org/reference/functions/settings_fields/ 3.do_settings_sections https://developer.wordpress.org/reference/functions/do_settings_sections/ SOCIAL : =============== Subscribe : https://www.youtube.com/channel/UCB2flCo-gW6RhpVVXySqcMg FACEBOOK : https://www.facebook.com/onlinewebtutorhub/ TWITTER: https://twitter.com/owthub BLOG: https://onlinewebtutorhub.blogspot.in/ RECOMMENDATION: =============== 1. Some knowledge of PHP, HTML for this video series 2. How to Install Wordpress: https://www.youtube.com/watch?v=MREgql9jmf0 Also you can learn Wordpress Custom =============== Wordpress Theme Development: https://goo.gl/MZ8maF Wordpress Widget Development: https://goo.gl/Dc2htn Wordpress Plugin Development: https://goo.gl/BA7dYG Learn backbone.js here! : https://goo.gl/Qd2Pcs Some Important videos you should watch ========================= Insert data to wordpress table, https://www.youtube.com/watch?v=UxBDUzQHeMY Make wordpress page while activating plugin https://www.youtube.com/watch?v=oL8ffxggYZY Make database table when plugin activates, https://www.youtube.com/watch?v=nzRyFF95jXI Tags =============== online web tutor, profotech solutions, wordpress theme options development wordpress theme options wordpress theme options framework wordpress theme options panel wordpress theme options panel tutorial wordpress theme options upload image wordpress theme options tutorial wordpress theme customization in hindi Thanks Online Web Tutor Keep learning and Sharing :)
Views: 507 Online Web Tutor
Guide to Creating a WordPress Theme Options Page: Introduction
 
00:38
In the past few years, WordPress has grown to be arguably the most popular content management system out there. This growth has been supplemented by a huge number of community-made themes, most of which include some form of advanced back-end customization. The most popular form is a theme options page, but creating one is not as straightforward as you may think. In this course you’ll learn the basics of creating your very own theme options page, and the result will be a set of tools you can use right away in your own theme. Watch full course with our free 10-day trial: https://webdesign.tutsplus.com/courses/guide-to-creating-a-wordpress-theme-options-page
Views: 990 Envato Tuts+
The 3 Best WordPress Directory Themes & Why You Should Make One - Niche Yelp & Travelocity Clone
 
26:51
The 3 Best WordPress Directory Themes & Why You Should Make One - Niche Yelp & Travelocity Clone In this video, I explore the world of directory websites and the 3 best directory WordPress themes. There are MANY reasons why you should consider creating a directory website. It is an excellent value add, lead generator, and income generator. You can create them for niche areas versus just a straight Yelp clone or Travelocity clone, which I do not recommend. If you are a web developer, it would be a great tool to contact businesses then later sell on a development project. Or to give premium listings to your existing clients as part of your care package. Or you can also create a directory for your local city or town and sell advertisements or advertise your own business. You can make a directory website with WordPress for churches, associations, etc. The opportunities are limitless. Here is the link for the 3 top themes: Listify - https://www.wpcrafter.com/listify Listable - https://www.wpcrafter.com/listable ListingPro - https://www.wpcrafter.com/listingpro In the next 2 weeks, I will have a setup tutorial on ListingPro since that is the one I am going to choose to use for my directory website. ~~~~~~~~~~~~~~~~~~~~~ All of my opinions in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is an affiliate program available, it's safe to assume that you are clicking on an affiliate link. Please check my website for any associated bonus I may be offering, for supporting me, or ask in the comments below. ~~~~~~~~~~~~~~~~~~~~~
How To Create A Wordpress Website 2018 | Divi Theme
 
02:41:15
NEW TUTORIAL AVAIALBLE: https://www.youtube.com/watch?v=1l5OnKj_-5Q Create an amazing website using the Divi theme! In this tutorial I will show you step by step how to create a website using the Divi Theme. An amazing theme that contains a front end editor that makes creating websites easier and faster than ever before! Demo Website: http://divi2018.com Demo Files: http://ferdykorpershoek.com/how-to-make-a-wordpress-website-divi-theme-3-0/ Webhosting: http://webhosting125.com First I will show you how to get a domain name and webhosting. After getting that I will show you how to install and configure Wordpress and get the Divi theme. After installing the Divi theme we will create the homepage using the Divi Builder. The Divi builder is a front end editor that shows the result of your editing immediately. The Divi Builder works with Sections. In those sections you can place rows. Rows can have different amount of columns, and in those columns you can place modules. Modules like images, gallery, text, counter, contact form and more. Using Sections, Rows and Modules you can create your website with ease and save a lot of time im comparison with other themes and builders and editors. Divi also has the possibility to import premade pages with a few clicks. That is a real timesaver! So just look at what kind of page you want to create, import a page like that and adjust it. Besides the Divi theme you will get access to 80 other themes and a few amazing plugins! You can use the themes and plugins on unlimited websites and even can pay a one time fee so you can use all the themes and plugins inlimited times for the rest of your life! A great choice for webbuilders! Overview with Timestamps: 00:00:00 Intro 00:00:17 What we will make 00:07:12 Get A Domain and Webhosting 00:10:37 Install Wordpress 00:11:54 Optimize the urls for Search Engines 00:13:07 Change your username display 00:13:49 Clean up your Wordpress website 00:14:42 Get the Divi Theme 00:16:24 Download and install Divi 00:17:37 Use your API key for automatic updates 00:18:24 Download the images I use in the video 00:19:16 Create Pages 00:21:17 Create A Menu 00:25:00 Change the Homepage settings Create The Homepage Using Divi 00:25:48 Enable the Visual Builder of Divi 00:26:17 How Does The Visual Builder Work? 00:28:14 Create A Fullwidth Slider 00:37:37 Create a Services Section 00:42:25 Add an animation to a module 00:43:05 Create A Why Choose Us Section 00:45:11 Add Custom CSS to your module 00:47:40 Create A Who We Work For Section Import Pages and Sections 00:49:52 Import a pre build page 00:51:37 Export a section as a template Divi Theme Settings and Customizations 00:55:24 The Divi Theme Options / Upload a logo 00:56:12 The Divi Custom Colors 00:56:51 Add Social Media Links The Them Customizer 00:57:53 The Them Customizer 00:58:59 Add a Site Icon 00:59:22 Change The size of the website and the boxed layout option 01:00:16 Adjust the website gutter width 01:01:26 Change the theme accent color 01:01:42 Typography 01:05:01 Change the menu appearance 01:10:59 Add and configure the top bar 01:12:52 The Footer Settings The About Page 01:16:00:22 Create the about page 01:16:37:16 Import a premade page 01:18:16:19 Create a video background 01:19:50:17 Adjust the premade page 01:21:44:13 The Bar Counters Module The Blogpage 01:27:13 Create a blogpost 01:28:00 Headers and Paragraphs explained 01:31:28 Style the text 01:32:11 Add an image 01:33:52 Add more modules to your blogpost 01:36:46 Add categories to your blogpost 01:37:25 Select a featured image 01:38:02 Create a blogpost using the Wordpress editor 01:41:44 Change the publishing date 01:42:52 Change the blogpost view 01:47:01 Add a custom excerpt 01:49:33 Add a comment to a blogpost The Sidebar 01:50:16 Add sidebar widgets 01:51:16 Add the Facebook Likebox widget Latest Project/Portfolio Page 01:53:48 Add a portfolio item 01:59:56 Save the portfolio item page as a template 02:03:49 Import the Portfolio page 02:12:21 Add custom CSS to the portfolio page 02:15:33 Finish the homepage 02:20:38 Add the footer (and footer widgets) 02:24:08 Create the services page 02:29:36 Create a contact form 02:32:10 Create the contact page 02:36:41 Create a Google Api key for Google Maps
Views: 305047 Ferdy Korpershoek
WordPress Appearance ,Theme Options, Customization in Hindi/Urdu Step by Step Complete
 
26:43
WordPress Appearance ,Theme Options, Customization in Hindi/Urdu Step by Step Complete Appearance → Menus The Appearance Menus Screen enables a user to create custom navigation menu in place of a theme’s default menu. Support for this feature must be registered in the theme's functions.php file. The WordPress Menu User Guide describes the details of adding, deleting, and maintaining menus. Appearance Menus Screen Screen Options The Screen Options allow you to choose which modules are displayed, or not displayed, in the underlying Screen. Clicking on the Screen Options tab shows a list of the possible modules and options with a check-box next to each. Check the box for each module or option you want displayed, or uncheck the box to not display that module. Click the Screen Options tab again to close the Screen Options. Certain modules, like Posts are hidden by default. Expanding, Collapsing, and Rearranging, Modules The modules, such as Posts, can be expanded, or collapsed, by clicking on the module title bar. In addition, those modules can be moved by hovering the mouse cursor over the module title bar, when the mouse cursor changes to 4-arrows, hold the left-mouse button down, drag the module to where you want to place it, then release the mouse button (this is called drag-and-drop). Create a Menu To create a new custom menu, click the "create a new menu" link, give the menu a name, and click Create Menu button. Note: If the current theme does not support menus, the message, "The current theme does not natively support menus, but you can use the “Custom Menu” widget to add any menus you create here to the theme’s sidebar." will display informing you that widgets can be used to put custom menus in a sidebar. You can create multiple menus. If your theme includes support for more than one menu, you can choose which custom menu to associate with each. You can also use custom menus in conjunction with the Custom Menus widget. Once a menu is created these options are available: Automatically add new top-level pages Check this box so that anytime a new top-level Page is created, that Page will automatically be added to the menu Theme Locations If more than one menu is supported, you can select where this menu should go. Delete Menu Click this link to delete the menu. Deleting also deletes the menu items. Save menu Click this button to save the menu. Add Menu Items After a menu is created, then detail items can be added to the menu. Choose items like custom links, pages, and categories, from the left column to add to the menu. If you have created custom post types or custom taxonomies those too can be added to menus. If you don't see your custom post types or taxonomies, look under the Screen Options to make sure they are checked to be Show on Screen. After items have been added to a menu, drag and drop to put them in the order you want. You can also click each item to reveal additional configuration options. You can also drag a menu item a little to the right to make it a submenu, to create menus with hierarchy. You'll see when the position of the drop target shifts over to portray the nested placement. When you have finished building your custom menu, make sure you click the Save Menu button. You can specify a different navigation label for a menu item as well as other attributes. You can create multiple menus. If your theme includes more than one menu, you can choose which custom menu to associate with each. You can also use custom menus in conjunction with the Custom Menus widget. This screenshot shows an example of the About Menu Item displayed in a hierarchy under the Home Menu Item. Theme Locations Theme locations allow the definition of the placement of your menu. The WordPress Twenty Fifteen theme supports two menu locations. For themes that only support one menu the message 'Your theme supports 1 menu. Select which menu you would like to use. displays. (If you have added support for more navigation menus in your theme, you will see more pull-down location options) Manage Locations Location From the pull down box, select the menu that will be presented in the location such as Primary Locat ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Don’t forget to Like and Subscribe our Youtube Channel ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ https://www.youtube.com/channel/UCNCdyHlXN7RShLM6Z0iCZog?view_as=subscriber ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Don’t forget to like and follow our Facebook page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ https://www.facebook.com/eduforalll/ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Don’t forget to like and follow our Twitter page ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ https://twitter.com/kskhurram66 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -~-~~-~~~-~~-~- Please watch: "Introduction to Visual Basic Programming part 1" https://www.youtube.com/watch?v=dc8pKlFQLGA -~-~~-~~~-~~-~-
Views: 144 Education 4 All
Part 2 - WordPress Theme Development - How to create a Custom Admin Page
 
21:22
:: Support Me :: https://www.patreon.com/alecaddd http://www.alecaddd.com/support-me/ https://amzn.to/2Hcp5mo How to build a Premium Theme for WordPress - Lesson 2 How to create a Custom Admin Page GitHub Repo: https://github.com/Alecaddd/Sunset-theme Download Sunset Theme FREE: https://www.youtube.com/watch?v=ViZLtFIcSfo :: Support Me :: Template Monster Promo Code 10% Discount: http://www.alecaddd.com/monstroid-review-and-template-monster-discount-promo-code/ Amazon Wishlist: http://www.amazon.ca/registry/wishlist/3FEA8PP1YWTEP :: Tutorial Series :: WordPress 101 - Create a theme from scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nUFbe0Y9d-19uVkOnhYxFE :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: https://plus.google.com/u/0/+AlessandroCastellani/posts Facebook: https://www.facebook.com/alecaddd
Views: 89967 Alessandro Castellani
Shopkeeper Theme Options GONE?!
 
03:36
If you are using our ecommerce video on How to Make an Ecommerce website using Shopkeeper - watch this video https://youtu.be/Nl1wXkesCXE The theme has changed slightly and there is no more theme options. The theme options are now called Customize. This video will show you how to access it and show you that it's all the same but better than ever with the preview page. Please make sure to give our newest tutorial on how to make a wordpress website a thumbs up! https://youtu.be/XaHzqC-3Ni0
Views: 4298 NYC TECH CLUB
Theme Options Panel | Invention WordPress Theme - Themeforest
 
18:47
Invention is Responsive Multi-Purpose WordPress Theme , which have shortcodes, page builder, theme options and more features to create your website quickly and easily, really it is invention for your website. Get it now : https://themes.jozoor.com/invention/ by Jozoor Team http://jozoor.com
Views: 3290 Jozoor
How To Make A Wordpress Blog 2017 - Create A Blog With Wordpress - EXTRA THEME
 
02:19:12
GET HOSTING 65% OFFhttp://www.darrelwilson.com/hostgator / Learn to make a blog with wordpress! In 90 minutes, you will be able to create a blog with no experience required! Its easy to make a blog, Ill show you how! GET EXTRA THEME ( 25% OFF BLACK FRIDAY DEAL): http://darrelwilson.com/blackfriday Learn how to start a blog step by step with wordpress! You can make your own blog in under 90 minutes with this tutorial! You dont need to have any experience to create your own blog or website today. I will be using wordpress to create this blog and you'll be really surprised how easy it is to make this blog. Blogging with the extra theme is really simple and very modern. Get Images: https://www.dropbox.com/sh/e53gf682sc4y5fg/AAClvMgE_yg0DtmegaIcnTKJa?dl=0 Get Your LOGO: http://www.darrelwilson.com GET PREMADE LAYOUTS HERE: http://darrelwilson.com/divi-layouts-sale/ For more tutorials like this, or to learn how to make a wordpress website, feel free to visit my website at http://www.darrelwilson.com Wordpress (blogger)
Views: 66201 Darrel Wilson
Enfold Theme Tutorial | Wordpress Tutorial For Beginners
 
03:01:03
Get 60% Off | Webhosting: https://www.siteground.com/go/webhosting-with-discount In this Enfold Theme Tutorial I show you how to make a beautiful premium Wordpress website from start to finish with the best selling theme Enfold: Even without any knowledge about making websites you can follow this tutorial easily! Enjoy! Get a Domain name and Webhosting: https://www.siteground.com/go/webhosting-with-discount Enfold theme: http://ferdykorpershoek.com/enfold-theme/ Permalink code: /%category%/%postname%/ Quick CSS: div .logo { top: 5px; } .responsive .logo img { margin: 5px auto; } 00:01 Welcome 00:07 Overview of the website we are going to make Domain name and hosting 03:50 Get webhosting and a domain name 06:50 Get discount through the coupon code 'FerdyKorp' Hostgator Control Panel 08:05 Go to the control panel and login 09:40 Install Wordpress on your webhosting Configure Wordpress 11:32 Login to Wordpress 12:38 Change username password 13:46 Clean up your Wordpress website 15:40 Create better permalinks for your website (SEO) Building the website 17:02 Create some webpages 20:47 Order your pages in a menu and assign the menu 23:17 Make submenu's in the menu Get a premium theme for Wordpress 24:37 Some examples of good websites 25:07 Go to wordpressking:com and get the Enfold theme 29:40 Download the Enfold theme 32:00 Install and activate the Enfold theme in Wordpress Enfold Theme options 33:00 Choosing frontpage and blogpage, add logo, favicon and Analytics 36:45 Install Google Analytics Dashboard plugin 38:41 General Layout: Width website, menu settings etc: General styling 40:45 Change the look and feel, colours and use custom css 43:15 Change the menu 44:59 Change fonts on your website Advanced styling 45:28 Change widget title size and h1, h3 and h3 and menu colors Header settings 47:47 Change logo and menu positions, header settings, title/breadcrumb display and header behaviour 49:43 Edit the top header bar settings 50:58 Change the Transparency Option 51:57 Sidebar settings 52:42 Footer settings 54:00 Remove the 'powered by Enfold' text *UPDATE* The best way to remove the text above is to go to The Footer settings in the Enfold theme settings, go to the Copyright text area and place [nolink] after the text: that removes the Enfold text: Contact Form 7 55:40 Make a contact form and configure it Edit Page Editor 56:45 Visual editor and text editor 58:58 Update page after pasting form code and refresh the contact page Create a sidebar with widgets 1:00:41 Create a sidebar and add some widgets Change menu settings 1:07:01 Change color settings of the menu Edit Contact Page 1:07:56 Edit the Contact Page Blog Page 1:08:58 Create post categories and add a new post with text, a video and a picture 1:10:55 Select a featured Image 1:12:35 Adjust your post with The Advanced Layout Editor 1:14:03 Add widget to blogposts 1:16:36 Headers and alinea's 1:24:10 Change the blog layout 1:25:40 Expand the Advanced Layout Editor Portfolio page 1:31:28 Create portfolio categories add a portfolio item and add a gallery to it 1:44:28 Configure the portfolio page Footer Widgets 1:53:30 Add some footer widgets About us, Facebook Like Box, Latest portfolio items, latest blog entries Services page 1:59:28 Edit the services page About me page 2:19:05 Edit the about me page Home page 2:31:20 Edit the homepage 3:00:00 Congrats! You made a website!
Views: 147944 Ferdy Korpershoek
Wordpress Theme Options Development for beginner (Part 9) Introduction of Wp Customize Color Control
 
15:36
In this video i have explained about WP_Customize_Color_Control of wp. Steps to Add WP_Customize_Color_Control, ==================== 1. Register Section 2. Register Setting 3. Add Control 4. Show on Website 1. Register Section, ==================== By the help of 'add_section' we can add our section to wp customize option $wp_customize-[]add_section("custom_theme_section_area",array( "title"=[]"Custom Theme Settings" )); Documentation Study: https://codex.wordpress.org/Class_Reference/WP_Customize_Manager/add_section 2. Register Setting ==================== By using 'add_setting' we can add our settings to created section, $wp_customize-[]add_setting("custom_theme_color_text_setting"); Documentation Study: https://codex.wordpress.org/Class_Reference/WP_Customize_Manager/add_setting 3. Add Control ==================== To add a control in given section and settings we should use 'add_control' $wp_customize-[]add_control(new WP_Customize_Color_Control( $wp_customize, "text_color", array( "label" =[] "Select Color for Text", "section" =[] "custom_theme_section_area", "settings" =[] "custom_theme_color_text_setting" ) )); Documentation Study: https://codex.wordpress.org/Class_Reference/WP_Customize_Manager/add_control 4. Show on Website =============== To show our control setting to website we have to use wp method "get_theme_mod('custom_theme_color_setting')" where 'custom_theme_color_setting' is the setting_id Important Videos to watch before this video session to make it clear, =============== 1. Clear vision about add_section, add_setting, add_control : https://www.youtube.com/watch?v=nLgqj3Cq4mM 2. Using above settings: https://www.youtube.com/watch?v=1P4rXgiviIY 3. https://www.youtube.com/watch?v=Ll1vn1HJY1c SOCIAL : =============== Subscribe : https://www.youtube.com/channel/UCB2flCo-gW6RhpVVXySqcMg FACEBOOK : https://www.facebook.com/onlinewebtutorhub/ TWITTER: https://twitter.com/owthub BLOG: https://onlinewebtutorhub.blogspot.in/ RECOMMENDATION: =============== 1. Some knowledge of PHP, HTML for this video series 2. How to Install Wordpress: https://www.youtube.com/watch?v=MREgql9jmf0 Also you can learn Wordpress Custom =============== Wordpress Theme Development: https://goo.gl/MZ8maF Wordpress Widget Development: https://goo.gl/Dc2htn Wordpress Plugin Development: https://goo.gl/BA7dYG Wordpress Theme Options Development: https://goo.gl/Vjv3Ub Learn backbone.js here! : https://goo.gl/Qd2Pcs Important Videos from Plugin Development Series =============== About Shortcodes in wordpress: https://www.youtube.com/watch?v=F9Woyst2fr8 Ajax Request in wordpress by wp_ajax_{action_name}: https://www.youtube.com/watch?v=RAwahYG8Qfc Insert data from form to wordpress database table: https://www.youtube.com/watch?v=UxBDUzQHeMY Create Wordpress page on Plugin Activation: https://www.youtube.com/watch?v=oL8ffxggYZY Tags =============== online web tutor, profotech solutions, wordpress theme options development from scratch in hindi, wordpress theme options development from scratch in easy steps, wordpress theme options development, wordpress theme options development in easy steps, theme options development in wordpress from scratch, theme options development in wordpress by online web tutor, theme options development in wordpress tutorials from scratch in hindi, theme options development tutorials in hindi, owt tuts, online web tutorials, Thanks Online Web Tutor Keep learning and Sharing :)
Views: 359 Online Web Tutor
WordPress Child-Themes 14: Theme Options
 
05:03
This video shows, how you can add theme options to your child theme in the WordPress back end.
Views: 4955 Marian Heddesheimer
How to Add Front End Login Page and Widgets in WordPress
 
07:41
Do you want to add a front-end login feature to your WordPress site? Sending users to the login page will normally redirect them to the WordPress admin area which is not always ideal. In this video, we will show you how to add a front-end login page in WordPress. Text version of this tutorial: http://www.wpbeginner.com/plugins/how-to-add-front-end-login-page-and-widgets-in-wordpress/ If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Check us out on Facebook: https://www.facebook.com/wpbeginner Follow us on Twitter: http://twitter.com/wpbeginner Join our circle on Google+: https://plus.google.com/+wpbeginner/ Checkout our website for more WordPress Tutorials http://www.wpbeginner.com/ Summary of this tutorial: Start by installing and activating the Theme My Login plugin. Once activated, it will automatically crate pages for login, logout, forget password, and registration. You can use these pages or you can visit the theme's options to configure the settings. You are able to use the plugin's default login stylesheet to style your login as well as whether username, email, or either is used for logging in. It allows you to send custom emails from WordPress for when your users receive emails from your WordPress site. There are also redirect options for when users login how you would like to redirect them. Once logged in you can set it so users have custom links to traverse your site in the login widget while logged in. There are security options for your login in terms of private logins, if you want your site to be private, and the allowed number of login attempts.
Uncode - Theme Options
 
09:33
In this video we will introduce Options and the difference between Theme Options (general) and Page Options (specific for single page).
Views: 48688 Undsgn
Make a Custom Website with WordPress - Elementor Page Builder!
 
03:30:09
http://wpsculptor.com http://wpsculptor.com/hostgator (Hostgator affiliate link) In this tutorial, you’ll learn everything you need to know to create highy customized WordPress websites. You’ll learn how to use the free Generate Press theme and the free Elementor Page Builder plugin. The Elementor Page Builder allows you to control 100% of the content between your website’s header and footer allowing you to create websites that are uniquely your own, not just another generic website template. Please consider playing a part in letting YouTube know that my videos are helpful. You can do this by taking a moment to like the video, subscribe to my channel and comment on the video. You are amazing and I wish you all the very best with your online endeavors! I sincerely appreciate you using my Hostgator affiliate link and coupon codes: http://wpsculptor.com/hostgator wpsculptor1cent - get your first month for just 1 cent wpsculptor30 - get up to 50% off your entire hosting order Thinking about upgrading to Elementor Pro and want to support me? My affiliate link is: http://wpsculptor.com/elementor Watch My Elementor Pro Tutorial: https://www.youtube.com/watch?v=K0QbJimTYrQ Download the Free Elementor PDF Guide on this page: http://wpsculptor.com/create-a-custom-website-with-the-elementor-page-builder/ Create a Coming Soon Page (short tutorial): https://www.youtube.com/watch?v=B7fJK0BoAuI Time Stamp Table of Contents: 0:00:00 Introduction/Overview of Tutorial 0:02:58 Setting up a domain name and hosting account (My affiliate link: http://wpsculptor.com/hostgator) 0:08:13 Installing WordPress onto your hosting account 0:10:51 Basic WordPress settings 0:15:12 Installing the Generate Press theme 0:16:15 Choosing a custom color scheme 0:20:45 Creating a Logo 0:25:02 Adding a logo and basic theme settings 0:27:47 Creating pages 0:30:01 Creating a custom navigation menu 0:34:26 Specifying a front page and an optional blog page 0:35:55 Additional theme appearance options (container width, navigation appearance, color options, fonts, etc..) 0:43:33 Introduction to Elementor Page Builder 1:05:24 Media page setup (downloading free images, resizing images, creating image galleries, adding videos, and adding background images) 1:36:54 Contact Us page setup - creating contact forms and Google maps 1:52:17 About page setup - advanced column background colors, testimonial element, icon box elements 2:11:52 Home page section 1 setup (fit to screen background images, headings, sections within sections, button customization, icon boxes, divider) 2:31:16 Home page section 2 setup (Heading, section within a section, icon boxes) 2:36:41 Home page section 3 setup (video backgrounds, headings, text, buttons) 2:41:58 Home page section 4 setup (image, heading , text, buttons, cropping images to get a widescreen, cinematic look) 2:50:04 Home page section 5 (background colors, headings, duplicating sections) 2:54:13 Adjusting home page section 4 height 2:55:06 Mobile device setup 3:01:02 Blogging features 3:13:31 Blog comment settings 3:16:51 Widgets and widget areas 3:27:01 Footer widget area 3:29:14 Closing words and thank you!
Views: 225528 wpSculptor
Flatsome Tutorial - Header, Styling,  Wordpress WooCommerce Theme Options
 
27:34
Previous Tutorial Here: https://www.youtube.com/watch?v=pkuEgXCIDfk Follow us on twitter @overnight_coder
Views: 28296 Overnight Coder
Wordpress Theme Options Development (Part 3) Register Settings of theme options in Wordpress
 
16:11
In this video session we will see, 1. How can we register settings in wordpress? To register any setting in wordpress we need to use 3 wordpress functions. a. add_settings_section b. add_settings_field c. register_setting add_settings_section (https://developer.wordpress.org/reference/functions/add_settings_section/ Syntax: =========== add_settings_section( string $id, string $title, callable $callback, string $page ) Part of the Settings API. Use this to define new settings sections for an admin page. Show settings sections in your admin page callback function with do_settings_sections(). Add settings fields to your section with add_settings_field() add_settings_field (https://developer.wordpress.org/reference/functions/add_settings_field/) Syntax: ========== add_settings_field( string $id, string $title, callable $callback, string $page, string $section = 'default', array $args = array() ) Part of the Settings API. Use this to define a settings field that will show as part of a settings section inside a settings page. The fields are shown using do_settings_fields() in do_settings-sections() register_setting (https://developer.wordpress.org/reference/functions/register_setting/) Syntax: =========== register_setting( string $option_group, string $option_name, array $args = array() ) Register a setting and its data. Have a look used code to video session, // theme options settings page function theme_options_setting(){ // Step#1 this code basically provides an area where you can register your fields add_settings_section( "section", // id of settings section "All page", // title null, // callback function "theme-options" // page ); // Step#2 add_settings_field( "channel_name", "Channel Name", "display_channel_name", "theme-options", "section" ); add_settings_field( "facebook_url", "Facbook URL", "display_fb_url", "theme-options", "section" ); add_settings_field( "twitter_url", "Twitter URL", "display_twitter_url", "theme-options", "section" ); // step #3 We need to add this(channel_name) setting to area register_setting("section","channel_name"); register_setting("section","facebook_url"); register_setting("section","twitter_url"); } add_action("admin_init","theme_options_setting"); function display_twitter_url(){ // twitter input box for admin } function display_channel_name(){ // channel input box for admin } function display_fb_url(){ // facebook url input box for admin } SOCIAL : =============== Subscribe : https://www.youtube.com/channel/UCB2flCo-gW6RhpVVXySqcMg FACEBOOK : https://www.facebook.com/onlinewebtutorhub/ TWITTER: https://twitter.com/owthub BLOG: https://onlinewebtutorhub.blogspot.in/ RECOMMENDATION: =============== 1. Some knowledge of PHP, HTML for this video series 2. How to Install Wordpress: https://www.youtube.com/watch?v=MREgql9jmf0 Also you can learn Wordpress Custom =============== Wordpress Theme Development: https://goo.gl/MZ8maF Wordpress Widget Development: https://goo.gl/Dc2htn Wordpress Plugin Development: https://goo.gl/BA7dYG Learn backbone.js here! : https://goo.gl/Qd2Pcs Some Important videos you should watch ========================= Insert data to wordpress table, https://www.youtube.com/watch?v=UxBDUzQHeMY Make wordpress page while activating plugin https://www.youtube.com/watch?v=oL8ffxggYZY Make database table when plugin activates, https://www.youtube.com/watch?v=nzRyFF95jXI Tags =============== online web tutor, profotech solutions, wordpress theme options development wordpress theme options wordpress theme options framework wordpress theme options panel wordpress theme options panel tutorial wordpress theme options upload image wordpress theme options tutorial wordpress theme customization in hindi Thanks Online Web Tutor Keep learning and Sharing :)
Views: 676 Online Web Tutor
How-to Add A Custom Function To Your WordPress Website
 
06:52
How-to Add A Custom Function To Your WordPress Website More info: https://www.wpcrafter.com/ Transcription: Thanks for joining me on another WP crafter video and in this video on the show you something that is typically technical and a little challenging and not newbie friendly at all phenomena make a newbie friendly easy for you now I got a request from one of the viewers of this YouTube channel asking me about how to get a feature added back into their e-commerce their WooCommerce base websites that WooCommerce decided to remove and it was more specifically the additional shipping options in the shopping cart and so I did a little googling for her and the solution is to add a custom function so I thought this would be the perfect video for anyone that needs static custom function that they found somewhere on the web but they just don't know how to do it okay so that's working to do in this video so anyways this is the site that I found on a worthy page account on WordPress's website about the custom function it's right here so what I wanted to do is not a copy and paste it on the go here in jump into one of my WordPress installations are working to add a plug-in now you don't necessarily need a plug-in at all to add a custom function but there is a plug-in that makes it a lot easier for you the other option is to directly get into the theme template files okay so that's a little technical mumbo-jumbo and most people be afraid to mess something up see probably don't want to go that route and also if you added to a themes file what happens if you change themes you would lose all your custom functions will have to going to retrieve mom and migrate them so there is a plug-in based solution that makes it real easy so when you log into WordPress go to plug-ins and then click on add new and working to do a quick search for custom functions custom functions discredited hit enter and this is the plug-in right here it's called my custom functions I guess you could just search for my custom functions and to go and click on install to very light weight plug-in in order to go ahead and activate the plug-in alright so if you scroll down here to my custom functions you can click on settings and it will take you right into the plug-in or you can find it by going underneath appearance and then words his custom functions it says right here enter your custom functions here so now let's go back into that page that I found this custom function that can be added and it's right here go ahead in the highlights and I'm going to copy the function of just putting it in my clipboard you can right-click and copy it or however you like to put text in a clipboard go back here only click into the section where you can enter it I'm going to go to a and then I'm just gonna paste it in and then put a right there so what you do is just go ahead and copy and paste your function in there and then click this button right here on the right this is update custom functions now what I like about this plug-in is we can see right here is his custom function updated successfully the scary part about custom functions is if there is anything wrong with how it's entered in like say right here you got this this; in this bracket if any little thing is missing if you take your whole site down doesn't break in the entire site like there's some devastating damage done but you have to get in and remove that custom function or fix it in order for your site to come back up so that is one of the scary spots however with this plug-in if you enter in an error so say I get rid of this is; which is not it's it's improper Andy go ahead and click on update custom functions now normally this would crash your entire site but check this out and gives you a nice little warning it says sorry but your custom coast the code cause a fatal error so it's not applied please check the code and try again so we were just adding that into the theme files directly there was there's no checking to make sure that you entered it right in it How-to Add A Custom Function To Your WordPress Website -~-~~-~~~-~~-~- Please watch: "How-to Make A WordPress Website 2016 In 60 Minutes - Business or Restaurant, Create Build Develop" → https://www.youtube.com/watch?v=0j1NzwuBvSw -~-~~-~~~-~~-~- ~~~~~~~~~~~~~~~~~~~~~ All of my opinions in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is an affiliate program available, it's safe to assume that you are clicking on an affiliate link. Please check my website for any associated bonus I may be offering, for supporting me, or ask in the comments below. ~~~~~~~~~~~~~~~~~~~~~
How to Import Your Theme Options Settings HD
 
02:31
Import theme options settings from demo themes of MyThemeShop to your WordPress site. Use the above tutorial to import the theme options settings to make your website look similar to one of the demo themes of MyThemeShop. Useful WordPress Themes Links: Premium WordPress Themes - https://mythemeshop.com/themes/ Free WordPress Themes - https://mythemeshop.com/theme-category/free-wordpress-themes/ Useful WordPress Plugins Links: Premium WordPress Plugins - https://mythemeshop.com/plugins/ Free WordPress Plugins - https://mythemeshop.com/plugin-category/free/ Connect: Facebook - https://www.facebook.com/MyThemeShop Twitter - https://www.twitter.com/MyThemeShopTeam G Plus - https://plus.google.com/u/0/+MyThemeShop
Views: 1258 MyThemeShop
Part 8 - WordPress Theme Development - Activate Custom Theme Support Options
 
38:39
:: Support Me :: http://www.alecaddd.com/support-me/ How to build a Premium Theme for WordPress - Lesson 8 How to Activate Custom Theme Support Options GitHub Repo: https://github.com/Alecaddd/Sunset-theme Download Sunset Theme FREE: https://www.youtube.com/watch?v=ViZLtFIcSfo :: Tutorial Series :: WordPress 101 - Create a theme from scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nUFbe0Y9d-19uVkOnhYxFE Learn SASS from Scratch: https://www.youtube.com/playlist?list=PLriKzYyLb28nvORWgaD0hAbBcJUcsxy16 :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: https://plus.google.com/u/0/+AlessandroCastellani/posts Facebook: https://www.facebook.com/alecadddpage
Views: 26486 Alessandro Castellani
How to Create Mobile Friendly WordPress Pages (Updated Version!)
 
20:40
Full post and tips: https://thrivethemes.com/mobile-friendly-content/ How can you create mobile friendly and mobile responsive pages, blog posts and opt-in forms for your WordPress website? Follow these 8 steps to get perfect results each time.
Views: 32294 Thrive Themes
Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab
 
07:18
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist Change WordPress Font-Size Using Theme Options or CSS | WP Learning Lab Changing WordPress Font-size is done in the theme options panel or with CSS. Once you know where to make the changes in your theme it is easy to do. As with a lot of things in Wordpress, where you do things depends on the theme you're using and the plugins you're running. First, always check to see if your theme has theme options. If it does then you should be able to find a typography tab to edit font sizes. Sometimes font sizes will be found in the general settings of the theme options. The theme options will be found either under the Appearance menu in the left hand side admin menu or there will be special menu item that the them itself added. If your theme doesn't have theme options, then you're next stop should be the customizer. Some themes have a lot of WordPress Customizer support. Go to Appearance then Customizer to see if you can edit font sizes there. If both of those are a no-go then you're left with going to directly to the stylesheet to change font sizes. This is method is great if you have some CSS knowledge. To find your stylesheet go to Appearance then Editor. The stylesheet will be the first thing to appear in the editor. If, for some reason, it's not there, then find the style.css file in the list of theme files on the right and click it to open it in the editor. NOTE: You should be edit stylesheet of a child theme only. If you edit the parent theme stylesheet directly then your edits could be overwritten when you update the them. Here's a tutorial on how to create a child theme if you need it: https://www.youtube.com/watch?v=Z8n1h-85SMQ Now that you have the CSS stylesheet open in the editor you will need to find the font styles. The easiest way to do this is go to your main site and find the fonts that you want to edit. If you're using Google Chrome or Firefox right click on the text and choose the "inspector" or "inspect" from the context menu. If you're not using Google Chrome or Firefox then start using them. In the inspector that opens at the bottom of the page you should see the text highlighted in the main area and the class of the element on the right. You can type styles right into the element on the right hand side to quickly test to see how big you want the font to be. This doesn't save it permanently. What you see is only in your browser and as soon as you refresh the page you'll lose it. So, find the class for the text, find the right size and move that CSS rule in to the stylesheet for the child theme. Sometimes you'll have to fight with the existing CSS to make your font changes take effect. That's where a command link !important comes in very handy. If you type .h2 {font-size:10px !important;}. Having !important forces that style to take precedent over all others. It's a lazy way to code CSS, but unless you have time to find the conflicting styles, it's a fast and easy trick. I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
Page Layouts using Wordpress Avada Theme
 
20:07
This is a quick Tutorial on how to design page layouts using Wordpress Avada Theme using the Fusion Core Plugin or Visual Builder. Contact me for any Theme Customizations or Custom Plugins. My website is http://www.idesignsmart.com/ I offer discount Wordpress Theme Customization Service and have extensive experience with Wordpress My discount link for the theme is http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=hiasad If you are looking for a discount with Host Gator the discount link is http://partners.hostgator.com/c/169127/177309/3094
Views: 43077 Asad Siddiqi
4 Places To Edit WordPress CSS | WP Learning Lab
 
08:08
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL 4 Places To Edit WordPress CSS | WP Learning Lab To edit WordPress CSS you first need to know all the places you can find CSS. There are 4 common places. You may not have all these locations on your website because some of them are theme-dependent. The possible CSS locations are: 1. The WordPress theme or child theme stylesheet (this one you have for sure) 2. The theme options panel (this one you may or may not have) 3. A CSS editor on each page and post (this one you may or may not have) 4. Inline CSS applied directly to HTML elements on the page (this one you will have only if you're written it) Let's go through each one. The WordPress theme or child theme stylesheet When inside your WordPress dashboard if you click on Appearance then Editor you will be able to edit theme or child theme files. Usually the style.css is loaded first by default. If it's not loaded find the style.css file in the list of files on the right side of the editor page. When you find it, click on it. That will open the CSS file in WordPress editor. At this point you can make edits to the file and click on the Update button to save your changes. How to actually code CSS is beyond the scope of this tutorial, but you can check out my CSS channel over here (https://www.youtube.com/channel/UCeFLITjl2v9vtIkftw9UMsw) The danger in editing CSS directly in the stylesheet of the main theme is that what you create may be over written when the theme updates. You get around this problem by creating a child theme (see a tutorial on how to create a WordPress child theme here: https://www.youtube.com/watch?v=Z8n1h-85SMQ). The theme options panel Not every theme has a theme options panel, but the ones that do make WordPress CSS so much easier to edit. You can simply add CSS to the CSS box in the theme options and click save changes. The upside is that theme updates won't erase the CSS code you create. A CSS editor on each page and post Some themes, like Avada and Divi, give you the option of insert CSS code right into the individual posts and pages of your website. This is great for CSS that you want to be only one page. I would only recommend doing this if you're putting more than 100 lines of CSS into the page. If it's less than 100 lines of CSS you're better to put into the main stylesheet so you stay organized. If it's more than 100 lines of CSS code that only need to exist on one page then your site will load a little bit faster overall by not loading all that CSS into every page. Inline CSS The last place in our list and the last place you'd want to create CSS code is right in your HTML elements. This is called inline CSS and can be difficult to work with for two big reasons. First, you can't apply the CSS to more than one element at a time. So if you want to style all the paragraphs on the page in the same way you have to apply the same CSS code over and over again to each p tag. This is a pain to administer and will result in larger than needed page sizes. Second, if you add inline CSS to lots of pages it will be come difficult to remember what CSS you applied where. Then trying to find it an make edits will become a pain. Inline CSS also takes precedent over CSS in the stylesheet. So you might be make changes to CSS in the stylesheet, but nothing is happening on the page. You'll go through a frustrating few minutes before you figure out the CSS is actually inline on the page. I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
How to create your blog with WordPress #6 - Editing Theme options with Customizer
 
06:22
In this tutorial you will learn that how to edit your WordPress theme options in customizer. ---------------------------------------------------------------------------------------------------- You can also find me on ! ------------------------------------------------------------------------------------------------- 💥 Facebook 👉https://www.facebook.com/wptutz/ 💥 Pinterest 👉 https://www.pinterest.com/wordpressTu... 💥 Reddit 👉 https://www.reddit.com/user/NiceDuty
Views: 3 WordPress Tuts
Locate WordPress theme options and its settings
 
04:59
Locate WordPress theme options and its settings
Views: 6124 Shri aka Sonal Sinha
Wordpress Theme Options | Advanced or Premium wordpress theme development 2 (checkbox)
 
16:22
Theme Options Code Source: http://www.websitecodemaker.com/blog/wp-content/uploads/2014/03/Source-code-for-theme-admin-panel.zip How you create Wordpress Theme Options - Advanced or Premium wordpress theme development 2 (checkbox) ? This video help you how create Wordpress Theme Options - Advanced or Premium wordpress theme development 2 (checkbox). If you'll help by this video please leave a comment or like.
Views: 726 Reach Engine
ListingPro WP - How to customize with Theme Options
 
06:47
This video is about ListingPro Customization Please Note: Listing Translation option has been moved out of the Themes Options. All Translations are handled through a free Loco Translate plugin. See - https://youtu.be/gnb5peF8pao
Views: 14985 Cridio Studio
Colorway Wordpress Theme -- Setting Home Page from Themes Options Panel
 
07:29
This Video explains how you can setup the Home Page of the Website built using the Colorway Wordpress Themes through the Themes Option Panel. Premium Wordpress Themes Available at http://www.inkthemes.com/wp-themes/colorway-wp-theme/
Views: 11279 Neeraj Agarwal
WordPress Custom Homepage Tutorial
 
07:53
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL Learn how to setup a custom (or static) homepage in WordPress. This involves creating WP pages, adjusting a few simple settings, and using a special page template. Link to download .zip of theme files as shown in this video (note: this is not a "complete" WordPress theme yet and this download is only intended for educational purposes to dissect and review): http://learnwebcode.com/wordpress-setup-custom-static-homepage/ To view a complete list of the WordPress lessons in sequential order visit: http://learnwebcode.com/learn-wordpress/ Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 254805 LearnWebCode
How To Make A Beautiful Online Course Website With WordPress ( NEW 2018 VERSION )
 
05:21:49
In this detailed video tutorial, I will teach you how to build beautiful online course website, step by step, using WordPress, the Astra Theme, and LifterLMS. More details are coming to this description, including a full table of contents. Some links: Hosting: https://OrderNewHosting.com Astra: https://www.wpcrafter.com/astra Elementor: https://www.wpcrafter.com/elementor Custom CSS: https://www.dropbox.com/s/g0brp6baopl0lmr/LifterLMS%20CSS.txt?dl=0 Sales Page Template: https://www.dropbox.com/s/vk0f70nr0ns63g1/elementor-184-2018-03-06.json?dl=0 Table of contents: 00:00:00 Website overview 00:06:25 Tutorial overview 00:09:45 Choose the right hosting (important) 00:20:08 Ecommerce hosts 00:26:52 Order domain and hosting account 00:36:35 Setup SSL certificate 00:40:21 Check PHP version 00:41:48 Create email account 00:46:56 WordPress FastPass tutorial 00:58:44 WordPress general settings 01:00:24 Set permalinks 01:01:18 User accounts 01:04:00 WordPress themes 01:05:34 WordPress plugins 01:08:27 WordPress customizer 01:09:43 WordPress menus 01:10:42 WordPress widgets 01:13:11 Install Astra theme 01:14:26 Install plugins 01:18:08 Configure SSL for WordPress 01:18:36 Choose site design 01:24:55 Choosing a color palette 01:30:59 Choosing a font pair 01:36:00 Get a logo 01:52:03 Exploring the theme options 02:10:37 Look at Astra Pro 02:21:54 Elementor Fastpass tutorial 02:30:36 Elementor backend settings 02:39:00 Elementor editor 03:15:20 Elementor pro 03:22:07 Edit page layouts with Elementor 03:30:44 LifterLMS FastPass 03:32:37 LifterLMS Features 03:38:02 LifterLMS How to Sell Courses 03:43:23 LifterLMS Pros & Cons 03:53:55 LifterLMS Next Steps 03:55:02 LifterLMS Install & Onboard Process 03:58:06 LifterLMS Create First Course 04:14:02 LifterLMS Create A Membership 04:19:14 LifterLMS Payment Gateways 04:20:38 LifterLMS Settings 04:31:51 LifterLMS Payment Settings 04:38:29 LifterLMS Reporting 04:38:47 LifterLMS Access Plans 04:45:55 LifterLMS Vouchers 04:48:01 Astra LifterLMS Setting ( make things pretty ) 04:56:12 Astra Pro LifterLMS Setting ( make things prettier ) 05:04:40 LifterLMS Custom Sales Pages ( amazing ) 05:17:26 LifterLMS How To Register & Redeem Voucher 05:18:18 Wrap up (links below) LifterLMS resource links: Documentation https://lifterlms.com/docs/ Leave A Review https://wordpress.org/plugins/lifterlms/ Facebook Group https://www.facebook.com/groups/lifterlmsvip/ 15% Off Coupon: crafter Wrapup links: WooCommerce: https://www.youtube.com/watch?v=CWSb-aWovqE Backups: https://www.wpcrafter.com/backup-wordpress-website-offsite-automated/ Security: https://www.wpcrafter.com/ithemes-security-review-tutorial/ SEO (updated version coming soon): https://www.wpcrafter.com/use-yoast-seo-optimize-wordpress-website/ __________ More TOC links are on the way ~~~~~~~~~~~~~~~~~~~~~ All of my opinions in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is an affiliate program available, it's safe to assume that you are clicking on an affiliate link. Please check my website for any associated bonus I may be offering, for supporting me, or ask in the comments below. ~~~~~~~~~~~~~~~~~~~~~
Ellie Free WordPress Multipurpose Theme Options Overview
 
12:41
This is a general overview of Ellie Free WordPress Multipurpose Theme options. You can download this awesome theme for free here: https://themes.zone/product/ellie-free-multipurpose-wordpress-theme/
Views: 261 ThemesZone
Divi 3.0 WordPress theme options, Divi builder vs. front-end builder | Part 2
 
23:08
Get Divi https://plugintut.com/go/divi In this video, I'll dive deeper into the options of the Divi 3 builder theme. Don't forget my Divi 3 part 1 video: https://www.youtube.com/watch?v=yMV5Ra8wbfc Skip ahead: 1:35 The global Divi options 7:23 Theme customizer options 9:20 Module customizer 10:37 Role admin 11:34 Divi library settings 13:25 Using the backend Divi builder 15:10 Using the front-end visual builder Get Divi https://plugintut.com/go/divi Learn more: https://plugintut.com Subscribe! https://plugintut.com/subscribe Follow us! http://twitter.com/plugintut Like us! http://facebook.com/plugintut
wordpress settings api - add options page, theme options, html content
 
00:59
music by Nishang Yonjan - http://youtube.com/enspiremusic
Views: 976 Code Travel / Arjun
How to Make a Parallax WordPress Website - 2018 - AMAZING!
 
01:46:48
60% OFF HOSTGATOR COUPON: https://goo.gl/NgBqHE Learn how to create a website in WordPress - step by step in under 2 hours! Perfect for complete beginners or future web developers. No skills/special software required! Demo website: http://parallaxdemo.com/ ***GET THIS VIDEO TO 15000 LIKES!*** Free Theme Download: https://goo.gl/bgf2CG Free Images Download: https://goo.gl/RN81Zv Ultimate Website Resources: https://hoganchua.com/ultimate-resources-building-wordpress-website-blog/ Get a Logo for $5: https://hoganchua.com/get/fiverr/ Get A FREE Copy of my 6 steps to 6 figures: https://hoganchua.com/get/6-steps/ In this free parallax website tutorial, I show you step by step how to make an amazing parallax wordpress website. It uses a Drag n Drop builder allowing anyone to build and complete their websites in a few hours! ---- Contents Introduction 0:00 Overview 5:56 Domain & Hosting 7:53 Use Hostgator Discount Code: BONUSCODE for up to 60% OFF & $5.99 Domain! Link: https://goo.gl/Br7n2o Install WordPress 11:28 (having trouble navigating? https://youtu.be/5JWgv0nTOEg?t=14m31s) Configure Basic Settings 13:52 Install Theme 16:27 Add Pages & Custom Menu Links 19:00 Set Static Home Page 23:09 Configure Themify Settings 24:13 (Layouts/Header/Footer/Easy Google Fonts) Add Social Links 27:57 Logo/Header/Main Nav/Footer Styling 30:22 10 Tips Everyone Needs to Know 33:22 Build Homepage Row #1 - Hero Image 43:43 Row #2 - Quote 1:01:20 Row# 3 - About 1:04:00 Row# 4 - Services 1:08:40 Row #5 - Gallery 1:12:48 Row #6 - Video 1:16:10 Row #7 - Blog (Add Blog Posts/Widgets & Styling) 1:19:00 Row # 8 - Contact 1:30:25 Row #9 - Map 1:34:10 Important Set Sticker Header Styling 1:37:00 Set in Row Anchors (Important) 1:37:44 Make Website "SUPER" Mobile Responsive 1:39:38 Add Additional Pages & Built in Layouts 1:42:41 Translating Themes: https://themify.me/docs/translating Congrats on building your beautiful WordPress website. Hope you guys have enjoyed it as much as I did! Please give the video a big LIKE if you found it useful, it might be two hours long but it took hundreds of hours to create! :) Note: This theme is free to download, use (personal or commercial), it is the full version with no limitations. I have permission from themify to share it with you guys and thousands of people have already built their websites since 2015. But if you enjoy it, you have the option to get support/updates for 1 year here: http://hoganchua.com/get/ultrayt and can use: HOGAN for 30% Off! (limited time only!) This option is perfect for web developers working with clients or people who want additional help :) If you have any questions, do not hesitate to drop a comment below! ---- Cheers Hogan Chua
Views: 1205958 Hogan Chua
Create a Mega Menu in Wordpress | Enfold
 
06:01
Create a Mega Menu in Wordpress using the Enfold theme.
Views: 11131 Ferdy Korpershoek
Wordpress Theme Options  Advanced or Premium wordpress theme development
 
37:58
Theme Options Code Source: http://www.websitecodemaker.com/blog/wp-content/uploads/2014/03/Source-code-for-theme-admin-panel.zip How you create Wordpress Theme Options Advanced or Premium wordpress theme development ? This video help you how create Wordpress Theme Options or Advanced Premium wordpress theme development. If you'll help by this video please leave a comment or like.
Views: 3090 Reach Engine
Newspaper X Theme Options Walkthrough
 
05:03
In this short video you will learn everything about Newspaper X Theme Options. This includes site identity, header, footer, color schemes and AdSense banner settings. There are loads of customization options available for this theme and in this short video we have showcases the most important ones. Following the same practices you can play around the rest of the settings. This theme is completely free for private and commercial use and comes without any restrictions. We don't hire any features behind a paid gate and hope you will appreciate it and share it with your friends. If you want to find out more about Newspaper X and other our themes, please make sure to visit: https://colorlib.com/wp/themes/newspaper-x/ If this video didn't answer all your questions about this theme, make sure to ask for additional help on our support forum and we'll get back as soon as we can: https://colorlib.com/wp/forums/forum/newspaper-x/ But before that, make sure to watch all videos related to this free news theme: https://www.youtube.com/watch?v=mBWXKk1p8Tg&list=PLldz9o1F5Df5SZyFWz_1XyuP2nQPl6vBa&index=1 If you are looking for other free magazine WordPress themes you might want to check our theme collection here: https://colorlib.com/wp/free-magazine-wordpress-themes/ Our themes have always been free to use but they doesn't come with premium plugins such as Visual Composer drag & drop page builder, Revolution Slider and others. It these are the tools you are looking for, make sure to check this list of themes: https://colorlib.com/wp/best-news-wordpress-themes/
Views: 3284 colorlib
How To Make An Online eCommerce Store Website With WordPress (NEW FOR 2018)
 
04:32:11
In this extended tutorial, you will learn how to make an eCommerce website. Some of the free tools used are WordPress, Elementor, WooCommerce, and the Astra Theme. More details are coming to this description, including a full table of contents. Some links: Hosting: https://OrderNewHosting.com Astra: https://www.wpcrafter.com/astra Elementor: https://www.wpcrafter.com/elementor Table of contents: 00:00:00 Website overview 00:03:56 Tutorial overview 00:08:41 Choose the right hosting (important) 00:19:00 Ecommerce hosts 00:25:00 Order domain and hosting account 00:35:30 Setup SSL certificate 00:39:15 Check PHP version 00:40:43 Create email account 00:45:50 WordPress fastpass tutorial 00:57:39 WordPress general settings 00:59:20 Set permalinks 01:00:12 User accounts 01:03:00 WordPress themes 01:05:34 WordPress plugins 01:07:22 WordPress customizer 01:08:38 WordPress menus 01:09:38 WordPress widgets 01:12:07 Install Astra theme 01:13:20 Install plugins 01:17:03 Configure SSL for WordPress 01:18:32 Choose site design 01:26:18 Choosing a color palette 01:32:22 Choosing a font pair 01:37:23 Get a logo 01:53:26 Exploring the theme options 02:12:06 Look at Astra Pro 02:21:01 Elementor Fastpass tutorial 02:29:45 Elementor backend settings 02:38:08 Elementor editor 03:14:28 Elementor pro 03:21:15 Edit page layouts with Elementor 03:27:58 WordPress ecommerce 03:37:36 WooCommerce settings 04:00:54 WooCommerce products 04:11:06 WooCommerce variable products 04:17:38 WooComemrce theme options 04:22:51 Style add to cart button 04:24:32 WooCommerce coupons 04:29:00 WooCommerce resources (links below) 04:30:00 Wrap up (links below) WooComemrce resource links: Taxes https://docs.woocommerce.com/document/setting-up-taxes-in-woocommerce/ Table rate shipping https://docs.woocommerce.com/document/table-rate-shipping/ Flat rate shipping https://docs.woocommerce.com/document/flat-rate-shipping/ Wrapup links: Backups: https://www.wpcrafter.com/backup-wordpress-website-offsite-automated/ Security: https://www.wpcrafter.com/ithemes-security-review-tutorial/ SEO (updated version coming soon): https://www.wpcrafter.com/use-yoast-seo-optimize-wordpress-website/ __________ More TOC links are on the way ~~~~~~~~~~~~~~~~~~~~~ All of my opinions in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is an affiliate program available, it's safe to assume that you are clicking on an affiliate link. Please check my website for any associated bonus I may be offering, for supporting me, or ask in the comments below. ~~~~~~~~~~~~~~~~~~~~~

Article writing service
Cover letter for journalism job
Most effective cover letter template
Best writing service reviews
Cover letter for job searching