Home
Search results “Add style to admin wordpress”
WordPress Admin CSS Can Be Used To Customize Your WordPress Dashboard
 
05:34
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL WordPress Admin CSS Can Be Used To Customize Your WordPress Dashboard https://youtu.be/dbhjUBEI7Wo Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ WordPress codex article on Stylesheet URI: https://developer.wordpress.org/reference/functions/get_stylesheet_directory_uri/ Blog post link that contains the code: https://wplearninglab.com/wordpress-admin-css-styles/ WordPress Admin CSS allows you to customize the appearance of your WordPress dashboard. You can create your own admin themes or create white-labeled admin dashboards for your clients and customers. Stop brute force attacks before they happen with this workshop: https://wplearninglab.com/brute-force-eliminator-workshop Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist 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/
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/
Enqueue scripts/styles on a specific admin page in WordPress
 
05:32
If you want to enqueue scripts & styles on a specific admin page in WordPress or if you want to enqueue scripts & styles on a theme options page in WordPress then watch this tutorial.
Views: 652 SugarCode
Customize WordPress Dashboard And Login Page In Minutes
 
04:48
Easy to follow guide to customize your WordPress Dashboard and Login page in just a few minutes. Whether you are running a membership website or just don't like the default design and layout of the Admin Interface, you might want to follow these easy steps and learn How to Customize your WordPress Admin Dashboard and Login Page without writing a single line of code. Text version of How To Customize Wordpress Admin Dashboard and Login Page: http://bit.ly/2nE74qh ========================== Other Useful Links and Videos that will help you build your website: 30+ Free and Premium WordPress Themes: https://themeisle.com/wordpress-themes/ Top Free & Premium WP Plugins: https://themeisle.com/wordpress-plugins/ Check out our latest WordPress Tutorials on our blog: http://bit.ly/2kqDz99 Get in touch with us on Social Media. Facebook: https://www.facebook.com/themeisle Twitter: https://twitter.com/themeisle Please Like and Share if you liked this video or feel free to post a comment. We post a NEW VIDEO every other day so be sure to SUBSCRIBE to our channel ➛https://goo.gl/RFB75x
A WordPress Admin Theme or Admin Template Lets You White Label The WP Admin Dashboard
 
04:12
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL A WordPress Admin Theme or Admin Template Lets You White Label The WP Admin Dashboard https://youtu.be/2kJlIPTOsmE Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ 1. Add an admin stylesheet: https://www.youtube.com/watch?v=iXtKPMS18fM&index=8&list=PLlgSvQqMfii4qdGkBEavOHwqRqEzhhk5d 2. Add admin styles: https://www.youtube.com/watch?v=dbhjUBEI7Wo&list=PLlgSvQqMfii6paAyNXmAEYC1cC_SkpzK9&index=4 A Wordpress admin theme is used to change the appearance of the WordPress dashboard. This is great for white labeling a website that you're doing for a client or just refreshing your dashboard with a new look. This is done using a plugin and I show how to find them in this tutorial. Stop brute force attacks before they happen with this workshop: https://wplearninglab.com/brute-force-eliminator-workshop Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist 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 Add Custom Fonts in WordPress Manually and Using a Plugin
 
06:58
Are you looking to customize the font on your WordPress site to make its design exactly how you like? Not all themes have a built in method to edit the font of your site and you may be looking to change this. In this video, we will show you how to add custom fonts to your WordPress site. Font Pair website: https://fontpair.co For selecting the fonts to use on your site you can use the Font Pair website for what would work well together and then you can visit the Google Fonts website at: https://fonts.google.com Select the fonts you want to add and there should be a new section at the bottom of the page where you can see the fonts you selected to add to your WordPress site. Expand that area and ensure you are under the Embed section for the correct code that you will need to add to your header. For adding the code you would want to use the plugin Insert Headers and Footers found here: https://wordpress.org/plugins/insert-headers-and-footers/ Under Settings, Insert Headers and Footers you will add the first set of code to add the fonts to your site. With that added and saved you will want to go under Appearance, Customize, Additional CSS and there you would be able to add the second code which lets the font be visible to you and your visitors. A second method would be using the Easy Google Fonts plugin: https://wordpress.org/plugins/easy-google-fonts/ The plugin will add a new section under Appearance, Typography and there you will be able to select the font to use for each style location. We would still recommend only two fonts to prevent confusing your users. Our third method for this would be the plugin Typekit Fonts for WordPress: https://wordpress.org/plugins/typekit-fonts-for-wordpress/ With that plugin, you would be able to select fonts from the Typekit website, add the ID from the popup, and select where you want the custom font for your WordPress site to appear in your Appearance, Customize, Additional CSS section. Text version of this tutorial http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-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 Checkout our website for more WordPress Tutorials http://www.wpbeginner.com
Part 44 - WordPress Theme Development - Create the Comment Section
 
