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: 73743 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: 4785 WPBusinesssolution
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: 2780 Online Web Tutor
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: 1850 Online Web Tutor
#3 The7 WordPress Theme - Theme Options 1Tutorial [ENG/HD]
 
22:12
*The7 Theme on Themeforest: http://bit.ly/The7WP24 *WordPress Books: http://bit.ly/WordPressBooks Subscribe for free: http://bit.ly/FreeVideosWPReview24 Navigation Theme Options: 00:55 Wizard Option 01:20 Skins 02:45 Branding 02:50 Set your logo 05:00 Bottom/footer Logo 05:45 Copyright text & the7 credits option 06:27 Set a Favicon 07:10 Padding for main menu Logo 08:00 General appearance: Layout, content width 09:00 Page/body background 09:40 Styling content boxes (shadow) 10:25 Color accent for website 10:35 Preloading bars/rings/spinner and color 12:00 typography & fonts (basic fonts & titles (h1,h2 etc.) 14:00 top bar and header 14:18 Header Layout 14:58 Micro widgets top bar (opening hours for example) 15:50 Social icons top bar 17:05 Font for top bar & micro widgets 17:28 top bar background color 18:00 Header background color & shadow 18:30 Menu font & submenu font 19:13 Floating header options (sticky menu) 19:50 Mobile header options (fonts, colors etc.)
Views: 794 Nikolaus Kolba EN
How To Create A Wordpress Website 2019 | 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: 804909 Ferdy Korpershoek
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: 103097 Alessandro Castellani
WordPress Tutorial - Editing Theme Options (Title, Subhead, Header Images, etc.)
 
07:35
In this tutorial, we talk about how we can customize the look and feel of a WordPress website by editing theme options. Specifically, we look at how to change a blog or website's title, subhead, header image, and widgets, among other options. TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 204 TechnicalCafe
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?utm_campaign=yt_tutsplus_vN1G1bDhqTo&utm_medium=referral&utm_source=youtube.com&utm_content=description
Views: 1194 Envato Tuts+
WordPress 101: Create a Theme from Scratch
 
21:10
:: Support Me :: https://www.patreon.com/alecaddd http://www.alecaddd.com/support-me/ https://amzn.to/2Hcp5mo First lesson of the series WordPress 101 for Beginners Developers. Learn how to build a Theme from scratch, create the folder and the necessary files to install and activate a custom theme. These tutorials are meant to be a starter help for developers who never used WordPress before and want to learn how to code themes and plugins without using pre-coded assets. Tutorial Page: http://www.alecaddd.com/wordpress-101-wordpress-beginner-developers/ http://www.alecaddd.com/
Views: 544502 Alessandro Castellani
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: 170852 Website Learners
Locate WordPress theme options and its settings
 
04:59
Locate WordPress theme options and its settings
Views: 7608 Shri aka Sonal Sinha
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: 733 Veented
Wordpress - Theme Options
 
17:30
http://www.twitter.com/Nick_Meagher http://www.icepick.co
Views: 16062 Nick Meagher
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: 5282 Marian Heddesheimer
How to Create a Menu in Wordpress
 