32:02
:: Support Me :: http://www.alecaddd.com/support-me/ How to build a Premium Theme for WordPress - Lesson 44 Create the Comment Section GitHub Repo: https://github.com/Alecaddd/Sunset-theme Download Sunset Theme FREE: http://bit.ly/1UM80mR :: Tutorial Series :: WordPress 101 - Create a theme from scratch: http://bit.ly/1RVHRLj Learn SASS from Scratch: http://bit.ly/220yzmZ :: My Website :: http://www.alecaddd.com/ :: Follow me on :: Twitter: https://twitter.com/alecaddd Google+: http://bit.ly/1Y7sunz Facebook: https://www.facebook.com/alecadddpage
Views: 13998 Alessandro Castellani
How To Add Shortcodes Or Buttons In The WordPress Header & Widget Areas
 
12:28
How To Add Shortcodes Or Buttons In The WordPress Header & Widget Areas Beaver Builder Resources: https://www.wpcrafter.com/beaver-builder-resources/ More Info: https://www.wpcrafter.com/ultimate-beaver Beaver Builder: https://www.wpcrafter.com/beaverbuilder Take advantage of the header in WordPress by adding a call to action there. Problem is you need to use a shortcode. The Shortcode further helps in styling your website. I will show you two very useful and FREE Plugins which will help you put shortcodes in your menu and widgets as well. Hope you enjoy the video. Table of Contents: 00:30 Calls to Action 01:12 Beaver builder Shortcode Feature 01:52 Plugins installation (Shortcodes in Menus and Shortcodes Anywhere or everywhere) 02:59 Settings for Shortcodes Anywhere or Everywhere 03:34 How to put the Shortcode in Menu 04:10 Enable Templates Admin 04:35 How to make and save a Module in Beaver Builder 05:12 CTA Button Launch Page Builder 05:37 Changing Dual Button Settings 06:45 Layout CSS 07:16 Publishing Changes 07:32 Slug of the Saved Module 08:02 Main Menu (Shortcode) 09:22 Refreshing to see the Change 10:24 How you can use this for styling your website Thank you for watching! Please Like, Comment, share and subscribe! See you in the next video ~~~~~~~~~~~~~~~~~~~~~ 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 Edit The WordPress Header | WP Learning Lab
 
04:37
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL How To Edit The WordPress Header | WP Learning Lab The WordPress header is one of those place where a lot of important things happen. Scripts are called, integrations are set up and validated, stylesheets are imported, and so on. Usually, leaving the header.php file alone is the best plan, but sometimes you have to make additions or changes. Before you do, keep in mind that if you are editing the header.php file of the main theme, then updates to that theme can cause your changes to be overwritten. To avoid this, you'll need to create a child theme. Here's a tutorial to help you do just that: https://www.youtube.com/watch?v=Z8n1h-85SMQ Once you've created the child theme you'll want to duplicate the header.php file into it by following this tutorial: https://www.youtube.com/watch?v=ebGrw1h6Hog Once you have the header.php file there we can get to work. If you've followed the tutorials above you can now dive into header file and started editing. If you didn't create a child theme, then there are a couple ways to find and edit the header.php file. First, when in your WordPress dashboard you can click on the Appearance menu and then Editor. On the right side of the page you will the list of files in the theme. One of them will be called header.php. Click on that file and it open it so you can edit the WordPress header. Or you can go through the file manager in your cPanel account. Once in the file manager navigate to wp-content/themes/YOURTHEME. The header.php file is normally in the root of a themes directory. You can also connect via FTP to make edits to files. Now that you've found the header.php it goes without saying that you need to be careful. One wrong move in a PHP file and your whole site will go down until you fix the problem. So only edit the WordPress header if you are comfortable with PHP. 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 Edit PHP, CSS, and HTML code in Wordpress
 
08:46
In this video I show you how to edit the PHP, HTML and CSS code that runs your WordPress.org website. This will only work for WordPress.org sites (not for WordPress.com). If you're unsure of WordPress basics I'd suggest you start with this blog post: https://learn.onemonth.com/what-is-wordpress/ Want to learn to edit HTML, CSS and PHP on your WordPress blog? Then learn WordPress with me in this 4+ hour Online WordPress Course. https://onemonth.com/courses/wordpress?discount_code=youtubeinstallwp Want free WordPress Web Hosting? I recommend this trial with www.hostgator.com.Enter the code "onemonthcode″. I use Hostgator in this tutorial, and I use them for all my personal projects.
Views: 84528 InstallWordpress
[Wordpress Development] Digging Deeper with Themes [05] Enqueueing Styles  Scripts in the Admin
 
03:55
In this WordPress tutorial we will provide you with detailed instructions on how to use WordPress to create and manage your site. WordPress can be used for both simple and complex websites. In our WordPress tutorial we have tried to cover all the basics and few advanced topics.
Views: 1591 Daiji Mohamed
WordPress Custom Editable Theme Content (Image & Text) Tutorial
 
30:10
My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL My front-end course: https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEDEAL Let's customize our WordPress theme to support editable content. 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-editable-theme-content-tutorial/ To view a complete list of the WordPress lessons in sequential order visit: http://learnwebcode.com/learn-wordpress/ Add me on Twitter for webDev updates and cat pics: https://twitter.com/learnwebcode
Views: 52754 LearnWebCode
Fix WordPress Error The Theme Is Missing The Style.css Stylesheet
 
03:11
how to fix the theme is missing the style.css stylesheet WordPress failure error https://www.gomahamaya.com/fix-wordpress-error-theme-missing-style-css-stylesheet/ Note- I request everyone of you first verify whether it's WordPress theme or html template . my video is related to WordPress themes don't dislike my video just only because you can't distinguish between WordPress theme or other template . All my video is created 100% correct . comments below for help but don't dislike this please A common issue that can occur when installing a WordPress themes is “The package could not be installed. The theme is missing the style.css stylesheet. error message being displayed when uploading or activating the theme Upload the Installable WordPress file admin area Log in to your WordPress admin area. Browse to Appearance - Themes. Click on ‘Add New’. Click ‘Upload’. Browse and select the theme zip file to ‘Upload’. Upload Via FTP ----------------------------------------------------------------------------------------------------------- Donate to support our work- https://www.paypal.me/gomahamaya donation id - [email protected] ------------------------------------------------------------------------------------------------------- Get in touch with us on Social Media. Facebook: https://www.facebook.com/gomahamaya Twitter: https://twitter.com/gomahamaya -------------------------------------------------------------------------------------------------------- contact us on our website- https://www.gomahamaya.com/ --------------------------------------------------------------------------------------------------------
Views: 37288 Gomahamaya
WordPress Admin Stylesheets Can Help You White Label Your WordPress Dashboard
 
08:02
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL WordPress Admin Stylesheets Can Help You White Label Your WordPress Dashboard https://youtu.be/iXtKPMS18fM Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Blog post with code: https://wplearninglab.com/wordpress-admin-css-styles/ WordPress codex article on Stylesheet URI: https://developer.wordpress.org/reference/functions/get_stylesheet_directory_uri/ Custom WP Admin CSS tutorial: https://www.youtube.com/watch?v=dbhjUBEI7Wo Using a WordPress admin stylesheet allows you to apply CSS to WordPress admin dashboard very conveniently. You just include the CSS file once and then just make changes in the stylesheet. This is great for making a dashboard theme and then quickly applying the same styles to another site. Stop brute force attacks before they happen with this workshop: https://wplearninglab.com/brute-force-eliminator-workshop Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist 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/
Converting HTML Sites to WordPress Sites
 
07:34
Learn how to convert your HTML website into a WordPress website! Blog post: https://www.elegantthemes.com/blog/tips-tricks/converting-html-sites-to-wordpress-sites Like us on Facebook: https://www.facebook.com/elegantthemes/
Views: 68793 Elegant Themes
Customize your Wordpress login page
 
07:25
In this tutorial I show you how you can customize your Wordpress login page using the Erident Custom Login and Dashboard plugin.
Views: 32592 Ferdy Korpershoek
Customize Wordpress - White Label CMS / Admin Menu Editor
 
11:51
http://digital-noir.com brings you website design Adelaide style. Have you heard? Website design Adelaide freelancers have been watching the Google news hoping their clients won't suffer. Why? Three reasons: -Relevancy -Google site layout algorithms -Website design Adelaide marketability The good old days of push-button website design are now considered old school. For starters, sites created with clunky site builders provided by companies like Godaddy or Wix no longer comply with Google standards. Sure they're easy to use. However, the issue is how your site is viewed by Google. Website Design Adelaide & Google website design adelaide"I don't get why it's so important to use WordPress," a client recently chanted. It's a good question. However, the writing on the wall is obvious when you dig deeper. If your site is built with a clunky CMS (content management system) your content won't meet the 500+ Google algorithm update standards per year. 500? You betcha. So you want your site structure to conform to the current code standard: HTML5. Doing so helps Google access and evaluate your content in seconds But that's just the beginning of website design Adelaide planning based on these new standards. It's a brave new world. We've all looked at website design Adelaide templates and loved them. But guess what? Beautiful design shouldn't be confused with industrial-strength architecture. Instead, appealing sites must be built with scale in mind for upgrade of code and functionality. Huh? Think of it this way: what works today will almost definitely unravel into madness in the coming months completely due to algorithm updates. So Google-compliant website design Adelaide site structure is what smart site owners are embracing to prepare for future updates. But why? That's what website design Adelaide companies keep groaning. Google algorithm updates weed out the crap sites so highly relevant ones can rank better. Build your site around them and you'll knock your competition into the dirt. Ignore them and you'll wonder why your site sits like a dead duck along the Murray River. Website Design Adelaide Madness: Relevancy? Another secret so many firms ignore is Google relevancy. Is your site content highly-relevant for your target keywords? Do you have target keywords? You better and they need to be researched with mission-critical precision. So if my content and site structure are relevant I will rank better? Bingo! But there's so much more. Website design Adelaide freelancers are quaking in their boots since the launch of Google Hummingbird algorithm launch this week. What does it mean? Changes. As in big, fat changes to the way they rank sites. Back in the day when we simply dropped keywords into your content to rank are over. Now it's more about building your website design Adelaide theme with Google standards. It's not difficult but comes with methodical planning. The Major Mistake & Website Design Adelaide Hosting. We've seen some clients invest heavily on the design they wanted but host their smoking hot new site on a lame server. Remember, those cheap hosting deals you see everywhere for $4.95 a month all come with a surprise. 2000 other sites on your server. Who cares right? You should. Slow hosting equals one thing: lost sales. Not to mention poor search engine rankings. A dirty little secret most website design Adelaide companies ignore is site speed and how it effects Google rankings. http://digital-noir.com and http://www.youtube.com/channel/UCT0F2...
Views: 17051 Digital Noir
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: 117013 Website Learners
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.
WordPress Admin Customization: Welcome
 