04:56
Make Your WordPress Website in 10 Mins ➜ https://youtu.be/YWA-xbsJrVg Watch How you can Add a Menu in WordPress, (including creating a Drop-Down Menu) Menus in WordPress are a great navigation tool which allows users to freely browse through the content of your website without any confusion. WordPress menus are essential in development of a website which provides structure to your website by arranging the content in an organized manner. Now, in our previous video, you learned - How to Make a Website in 10 minutes. Now, let’s see, How you can change the Menu of that WordPress Website. To do this, you can follow these 3 steps (with timestamps) 1. Delete Existing Menu ( 00:40 ) 2. Adding a New Menu ( 01:05) 3. Creating A Drop-Down Menu ( 03: 49) Let’s get started. Step 1: Delete Existing Menu To delete the existing Menu, First go to your WordPress Dashboard and then click the ‘Customize’ option. Under Customize, Select ‘Menus’ Here, you’ll find that there is already a Menu called “Top Navigation”. So, when you click this Menu, you’ll see the items that is there in it. Now, this menu can be deleted by clicking the ‘Delete Menu’ button at the bottom part of the screen. Once done, the Menu will be removed. Step 2: Add a New Menu Now to Create a New Menu, First Click ‘Create New Menu’ button. Next, you need to give a name of your choice for the new menu. For example, you can enter the name as ‘Top Menu’ and once done, you need to choose where the Menu should appear on your website. Based on the WordPress theme you’re using, you can place the Menu on different areas of your website. Each theme will provide different options on where the Menu can be placed. Example: With the Astra theme, we’re using, it shows primary and secondary menu. So, if you select the Primary Menu then it will place the menu on the top right corner of your website. After choosing, you can click ‘Next’. Then, you can start adding items to the Menu. Here, you’ll find the pages section where all the pages that you’ve in your website will be shown. Now, If you want to see the pages and its content, you can go to your WordPress Dashboard and Click ‘Pages’. So, the pages which you see here will be shown in your menu items. So, To add the pages to the Menu, Press the ‘Add Symbol’ and the page will be added to the Menu. Similarly, you can add the other pages also. After you’ve added the items, you’ll be able to see your menu. Now, you can change the order of the menu items by dragging an item and placing it where you want. Doing this will change the order of the menu items. So Next, let’s see how you can add a brand new page to the menu which is not on your site yet. So, to add a brand new page to the menu, all you need to do is, enter the name of the page you want to create and then click ‘add’ to get it into the menu. After adding, You can now click ‘publish’ to see your NEW MENU. However, since you’ve created a new page, it will be blank by default. So, You can later add the content to this new page by clicking ‘Edit’ option in Pages. Step 3: Create Drop down Menu Here, let’s see how you can create a drop down Menu. Drop Menu is a very effective way to categorize the content and showcase them independently. A drop down menu can be easily created by just dragging an item in the Menu and putting it below another item. After doing this, you can see that you have a drop down menu created. Repeat the same process whenever you want to create various drop down menu. So now you know how you can add the pages you’ve created to your drop down menu. That’s it! This is how easily you can Create A New Menu or Create Drop down Menu in WordPress. Get a Free Business Email Address ➜ https://youtu.be/xAw57WUPY2w Watch more tutorials, by going to our channel ➜ https://youtube.com/websitelearners Also, Like, Share & Comment. [It encourages us to make more tutorials like this one!] And Subscribe to Website Learners : https://goo.gl/SBC2zU Thank you :)
Views: 144374 Website Learners
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: 29785 Alessandro Castellani
Part 14 WordPress Theme Development in Urdu 2019: Creating Options Pages in WordPress Admin Panel
 