00:50
Lesson 1 of 15, a Tuts+ course on WordPress Admin Customization taught by Adi Purdila. The full course is available at: http://webdesign.tutsplus.com/courses/wordpress-admin-customization Become a Tuts+ member to get access to hundreds of new courses and eBooks!
Views: 694 Envato Tuts+
Creating a Custom WordPress Dashboard for Your Clients.
 
09:03
In this video, we will be Creating a Custom WordPress Dashboard for Your Clients. When you turn a website over to a client to edit and maintain, they are going to have many questions. Even making basic content changes requires some knowledge on WordPress and Divi. What better way to save you from numerous potential questions than to have a custom dashboard with links and resources that the client can have access to every time they log into their site! Here is the link to the post: https://www.elegantthemes.com/blog/divi-resources/creating-a-custom-wordpress-dashboard-for-your-clients
Views: 34093 Elegant Themes
WordPress Navigation Menus (Theme Development)
 
16:47
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 In this lesson we learn how to add navigation menu locations to our theme and register the menus so users can easily manage the menu links via the WordPress Admin UI. To view a complete list of the WordPress lessons in sequential order visit: http://learnwebcode.com/learn-wordpress/ 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-theme-development-navigation-menus/ 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: 438860 LearnWebCode
Gantry 5: Styles Admin Panel
 
09:44
In this video we take a close look at the Style tab in the Gantry 5 Administrator for Grav, WordPress, and Joomla.
Views: 9356 RocketTheme
Modify Theme CSS with Inspect Element - WordPress
 
16:47
How to edit the CSS on your WordPress theme using Inspect Element in Google Chrome. Learn how to change colors, fonts, widths and more. Make a blog: https://www.youtube.com/watch?v=cC4XToEP1Xk If you have any questions, just post a comment. Created By: Dear Blogger
Views: 71055 Greg Narayan
WordPress Login Page Logo - Add A Custom One - Replace WordPress Logo | WP Learning Lab
 
03:22
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download our exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist WordPress Login Page Logo - Add A Custom One - Replace WordPress Logo | WP Learning Lab function custom_login_logo() { ?(right pointy bracket) (left pointy bracket)style type="text/css"(right pointy bracket) body.login div#login h1 a { background-image: url('YOUR URL HERE'); //Add the URL of your custom logo between the single quotes padding-bottom: 30px; } (left pointy bracket)/style(right pointy bracket) (left pointy bracket)?php } add_action( 'login_enqueue_scripts', 'custom_login_logo' ); YouTube won't allow pointy brackets (shift + , and shift + .), so you'll have to replace them in the code above. In this tutorial you're going to learn how to add a custom logo to your WordPress login page. By default there is a WordPress logo above the login box. But you can spruce up your WordPress login theme by changing the WordPress login image. This WordPress customization is actually quite easy to do and I show you two ways to do it. One is through the WordPress admin dashboard. The other is through the File Manager in your hosting account cPanel. First, customize your WordPress log in page through the WordPress dashboard. The first thing you'll have to do is log into your WordPress site, then hover over Appearance in the left hand menu. In the flyout menu that appears click on Editor. [If there is no Editor link then you'll have to WordPress personalize login through the cPanel File Manager or FTP.] Once you're in the editor find the functions.php file of your theme. All files in the theme root are listed on the right hand side of the Editor. Click on functions.php to open it. Paste the code from above into the functions.php file. Then save the file. Take a look at your new WordPress log in page with the the change login logo. That's all it takes to WordPress customize site. To do this same thing via your hosting cPanel account, log into your hosting account. Click on the File Manager option and open the root of the website you want to work one. Once the root folder opens double click on wp-content, then double click on themes. Next, double click on the folder of your active theme to open it. Find the functions.php file, single click on it and click on the Edit button. That will open the file for editing. Paste the code from above into the functions.php file. Then save the file. And you're all done. You now know how to change the WordPress login 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 Edit Footer Copyright Text In Any WordPress Theme
 
08:22
How to Edit Footer Copyright Text In Any WordPress Theme More info: https://www.wpcrafter.com So you found a great free theme, but you are now stuck with a copyright that is not easy to change. In this video I show you one way to change the footer copyright text. ~~~~~~~~~~~~~~~~~~~~~ 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 "Additional Styles" in Mega Main Menu plugin for WordPress.
 
05:32
How to use "Additional Styles" in Mega Main Menu plugin for WordPress. Different colors for menu items and style for the column header. Demo Site - http://menu.megamain.com/ User Manual (Documentation) - http://manual.menu.megamain.com/ Admin Demo 1 (Plugin Settings Page) - http://menu.megamain.com/wp-content/plugins/demo_dashboard_1.html Admin Demo 2 (Menu Structure Page) - http://menu.megamain.com/wp-content/plugins/demo_dashboard_1.html More Plugins by MegaMain - https://codecanyon.net/user/megamain/portfolio
Views: 817 MegaMain
Contact Form 7 Skins To Change Style - No CSS required | Contact Form 7 Tutorials Part 13
 
06:22
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download our exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist Contact Form 7 Skins To Change Style - No CSS required | WP Learning Lab Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Changing the appearance of your contact form 7 forms is easy with this Contact Form 7 plugin. You are limited roughly 15 presets that just change in color and don't do anything REALLY fancy. If you're okay with that then this plugin is for you. Here's the link to check it out: https://en-ca.wordpress.org/plugins/contact-form-7-skins/ This plugin doesn't do WordPress contact form CSS, it just allows you to WordPress style contact form. Let's install this plugin. To install this plugin please log into your WordPress dashboard, hover over Plugins and then click on Add New. On the next page type "Contact Form 7 Skins" into the search bar. The plugin we want should be the first one in the top left. Click on the Install Now button and then click Activate after it's installed. Once activated, you will see a a CF7 Skins entry in the left hand side admin menu. Click on that go choose your WordPress form look. For this plugin, the options you see in the CF7 Skins area are the only options to WordPress style form. If you choose a style that you don't like, you can WordPress change form look at any time by going back to the CF7 Skins settings and choosing a new look. That's about it for this Contact Form 7 Plugin. 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/
Customize Your WordPress Login Page With a Plugin - Customize the Admin Login 20i7
 
08:50
In this WordPress Tutorial I’l show you how to customise your WordPress Admin Login Page. ***** Download the EBook Guide to my Top 10 Plugins of All Time here: http://bit.ly/JaksonTop10 ***** Great for Client sites (they really love seeing their branding on the login page!) or maybe you carve a membership or other plugin that requires a login on the regular WP Admin Login - either way, with the "Custom Login" plugin form Frosty Media you can customise your WordPress Login in just a few clicks. The Repo page his here: https://en-gb.wordpress.org/plugins/custom-login/ Austin is at Frosty Media here: https://frosty.media Lets Make some WordPress! Jakson Go ahead and subscribe if you fancy: https://www.youtube.com/channel/UCBdd24j_O7D5C4oraWnKrwg?sub_confirmation=1 And check us out over at: http://jakson.co/
Views: 7206 JAKSON
How To Change WP-Admin Url For Wordpress - Hide Your WP-Admin!
 
03:08
In this video, ill show you all how to change or hide your wp-admin loing for wordpress. When you first install wordpress, you are given the option to only have a link as "wp-admin" to login to your wordpress website. There is a plugin i found called WPS HIDE LOGIN, that allows you to change your login link for your wordpress website to anything that you want! For more tutorials like this or to learn how to make a wordpress website, feel free to visit my website at https://www.darrelwilson.com
Views: 21721 Darrel Wilson
13 Plugins and Tips to Improve WordPress Admin Area
 
02:26
Text version of this tutorial: http://www.wpbeginner.com/wp-tutorials/13-plugins-and-tips-to-improve-wordpress-admin-area/ Do you want to customize the WordPress admin area? Maybe you want to change the default color scheme, add your own branding, or even add a new help section for clients? In this video, we will show you 13 plugins and tips to improve the admin area. 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: The first one is change your admin color scheme and this one allows you to switch from the default black to one of eight built in color schemes for your profile. The next tip is to use the admin color schemer which lets you completely customize your color scheme to something you prefer. #3 is to set the default admin color scheme for all users by adding this bit of code to your functions page. #4 is a list of 7 admin themes you can use for WordPress. #5 is to hide unnecessary items from the admin area with the Adminimize plugin. The next tip is to add custom links to the WordPress toolbar. #7 is limit dashboard access in WordPress by using the remove dashboard access plugin. #8 is the secret options page in WordPress admin. #9 you can change the admin footer text but adding a bit of code to your functions page. #10 is the featured image column in admin area. Next is the show or hide WordPress dashboard widgets. #12 is the add wp help plugin which lets you add a help section for your site. The last tip is how to remove WordPress.org links from the toolbar.
WordPress customize wp admin login page logo using functions php
 
09:35
WordPress customize wp-admin login page logo using functions php Change customize the WordPress login logo no plugin used just and some html and php code to the functions.php file of a child theme. The html/php code can be found here: https://www.zerosones.net/wordpress-customize-wp-admin-login-page-logo-using-functions-php/ If you found this useful? Please like or subscribe. Thank you. Zeros Ones
Adminpress - An wordpress admin theme - Meny style and Management
 
03:30
How you can style the menu, rename, reorder and hide menu items
Views: 24 Kode Press
7 Free WordPress Admin Themes and Plugins
 
01:29
WordPress admin themes are not as popular as most users think they are unnecessary. If you're developing a WordPress site for a client you may want to customize the admin area. In this video, we will show you seven free WordPress admin themes. If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Text version of this tutorial: http://www.wpbeginner.com/plugins/7-free-wordpress-admin-themes/ 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: #1 blue admin is a simple minimalistic admin theme for WordPress. and the primary color is blue. #2 is the tamed admin theme. this simplifies the admin user interface and gives a calmer approach for the ui colors. #3 is the slate admin theme which uses dark brown admin bar with blue color for links, buttons and menus. #4 is the fancy admin UI. it gives a blue top admin bar and soft gray menu bar. you can also change these colors under general settings. #5 reimagined admin is a bold and dark WordPress admin theme. #6 admin color schemer is more of a way to change the color aspect of your admin area to anything you want. #7 is the white label cms allows you to customize and brand your WordPress admin area. you can remove WordPress logos and change the admin area to meet your needs. Related Links: Blue Admin https://wordpress.org/plugins/blue-admin/ Tamed Admin theme https://wordpress.org/plugins/tamed-admin-theme/ Slate Admin Theme https://wordpress.org/plugins/slate-admin-theme/ Fancy Admin UI https://wordpress.org/plugins/fancy-admin-ui/ REimagined Admin https://wordpress.org/plugins/reimagined-admin/ Admin Color Schemer http://wordpress.org/plugins/admin-color-schemer/ White Label CMS https://wordpress.org/plugins/white-label-cms/
How to Add an Admin User in WordPress using FTP
 
03:30
Don’t have a wp admin access? Don’t worry, it can be easily done via FTP. Connect FTP first and go the the wordpress themes folder, under the themes folder there is function.php file. Open the function.php file on any editor like Notepad++, komodo edit or something like that. The location path will be like this: "/mysite.com/wp-content/themes/my-theme/functions.php" Visit our website now: http://www.wpdevcodes.com/
Views: 41 WpDev Codes
Website Language Translator Google Plugin Tutorial Add Code and Style
 
10:14
Learn to add and style the Google Website Language Translator Plugin. This allows people to view your web pages in any language they choose, in any browser software they use. Stick the gadget into a PHP include template if you have PHP layout template regions.
Views: 90869 Adam Khoury
How to Change Wordpress Admin Login Page Logo
 
08:24
Wordpress Admin Login Page Logo if you interested change your wordpress page logo. visit this website. ► Website: http://www.onlineurdututor.com/
Views: 817 Muhammad Aziz
How to include Bootstrap into a WordPress theme
 
03:37
This video will show you how to include third party styles and scripts into your WordPress theme. This video is part 3 in a playlist on WordPress child themes.
Views: 30735 easydevtuts
Tutorial: How to RTL (right-to-left) a website
 
07:08
Follow along as RTL wizard Ahmed Nefzaoui uses state of the art CSS to apply Right-to-Left best practices to the good old Mozilla Hacks blog.
Views: 15804 Mozilla Hacks
WP Rentals How to add a property in front  end user dashboard
 
05:34
This video tutorial shows how to add a new property in WP Rentals theme, in front-end user dashboard.
Wordpress Theme Development: Using A Class To Register Scripts & Styles
 
11:23
Walk through video about using a class to register/enqueue stylesheets and scripts in a Wordpress theme.
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. ~~~~~~~~~~~~~~~~~~~~~
WordPress Custom Admin Bar Plugin
 
00:57
Find out more & Download: http://premium.wpmudev.org/project/custom-admin-bar This is a free plugin that lets you easily add a menu and menu items to the WordPress admin bar! Read more here: http://wpmu.org/customize-your-admin-bar-with-this-free-wpmu-dev-plugin/ Download the plugin here: http://premium.wpmudev.org/project/custom-admin-bar It's easy to use and quick to setup!
Views: 11995 WPMU DEV
How to create a Responsive Admin Template using Light Bootstrap Dashboard - 1/3
 
25:03
Hello guys, we've created a video tutorial to show you how to build an Admin Panel using our Light Bootstrap Dashboard. This is the first part, there will be 2 more videos. Please let us know if you have any feedback. Here are the links that you can use: 1. Product archive for free: - on Creative Tim (http://www.creative-tim.com/product/light-bootstrap-dashboard/?ref=youtube) - on Github (https://github.com/timcreative/light-bootstrap-dashboard) 2. If you have any issue please check the final result here (https://www.dropbox.com/sh/es3h6u9hvo61iqn/AABBhIqy8P2jj99tzB4iOkCva?dl=0) If you have any questions please write in the comments, we will help you with anything that you need. Show some love for us here: Facebook: https://www.facebook.com/creativetim Twitter: https://twitter.com/creativetim Dribbble: https://dribbble.com/creativetim Google+: https://plus.google.com/+CreativetimPage Instagram: https://www.instagram.com/creativetimofficial/ Show some love for Alex here: Facebook: https://www.facebook.com/axelut Twitter: twitter.com/axelut (http://twitter.com/axelut) Instagram: https://www.instagram.com/axelut/
Views: 232334 Creative Tim Tutorials
WordPress Hooks Actions admin print styles Part-15 Example
 
03:04
WordPress Hooks Actions and Filters admin_print_styles
Views: 126 Imran Sayed
Remove Editor WordPress Menu Option Under The Appearance Menu - WordPress Security | WP Learning Lab
 
04:04
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download our exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist Remove Editor WordPress Menu Option Under The Appearance Menu - WordPress Security | WP Learning Lab function remove_edit_menu() { remove_action('admin_menu', '_add_themes_utility_last', 101); } add_action('_admin_menu', 'remove_edit_menu', 1); In this tutorial I'm going to show you how to remove the Editor menu item from under the Appearance menu in your WordPress admin area. Why is this important? For two reasons. First, if a hacker successfully brute force attacks your website then they can edit theme files inside your admin area in order to insert malicious code. However, if they can't find the theme editor then they can't make those edits. Please note that this isn't the best protection against brute force attacks and a hacker can work around this edit if they're savvy enough. Please see these videos for better brute force protection: - Block specific IPs: https://youtu.be/CWOP7BKEw7s - Limit WP-Admin access by IP: https://youtu.be/QAeGZMkdWHI - Move the WordPress login page: https://youtu.be/_c4l6Vnr9aQ Second, if you're creating a website for a client who likes to poke around in the admin area and play with things then there's a chance they will break the site through the editor. To prevent that from happening we hide the editor so they can't find it. It is actually very easy to make this happen. All you have to do is copy and paste the piece of code from above into the main functions.php for the theme. Save the file and you're done. Ideally, you would be using a child theme so that when the main theme is updated it won't overwrite the code. Let's get this code into your functions.php file. First, log into your hosting account, find the File Manager option and open the root of the website you want to work in. You can also do this via FTP if you prefer FTP. Once the website root loads, open the "wp-content" folder. Then open the "themes" folder. Then find the functions.php file. Into the top of the functions.php file paste the code from the top of this description. And you're done. 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 ADD A NEW WIDGET AREA TO ANY WORDPRESS THEME
 
20:30
This video tutorial shows you how to add a new widget area to a wordpress theme. This is not adding the widgets in admin area but adding an entirely new widget are on any particular place on a page or a post template. There are mainly two things in adding a new widget area. 1) First you have to register your new widget which you can do it through functions.php. This is very simple and you just need to copy the existing code and paste it and change the name of the widget. 2) You need to add some php code to the template where you want to add the new widget. In this tutorial I have shown it adding the new widget to the home page which is index.php template. You can follow the same procedure to add the new widget to any other pages or any post content type. Please check my blog http://www.bloggingmypassion.com. Thank you, Subbu.
Views: 51921 Blogging My Passion
How To Add A Login Button To Menu In Wordpress (No Coding Required)
 