25:59
Friends, agar meri explanation main koi cheez aap ko samaj nah aa rahi ho to aap neechay comment kar saktay hain taa k main next video main pehlay usay explain karoon phir next vide tutorial ko start karoon. I read all the comments. aap twitter par be apnay questions send kar saktay hain with hashtag #pwsjlmpk k sath If you like my Work, you can pay some Bucks via link: https://goo.gl/tcWkYs Our Famous Video Tutorials in Urdu / Hindi Langauge Laravel 5.4 for Beginners: https://goo.gl/17haLY Object-Oriented Programming in PHP: https://goo.gl/kwXJPN Laravel 5.5 New Features: https://goo.gl/U2x14v HTML5 API Tutorials: https://goo.gl/jX7fp9 Building Restful API using Lumen 5.5: https://goo.gl/vR9vBm Wordpress Tutorials for Absolute Beginners: https://goo.gl/J1SE5i WordPress and Woocommerce in English: https://goo.gl/TRGo61 Web Development Crash Course:https://goo.gl/AZAr6Z If you like the video, then please do like it, then subscribe to our channel for more videos and don't forget to press the Bell Icons. اگر آپ کو ہماری ویڈیوز پسند آ رہی ہیں، تو برائے مہربانی لائک بٹن کو پریس کرنا مت بھولئےگا۔ اور اس کے بعد چینل کو سبسکرائب بھی ضرور کی جئے گا۔ اور بیل کے بٹن کو دبانا مت بھولئےگا۔ بہت بہت شکریہ यदि आप वीडियो पसंद करते हैं, तो कृपया इसे लाइक करें, फिर हमारे चैनल की अधिक वीडियो के लिए सब्स्क्राइब करे और बेल आइन्स को दबाना न भूलें। **Disclaimer**- Instructions shown in this video are used for the educational purpose of fair use. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, Education, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favour of fair use. Visit our Fan page on Facebook: https://www.facebook.com/perfect.web.solutions.jhelum Visit our Fan Page on Twitter: @pwsjlmpk our WhatsApp group: join our slack by invitation link: https://goo.gl/BGKuo8 Visit our Official Website: http://www.bestsoftpro.com -~-~~-~~~-~~-~- Please watch: "Part 15 WordPress Plugin Development Tutorial Series in Urdu / Hindi: Working OOP Plugin Development" https://www.youtube.com/watch?v=xANUgNtUsPA -~-~~-~~~-~~-~-
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: 55224 Undsgn
Wordpress Theme Options Development for beginner (Part 10) Custom Menus & Submenus at Admin bar
 
16:59
In this video i have explained about adding menus and submenus at admin bar level which basically used to give flexibility to user. Steps to do =========== 1. admin_bar_menu as Action Hook 2. $wp_admin_bar[-]add_node(passing_arguments) This is how make our node ======================== function custom_add_node_bar() { $args1 = array( "id"=[]"node-1", "title"=[]"Social Links", "href"=[]"http://www.google.com" ); $wp_admin_bar-[]add_node($args1); Adding Submenu node to Parent level by passing parent attr with id of that node, $args2 = array( "id"=[]"node-2", "parent"=[]"node-1", "title"=[]"Facebook", "href"=[]"http://www.facebook.com" ); $wp_admin_bar-[]add_node($args2); } Now we have to use action hook to attach all these what we did, ===================== add_action("admin_bar_menu","custom_add_node_bar",999); $wp_admin_bar is a global object. Note: This function is a method of the WP_Admin_Bar class and $wp_admin_bar global object, which may not exist except during the 'admin_bar_menu' or 'wp_before_admin_bar_render' hooks. Documentation Study Link: https://codex.wordpress.org/Class_Reference/WP_Admin_Bar/add_node 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: 573 Online Web Tutor
How to Create Your Own Custom Header with Elementor
 