04:11
Here’s the easiest way to add a login button to your menu navigation in wordpress. It requires absolutely no coding and is simple to create. Do you want to add a login button to your menu bar like this one that someone can click and it takes them to the login page where they can enter their details and log in? Well, in this tutorial I am going to show you how to add a login button to your menu in WordPress with absolutely no coding required: no PHP, no CSS, no HTML, none of that sort of stuff. So the first thing you need to do is to log in to the backend of your WordPress website. To do that go to yourwebsite.com/wp-admin but replace yourwebsite.com with your actual website address. So for me it is my.melee.co/wp-admin and log in and that will bring you to the dashboard. You now need to install the plugin theme MY Login which has a lot of functionality. But the one that we want is the ability to create that login button. To add the plugin simply go to plugins on the left-hand side and click on add new. Then type theme My Login into the search bar and click enter. Simply find the theme My Login plugin, click the install now button and once it is installed you can go ahead and click to activate it. You now need to add your login page to your menu. And to do that simply go to appearance and menus. You can choose the menus that you want to edit or you can go ahead and create a new menu if you wish. We want to look at the pages and we want to find the login page under the most recent section. So we can see login here, tick it and then click add to menu. We can see that the login page has now been created so let us go ahead and save that menu. The next step is to activate the menu if it is not activated already. And to do that go to appearance and down to customize. And this will look a little bit different for every theme but you want to find the menu section. You want to find the menu location and you can then put in the menu that you were just editing. I am going to put it into the primary navigation. You can put it into the secondary navigation or whatever is available for you. Once you have done that, go ahead and click save and publish. Now if I go to my website I can see that the login actually does not exist here and that is one of the awesome things about this plugin. ------------------------------------------ http://pelt.co/14 - View the full transcription and audio version of this episode.
Views: 41385 PELT
Custom Share Buttons with Floating Sidebar - Wordpress Social Plugin
 