18:30
*NOTE:* You can now create your own custom headers if you have Elementor Pro. No need for a 3rd party plugin. *ALSO:* if you use Elementor Pro, you now don't need the Nav Menu Addon plugin anymore. Pro comes with its own Nav Menu widget. --- RESOURCES MENTIONED: - Grab my free PDF cheatsheet for Elementor headers: https://www.designbuildweb.co/custom-header/ - Join my mailing list for updates: https://www.designbuildweb.co/my-best-stuff/ - GeneratePress [aff]: https://www.designbuildweb.co/recommends/generatepress/ - Elementor [aff]: https://www.designbuildweb.co/recommends/elementor/ - OceanWP: https://oceanwp.org/ - My Custom Footer video: https://www.youtube.com/watch?v=0K90uuMukJU - My Nested Sections video: https://www.youtube.com/watch?v=GFebkLuIh7g - NavMenu Addon plugin: https://wordpress.org/plugins/navmenu-addon-for-elementor/ - GP nav menu shortcode plugin: https://www.facebook.com/groups/generatepress/files/ - Sniffle Valve: http://snifflevalve.com/ - Header Footer Elementor plugin: https://wordpress.org/plugins/header-footer-elementor/ - AnyWhere Elementor (free): https://wordpress.org/plugins/anywhere-elementor/ - AnyWhere Elementor Pro (paid): http://www.elementoraddons.com/anywhere-elementor-pro/ - GP Extender: https://cobaltapps.com/downloads/gp-extender-plugin/ You might already know that Elementor is an amazing WordPress page builder. It allows non-coder designers like yourself to build 100% custom-designed WordPress pages, exactly as you want them. It’s really visual, and it’s drag-n-drop. It works in the way designers think, with no code required (hurray!) But if you’re like many designers, once you’ve used Elementor for a while, you might soon find yourself thinking: “Hmmm… my theme still handles my header – my logo and navigation area. I wonder if I can use Elementor to design my website header as well?” The good news is… yes, you definitely can use Elementor to build your own custom header. It will completely replace the one that comes with your WordPress theme. However, there are also a number of different considerations to bear in mind. In today’s video, I’ll dig right in and show you: - Exactly how to build a header template with Elementor. - The various tools and plugins available that make building your own headers possible. - Step-by-step instructions for adding the header template to your site and replacing your theme’s own header. - 5 important considerations or possible trade-offs to bear in mind. Please leave me a comment and subscribe for more WordPress and Elementor tutorial videos like this.
#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: 2014 Codetipi
Wordpress Theme Tutorial: Part 8a - Adding a Theme Options Page
 
09:58
In this video, we discuss how to create a theme options page in the admin menu using your theme's functions.php file, and discuss how Wordpress "options" work. This can let you make a good user interface should you distribute your theme to others. Files Available In Part 8b
Views: 20109 AMPtutorials
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. ~~~~~~~~~~~~~~~~~~~~~
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: 3099 Reach Engine
Wordpress: Custom Headers with OceanWP & Elementor 😀👍
 
12:59
Learn how to create custom Wordpress headers with Elementor and OceanWP in minutes. Harness the flexibility and versatility of Elementor to create custom, bespoke website headers and navigation using OceanWP and this easy to follow tutorial. ELEMENTOR PRO: http://bit.ly/2u3mzYX Free tutorials for Wordpress, Slider Revolution and Visual Composer. New tutorials added every Wednesday. Take your Wordpress website and skills to the next level! AFFILIATE DOWNLOADS If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support. CSSHERO: http://bit.ly/2qbrRl6 ELEMENTOR PRO: http://bit.ly/2u3mzYX SLIDER REVOLUTION 5 - http://bit.ly/2qDFU4G VISUAL COMPOSER: http://bit.ly/2rnre70 IMPREZA THEME: http://bit.ly/2rn5yYx SUBSCRIBE http://bit.ly/2rX7rhu LETS CONNECT: https://twitter.com/WPTutz SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk -~-~~-~~~-~~-~- Speed Up Your Wordpress Website in 30 Seconds or Less!! https://www.youtube.com/watch?v=9pLbCFHzWyE -~-~~-~~~-~~-~-
Views: 93399 WPTuts
How To Setup Headers With Astra Theme - Normal, Transparent, Sticky, & More
 
57:52
Learn all the option to make beautiful headers using the Astra WordPress Theme in this full tutorial video. Astra Link: https://www.wpcrafter.com/astra Playlist Link: https://www.youtube.com/playlist?list=PLejSOw4nfS4yPQ3ooeFZgkE3Ac1Clz9rd This video covers a lot of things including: - Page Builder Built Headers 07:30 - Normal Headers 14:11 - Sticky Headers 27:10 - Transparent Headers 31:33 - Replace Menu With Elementor Menu 50:48 Let me know what you think. ~~~~~~~~~~~~~~~~~~~~~ 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: 1476 MyThemeShop
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: 1240 Online Web Tutor
How To Create A Wordpress Website | 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: 343679 Ferdy Korpershoek
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 Use Theme Options Panel Of Subscribely WordPress Theme
 