07:38
“custom-share-buttons-with-floating-sidebar” https://wordpress.org/plugins/custom-share-buttons-with-floating-sidebar/ , it is plugin for social networks. It is very simple plugin for share your site with your friends through social sites,The plugin supports 9 social networking. Your users share via their accounts on popular social networks such as Facebook, Twitter, Linkedin, Pinterest, Google+, Stumbleupon, Reddit, Youtube and Refer a Friend. With this plugin, you give users the tools to share your content, product details and other information with their own networks. More than 22 billion shares are viewed each and every day on the internet, with sharing becoming an increasingly important part of every website owner’s marketing strategies. Let your users share via their accounts on popular social networks. Install this free plugin to enable Social Sharing on your WordPress site and start driving high quality referrals to your website. It is a lightweight plugin. There is no external JS file added in this plugin so it will affect your site speed. You can add a social share floating sidebar with all social share buttons and Even you can change the share buttons images and their style from admin if you wish!. Upgrade to Pro Version Features Options to add Custom Image of any social button. Options to add background color of social button. Floating Sidebar Share Buttons to every post/page Show/Hide options for any buttons Options to edit message (“Show Buttons”,”Hide Buttons”…etc) Options to set the position of Floating Sidebar (Left/Right/Bottom) Options to set the position of Social Buttons (Left/Right) Options to manage the style of the plugin Option to disable sidebar for mobile Option to define the pinterest share image Option to auto close sidebar buttons on page load Option to hide “Share This!!” button on page/post Option to define share buttons postion (above content/below content) Go Pro We have also released an add-on for Custom Share Buttons With Floating Sidebar which not only demonstrates the flexibility of CSBWFS, but also adds some important features: Responsive Floating Sidebar Custom Styles for Floating Sidebar Hide Floating Sidebar On Home/Post/Page/Category and on Custom Post Type Hide Floating Sidebar from any specific page/post An Option to Show/Hide sidebar on any specific page/post/product To show social share buttons On Home/Post/Page/Category and on Custom Post Type To show social share buttons before content, after content and before&after content An Option to Show/Hide social share buttons on any specific page/post/product An Option to Show/Hide sidebar on any custom post type Responsive Lightbox Contact Form (for Mail Icon) An option to add to any custom shortcode into lightbox Advance feature to choose pinterest share image An option to add OG tags content(title,image,description) An option to set automatically horizontal sidebar position for mobile An option to add social site official page URL for all social buttons Extra Buttons (Google Translate,Instagram,Whatsapp,Digg,Yummly,Vk, Buffer, Line, Skype, RSS, Print, G-Mail, Blogger, Tumbler,Delicious,Weibo, Telegram,Xing & SMS ) An option to define twitter username in thier share window. An option to display number of share(Facebook,LinkedIn,StumbleUpon,Google Plus,Pinterest,Xing and Reddit) An options to change any button image, title, background colour and url (You can use any button as your own custom button) An options to define sorting order for all buttons 10 extra custom floating sidebar buttons with extra options (i.e you can define your own custom size for these buttons) An option to show sum of total share count for all buttons An option to remove mouse hover animation effect for all social buttons Faster support
How To Edit The WordPress Footer | WP Learning Lab
 
07:17
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL How To Edit The WordPress Footer | WP Learning Lab To edit the WordPress footer all you have multiple options available to you. You can use the WordPress editor, which is what I show you in this video. You can also edit the footer in the cPanel file manager and via FTP. No matter which method you use to edit your footer, he trick is open the footer.php file. That is where all the footer content is. You'll have to know a bit of PHP to make substantial edits. If you don't know any PHP it's not safe for you to be editing the footer.php file. One wrong move in a PHP template file and you're whole site goes down. Some WordPress themes give you the ability to edit the footer through the theme options panel. Make sure you check in there first and hopefully you can make the edits you need without editing any code. Some themes also use widgets to add content to the footer of your site. If you go Appearance, then Widgets you may see widget areas called footer. Add content to the them, save what you've done and then see how it affected your site. This may be exactly what you're looking for. 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/