04:12
This demo will guide you to use the theme option panel of Subscribely theme. You can see the preview of the theme through the following link. http://www.inkthemes.com/wp-themes/subscribely-wordpress-theme/ The theme option panel of the Subscribely theme is very simple and easy to use. You will be able to create your website with just making few changes.
Views: 945 Neeraj Agarwal
WP Customizer Builder - Build your theme options Easily in the WordPress Customizer
 
01:05
With WP Customizer Builder you can create your theme panels, sections and controls in the WordPress Customizer without any code, just with fun. You will save precious time. Come and see now WPCB at the following address http://wp-customizer-builder.com
Views: 564 Emilien Laborde
Wordpress Theme Tutorial: Part 8b - Adding a Theme Options Page
 
09:10
In this video, we discuss how to create a theme options page in the admin menu using your theme's functions.php file, and discuss how Wordpress "options" work. This can let you make a good user interface should you distribute your theme to others. Files Used in Lesson: http://andrewanimation.biz/tutorial/tutorial-theme-part8.zip
Views: 10174 AMPtutorials
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: 295727 LearnWebCode
Creating a Menu & Mega Menu
 
09:23
Creating a Menu & Mega Menu - You | Multipurpose Responsive WordPress Theme
Views: 19734 ACODA
How To Make An Online eCommerce Store Website With WordPress (NEW 2019)
 
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. ~~~~~~~~~~~~~~~~~~~~~
SmallBiz Dynamic WordPress Theme - Options Panel Tour
 
06:51
The Options Panel is the control center for your SmallBiz website. It allows you to customize your website to create your own unique look and feel. http://www.smallbiztheme.com
Views: 24880 expand2web
WordPress Theme Options Panel Sub-Headers from: A B C Theme Crash Course Forum
 
02:06
This is a video reply to one of the wp-ask.me community members: http://wp-ask.me/groups/theme-crash-course/forum/topic/options-panel-sub-headers/ Question: I've a requrest for you if you don't mind put up a video tutorial on how to create sub-headers and turn them in to tabs within the options panel. I think this skill is necessary sometimes. You've briefly explained how to set up the standard options panel on Section-B which is great. It'll be awesome if you could put up a video on how to add sub-header tabs. Thanks Nizar
Views: 1353 WP-Ask Me LLC
Avada Theme Options & Settings (Professional WordPress Theme)
 
12:37
The best WordPress theme to build a professional looking website is Avada. Use the link below to purchase it from Themeforest https://1.envato.market/xLqgv Try Avada Demo: https://1.envato.market/xLqgv Avada is the theme I've used for every website of mine including AskNickFoy.com. It's super easy to customize for beginners who plan to do their own web design. Or you can purchase the Avada theme and hire a freelancer to design your website for you. Check out some of my other videos walking you through Avada step by step. Get started with Avada: https://1.envato.market/xLqgv Join My FREE 7 Day Blogging Course: http://asknickfoy.com/7days Learn how to build an online business in 30 days. I'll teach you how to start a website from scratch, build an audience, and make money from your website using the systems that helped me go from $0 to $10,000 per month: http://asknickfoy.com/profitable-blogger Want to grow your website traffic? I teach you step by step how Pinterest can send thousands of monthly visitors to your blog, email opt-in pages, and product pages in this training course: http://asknickfoy.com/profitable-pinterest Bluehost is who I use to host my website for $4/month. They offer amazing customer support and fast website speed. Try Bluehost: http://asknickfoy.com/bluehost ConvertKit is who I recommend for email marketing, email list growth, and making money from an email list. Try Convertkit: http://asknickfoy.com/convertkit How to use ConvertKit: http://asknickfoy.com/profitable-email Tailwind is an amazing auto-schedule pin tool to save me time on Pinterest and help grow my traffic to my blog, grow my email list, and product sales. Try tailwind (1 month free): http://asknickfoy.com/tailwind The theme my WordPress website uses is Avada, the #1 most downloaded theme on Themeforest. Click this link to learn more about Avada Theme: http://asknickfoy.com/avada For more helpful tips and advice, visit my website http://AskNickFoy.com SUBSCRIBE FOR MORE TUTORIALS ► http://www.youtube.com/channel/UCSNv-yIUlZeF1eTqXVEMVIA?sub_confirmation=1 SUPPORT THE CHANNEL VIA AMAZON SHOPPING ► http://www.amazon.com/?tag=u30wealth-20 JOIN THE ASK NICK COMMUNITY NEWSLETTER ► https://Goo.gl/Q1PyjQ HOW TO START A PROFITABLE BLOG ► https://goo.gl/fESviW HOW TO START, BUILD, GROW AN EMAIL LIST ►https://goo.gl/3ff7CR 7 DAY PROFITABLE BLOG CHALLENGE ► https://goo.gl/51901y USE THE SAME EQUIPMENT AS ME: ► DRONE I USE: http://amzn.to/2orXbI5 ► VIDEO CAMERA I USE: http://amzn.to/2orT5zK ► LIGHTING KIT I USE: http://amzn.to/2os3BHh USE THE SAME WEBSITE RESOURCES & TOOLS AS ME: ► WEB HOSTING I USE: http://asknickfoy.com/bluehost-is-awesome ► EMAIL SERVICE I USE: http://asknickfoy.com/convertkit-is-awesome ► LANDING PAGE BUILDER: http://asknickfoy.com/clickfunnels ► OPT-IN FORM BUILDER: http://asknickfoy.com/optinmonster ► PICTURE EDITING: http://asknickfoy.com/picmonkey ► BEST WEBSITE THEME: http://asknickfoy.com/genesis-is-awesome ► THEME I USE (AVADA): http://asknickfoy.com/avada ► PINTEREST SCHEDULER: http://asknickfoy.com/tailwind ► ANALYTICS PROGRAM I USE: http://asknickfoy.com/clicky ► KEYWORD RESEARCH TOOL: http://asknickfoy.com/keywordtool ► WHERE I BUY DOMAIN NAMES: http://asknickfoy.com/namecheap ► MEMBERSHIP WEBSITE SOFTWARE: http://asknickfoy.com/memberpress CONNECT WITH ME ONLINE ►Website -- http://asknickfoy.com ►Pinterest -- http://pinterest.com/asknickfoy ►Facebook -- http://asknickfoy.com/facebook ►Instagram -- http://instagram.com/under30wealth AUDIO BOOKS VIA AMAZON: http://asknickfoy.com/audible I'm Nick Foy, founder of AskNickFoy.com where I teach others how to start a profitable blog, grow an audience, and start earning income online. I also enjoy investing in real estate flipping houses and managing an apartment building I bought at age 22.
Views: 1186 Nick Foy TV
WordPress Divi Theme Installation and Theme Options Guide   Mission Divi Zee 2019
 
30:53
Let's us learn to install Divi WordPress Theme and explore all Options step by step. In this complete guide, Zeerak will walk you through each step. This starts #MissionDiviZee2019. This mission is Divi Focused WordPress Mission. Syed Wajdan Zeerak is a teenager, a freelancer who started freelancing when he was 13. In this task, Zeerak tells us about: 1) Manual Installation of Divi 2) What are different Divi Theme Options. 3) How to set up Adsense and other SEO options in Divi. 4) How to upload logo and show thumbnails, sidebars etc. It's a complete package about Latest Options that Divi offers. Divi is a great theme by Elegant Themes. Zeerak has used Divi here: https://www.freelancepakistan,com http://www.zeerakisonline.com He is a shining student, and he is Divi Explorer. Let's appreciate him in his learning endeavors.
Views: 1234 Freelance Pakistan
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: 645 Online Web Tutor
The Avada Theme | How To Make The Best Responsive Wordpress Website
 
02:09:00
Do you want to learn how to make the best Wordpress Website using the Avada Theme? This Wordpress website tutorial video will show you exactly how easy it is to make a beautiful website. The Avada Theme is the #1 Best-Selling theme on the Envato Marketplace. I've been using Avada for over 3 years and it keeps getting better with every update! In this tutorial, I will show you how to make a website yourself in just a couple hours. It's very easy to learn the ins and outs of Avada. 1:25 Choosing a Domain Name 2:53 Getting started with hosting and installing Wordpress 7:21 Getting Familiar with the Wordpress dashboard 14:47 Home page introduction 19:00 Themes and installing Avada 29:20 Theme Options Part 1 38:12 Theme Options Part 2 50:32 Getting started with full-width containers 53:54 Text Box and Tool Tips 56:34 Creating Buttons 57:49 Separators and Spacing 58:33 Content Boxes 1:02:55 Parallax Backgrounds 1:06:12 Toggles 1:12:59 Inserting Videos 1:16:07 Titles and checklists 1:19:12 Font Awesome and Adding a Contact Form 1:24:57 Testimonials 1:28:19 Counter Boxes 1:31:04 Footer and Sidebars 1:35:27 Fusion Slider 1:42:54 Fusion options 1:44:13 About Me Page 1:48:55 Portfolio Page 1:55:39 Contact Page 2:00:07 Blog Page 2:06:17 Plugins
Views: 21690 Dr. Ben Hill
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: 5180 NYC TECH CLUB
Revolution Slider 5 Wordpress Tutorial
 
19:20
Get the Revolution Slider 5: http://goo.gl/ZVTXai - Introduction to the Revolution Slider 5 in Wordpress. The best Wordpress Slider out there. Other Plugins I used in the video: Visual Composer Plugin: http://goo.gl/4bf13Y Zephyr Theme: http://goo.gl/NN3T4U In this video I introduce to you the Revolution Slider 5 for Wordpress. I show you how you can create fantastic full width sliders for your wordpress website. The Revolution Slider 5 is very different from previous versions. The features and options available are nearly endless. To understand the basics can be quite confusing. This is why I created this tutorial to explain to you how you can quickly create a beautiful slider for your website. ThemePunch, the developers of the Slider Revolution did a very good job on this version, although the learning curve is a bit high in the beginning. Please leave a comment if you have any questions about this tutorial or if you need help with your personal website. Thank you very much for watching :) Yours Jonas
Views: 405286 Jonas Schindler
Astra vs OceanWP | What Is The Best Wordpress Theme
 
15:08
In this in depth video comparison I talk about the benefits of both themes. First I talk about the free versions, which are in my opinion the best 2 free themes for Wordpress. After that I will talk about the premium features of both themes. In the end I will talk about the pricing of the premium packages. If you want to use a free theme for Wordpress, Astra and OceanWP are the way to go! Here are some timestamps: 00:00:17 Comparison between the free versions of Astra and OceanwP 00:06:07 Overview of Astra Pro 00:07:50 Overview of the Astra Mini Agency 00:08:16 Overview of the Astra Agency 00:08:39 Overview of the OceanWP Extension Bundle 00:09:42 Pricing With the free version of the Astra theme and OceanWP theme you can create a beautiful website! There are a lot of customise options and they both make use of Elementor as a page builder. So with those free themes and free page builder. In the free version the OceanWP themes seems to have more options. But with the Pro versions of the Astra and OceanWP theme, all the Astra packages are for unlimited websites and the OceanWP theme starts with a license for one website. I also hear people about Generatepress so soon I will make a tutorial/review about Generatepress.
Views: 26646 Ferdy Korpershoek
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: 17967 Cridio Studio