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/
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: 94241 Alessandro Castellani
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: 611 SugarCode
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/
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/
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: 428916 LearnWebCode
4 Places To Edit WordPress CSS | WP Learning Lab
 
08:08
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL 4 Places To Edit WordPress CSS | WP Learning Lab To edit WordPress CSS you first need to know all the places you can find CSS. There are 4 common places. You may not have all these locations on your website because some of them are theme-dependent. The possible CSS locations are: 1. The WordPress theme or child theme stylesheet (this one you have for sure) 2. The theme options panel (this one you may or may not have) 3. A CSS editor on each page and post (this one you may or may not have) 4. Inline CSS applied directly to HTML elements on the page (this one you will have only if you're written it) Let's go through each one. The WordPress theme or child theme stylesheet When inside your WordPress dashboard if you click on Appearance then Editor you will be able to edit theme or child theme files. Usually the style.css is loaded first by default. If it's not loaded find the style.css file in the list of files on the right side of the editor page. When you find it, click on it. That will open the CSS file in WordPress editor. At this point you can make edits to the file and click on the Update button to save your changes. How to actually code CSS is beyond the scope of this tutorial, but you can check out my CSS channel over here (https://www.youtube.com/channel/UCeFLITjl2v9vtIkftw9UMsw) The danger in editing CSS directly in the stylesheet of the main theme is that what you create may be over written when the theme updates. You get around this problem by creating a child theme (see a tutorial on how to create a WordPress child theme here: https://www.youtube.com/watch?v=Z8n1h-85SMQ). The theme options panel Not every theme has a theme options panel, but the ones that do make WordPress CSS so much easier to edit. You can simply add CSS to the CSS box in the theme options and click save changes. The upside is that theme updates won't erase the CSS code you create. A CSS editor on each page and post Some themes, like Avada and Divi, give you the option of insert CSS code right into the individual posts and pages of your website. This is great for CSS that you want to be only one page. I would only recommend doing this if you're putting more than 100 lines of CSS into the page. If it's less than 100 lines of CSS you're better to put into the main stylesheet so you stay organized. If it's more than 100 lines of CSS code that only need to exist on one page then your site will load a little bit faster overall by not loading all that CSS into every page. Inline CSS The last place in our list and the last place you'd want to create CSS code is right in your HTML elements. This is called inline CSS and can be difficult to work with for two big reasons. First, you can't apply the CSS to more than one element at a time. So if you want to style all the paragraphs on the page in the same way you have to apply the same CSS code over and over again to each p tag. This is a pain to administer and will result in larger than needed page sizes. Second, if you add inline CSS to lots of pages it will be come difficult to remember what CSS you applied where. Then trying to find it an make edits will become a pain. Inline CSS also takes precedent over CSS in the stylesheet. So you might be make changes to CSS in the stylesheet, but nothing is happening on the page. You'll go through a frustrating few minutes before you figure out the CSS is actually inline on the page. I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
How to Create 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: 85593 Website Learners
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: 211987 Creative Tim Tutorials
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: 30077 Ferdy Korpershoek
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: 49368 LearnWebCode
How to Create Custom Admin Color Schemes in WordPress
 
01:09
Most users enjoy the admin user interface for WordPress as it allows you to customize it as you please for colors. This can be done for ease of viewing or just to add some customization to your admin area. In this video, we will show you how to create a custom admin color scheme in WordPress. 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/how-to-create-custom-admin-color-schemes-in-wordpress/ Follow us on Twitter: http://twitter.com/wpbeginner Checkout our website for more WordPress Tutorials http://www.wpbeginner.com/ Summary of this Tutorial: Start by installing and activating the "Admin Color Schemer" plugin. With it active go to Tools, Admin Colors to start making your own color scheme. Choose the colors you want for the base, icon, highlight, and notifications with the color picker. You can even shoose colors for other elements by clicking the Show Advanced Options List. The Custom color scheme will be displayed as 'Custom' under the User Profile screen. Any user who can see this including yourself can now use this new scheme. Related Links: Admin Color Schemer plugin http://wordpress.org/plugins/admin-color-schemer/
[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: 1487 Daiji Mohamed
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: 6738 JAKSON
WordPress Post Grid Plugin - How to Display Your WordPress Posts in a Grid Layout 2017
 
10:39
If you want to display your posts in a grid view you can with a simple to use WordPress post grid plugin. **** Download the list of my Top 10 Plugins of All Time here: http://bit.ly/JaksonTop10 ***** A lot of themes come with a fairly standard list view and the free way of creating a slick responsive grid is with the excellent “The Post Grid” plugin in this WordPress Tutorial. It has a Pro version but the free one of the WordPress Repo is surprisingly ace! Available at the WordPress Plugin Directory here: https://wordpress.org/plugins/the-post-grid/ 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: 62112 JAKSON
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: 31118 Elegant Themes
Add Javascript To Specific WordPress Pages Using Functions.php
 
07:56
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Add Javascript To Specific WordPress Pages https://youtu.be/Fw6VDOZYqrM Link to blog post with code: https://wplearninglab.com/add-javascript-specific-wordpress-pages/ Link to Conditional Tags in WordPress codex: https://codex.wordpress.org/Conditional_Tags If you want to add JavaScript to a specific page in WordPress this is how you do it without using a plugin. You do have edit the functions.php file, so do that carefully. Backup your existing functions file if you need to. Then just use the code from the blog post to add JavaScript to any page on your WordPress 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/
How to Easily Add Custom CSS to Your WordPress Site (2 Methods)
 
02:32
Customizing the design of your site can sometimes require you go add your own custom CSS in your WordPress site. If you are trying to use FTP to cusotmize the CSS on your site it can sometimes be too confusing for a new user. In this video we will show you how to add custom CSS to your WordPress site. Text version of this tutorial http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site 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 Our first method in this video is the default customizer in WordPress which is should be in all themes since 4.7. Chanves made using this method are only available on the theme that is active at that time so you would want to save any changes you make with custom CSS. For the secons method we will be using the Simple Custom CSS plugin to add the custom CSS to the site. This is another method for adding your custom CSS that will stay between each theme that you activate. Visit our text version of this video for a link to the plugin. The third method we would recommend if you would like a powerful tool to help you would be CSS Hero. All of these are viable ways to add custom CSS to your site to personalize the design.
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: 50290 Elegant Themes
Customize any Wordpress Theme (Part 1) - Understanding style.css, header.php, footer.php
 
16:00
Learn how to customize any Wordpress theme by understanding the files that control the themes appearance and structure starting with 3 of the most important files to understand: style.css, header.php, footer.php - Learning how these 3 files construct your Wordpress site is the beginning of learning how to customize the appearance and structure of any WP theme into any website you can design.
Views: 624907 LuckyWabbitWebDesign
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: 32476 Gomahamaya
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
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
How To Get WordPress Posts To Page - Displaying Posts On A Page | WP Learning Lab
 
04:02
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 How To Get WordPress Posts To Page - Displaying Posts On A Page | WP Learning Lab This is one of those things that all beginners want to be able to do and it seems like it should be easy. Luckily, it actually is easy to do if you know how to do it :) There are two ways to make this happen. One is to set the blog page and the other is to add categories to the navigation menus which displays all the posts in the category. Let's do the first one first, setting the blog page to display posts on a specific page. First, you have to make sure that you create a page called Blog by going to Page then Add New. Type Blog into the title field and click on Publish. Now go to Settings then Reading Settings in the WordPress Admin area. At the top you will see a "Front page displays" section where you choose the "static page" option. Then for the Post Page drop down choose the Blog page you just created. You will also have to choose a Front Page to make this work. Then click Save Changes at the bottom of the page. Now your posts will appear on the "Blog" page you created a few earlier. Another easy option is to display posts on a category page. On all of the posts you create you have the option of setting a Category for the post. You can then go to Appearance, then Menus and add that specific category to any navigation menu you have on your site. When someone clicks on the category link in the nav they will be taken to that category page where it displays all the posts in that category. 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/
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/
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.
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 Plugin Development - Part 6 - Enqueue Admin Scripts
 
10:22
:: Become a Patreon :: https://www.patreon.com/alecaddd :: Join the Forum :: https://forum.alecaddd.com/ :: Support Me :: http://www.alecaddd.com/support-me/ http://amzn.to/2pKvVWO GitHub Repo: http://bit.ly/2gvDHAJ :: Tutorial Series :: WordPress 101 - Create a theme from scratch: http://bit.ly/1RVHRLj WordPress Premium Theme Development: http://bit.ly/1UM80mR WordPress Mega Menu: http://bit.ly/2ucxSO4 Learn SASS from Scratch: http://bit.ly/220yzmZ Design Factory: http://bit.ly/1X7Csaz Affinity Designer: http://bit.ly/1X7CrDA :: 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: 20428 Alessandro Castellani
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: 17168 Darrel Wilson
How to Add Image Icons With Navigation Menus in WordPress
 
05:11
Do you want to add image icons to your WordPress navigation menu? This can help with the design and style of your menus for your users to understand them better. In this video, we will show you how to add image icons with your WordPress navigation menus. The code we use for the second method can be found here: https://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/ For the first method, we will be showing you we will be using the plugin "Menu Image" found here: https://wordpress.org/plugins/menu-image/ With the plugin installed and activated, you can go under Appearance, Menus and edit or create a menu for your site. Under each menu item, you will now have the option to set a menu image and an image on hover. You also have the option to decide where the image appears and the size of the image. The second option will be manually adding the CSS to add the images to your menu icons. Start by using the screen options in your menu editor to display the CSS Classes. In the CSS Classes, you will want to add unique identifiers to each of your menu items for the code to choose from. With that set up with your images, you would add the CSS code from our article and change the name to the menu icon you want it to be. Text version of this tutorial https://www.wpbeginner.com/plugins/how-to-add-image-icons-with-navigation-menus-in-wordpress/ If you liked this video, then please Like and consider subscribing to our channel here for more WordPress videos. https://www.youtube.com/subscription_center?add_user=wpbeginner Check us out on Facebook https://www.facebook.com/wpbeginner Follow us on Twitter http://twitter.com/wpbeginner Check out our website for more WordPress Tutorials http://www.wpbeginner.com
Wordpress: Add Custom Taxonomy Filter at WordPress Admin Side/ Wordpress Backend
 
07:58
In this video we will add custom taxonomy dropdown filter at the backend of WordPress(Admin Interface) Resource of the file that we used in this video. https://gist.github.com/bainternet/4722496
Views: 1471 Vaghela Bhavesh
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/
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/
Frontend admin menu - Wordpress plugin
 
02:23
With this plugin you can create multiples menus for easy mode manage your website, then you can mapping roles with this menus created previously and then display it in the frontend or backend of your website. This plugin greatly streamlines workflow managers. https://es.wordpress.org/plugins/frontend-admin-menu/
Views: 1373 Alberto Pérez
How to Create a Mobile Ready Responsive WordPress Menu
 
02:07
Do you want a mobile friendly menu for your WordPress site? Mobile users are getting more popular as time goes on and a mobile responsive menu makes it easier to navigate your site. In this video, we will show you how to easily create a mobile-ready responsive menu. Text version of this tutorial: http://www.wpbeginner.com/wp-themes/how-to-create-a-mobile-ready-responsive-wordpress-menu/ 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 method would be to install and activate the Responsive Menu plugin: https://wordpress.org/plugins/responsive-menu/ Once activated the plugin will add a new menu item labeled Responsive menu to your WordPress admin bar that you should click. Select the screen width when the menu should appear on your site, 800 the default is good for most sites. After that select the menu you want to show, you can create a menu under Appearance, Menus. A second method would be to install and activate the Responsive Select Menu plugin: https://wordpress.org/plugins/responsive-select-menu/ Once activated you need to visit Appearance, Responsive Select to configure the plugin settings. Scroll down to 'Activate theme locations' to modify where the menu is active. If neither of those options are what you are wanting we have a method to do this through coding on our written article.
How to Fix the 500 Internal Server Error on WordPress
 
04:57
Learn how to fix the 500 Internal Server Error on your WordPress blog! Blog post: https://www.elegantthemes.com/blog/tips-tricks/how-to-fix-the-500-internal-server-error-on-your-wordpress-website How to Debug WordPress: https://www.elegantthemes.com/blog/tips-tricks/using-the-wordpress-debug-log Like us on Facebook: https://www.facebook.com/elegantthemes/
Views: 77442 Elegant Themes
WordPress Widgets Tutorial
 
20:37
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 manage widgets in the WordPress admin area, and also how to add widget locations to any theme. 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-widgets-tutorial/ 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: 177341 LearnWebCode
Adminpress - An wordpress admin theme - Meny style and Management
 
03:30
How you can style the menu, rename, reorder and hide menu items
Views: 21 Kode Press
How to add Custom Logo Support to WordPress Theme
 
06:54
This video goes over how to implement the custom logo support in a WordPress theme. The allows the the theme user to upload a logo in the WordPress Customizer. The video also goes over how to check if the logo is present and if it isn’t to just display the blog name. View the code here: https://helpwp.com/how-to-add-custom-logo-support-to-wordpress-theme/
Views: 7747 Brag Interactive
Polylang Multilingual WordPress Plugin 2017 Step-by-Step Install and Setup
 
14:28
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Create a Multilingual WordPress site with Polylang tutorial - https://youtu.be/YpFdmzWCFRc Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Polylang multilingual WordPress plugin allows you to convert your website into a multi-language WordPress site. This will allow you to reach a wider audience with your content. You will have to the translations yourself or you can hirer translators that integrate directly with the plugin. First things first, let's install the 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 "Polylang" into the search bar. The plugin we want should be the first one in the top left. The image looks like a parrot's head facing to the right. Click on the Install Now button and then click Activate after it's installed. There are a lot of add-ons for the Polylang plugin. I encourage you to check those out if you need additional multi-language functionality. This plugin allows you to add languages to your site in the plugin settings. By adding a language, it adds functionality to translate any post to that language and adds that language to the sidebar widget. To add languages click on Languages in the lefthand admin menu. On the next page is a simple form that will allow you to add more languages. Add as any as you want. But keep in mind the plugin does not automatically translate your content. All translations are manual. Now that you've added languages click on Posts or Pages in the left side admin menu to those lists. You will see new columns with the country flags of the languages you chose in the header row. In each post or page row you will see either a check mark, a plus sign or a pencil under any given specific country flag. The check mark means that the post in that row is in that language. The pencil means a translation in that language exists and you click on the pencil to edit it. The plus sign means that a translation does not yet exist in that language. You can click the plus sign to create a version for that language. It's important to keep in mind that when a post is translated into all the languages you chose, there will be a separate post for each language. For example, if you have 3 different languages set for your site, if you translate a post into all of those languages you will 3 different posts. One for each language. Once you have some posts translated you'll want to add the sidebar widget to your site so that people can switch between languages. Go to Appearance, then Widgets. In the Available Widgets section there will be one called Language Switcher. Drag it to your sidebar and then customize it. Once you're done, go to a blog post on your site and switch languages using the switcher to see how it works. It's pretty cool. By default, the plugin will detect the visitor's browser's language and pick that language on your site if it exists. You can change that behavior if you go to Languages, then Settings. There is more to the Polylang plugin but this will get you started on the right foot. 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/
WordPress Comments Tutorial | WP Learning Lab
 
06:34
Download our exclusive 10-Point WP Hardening Checklist: http://bit.ly/10point-wordpress-hardening-checklist WordPress Comments Tutorial Visitors to your site are able to leave comments via the WordPress comment form (also known as the WordPress comment box) that appears on WordPress Posts and WordPress Pages by default. At some point in the near future, if not already, your blog will get comments. At the beginning there's a good chance that a lot of those comments will be generated by commenting 'bots'. Those bots are pieces of software that are designed to leave comments on as many different sites as possible. Those are spam comments. In general you don't want to publish spam comments to your site. You can prevent a lot of the spam comments by using plugins like Akismet. Plugins that like that save a lot of manual effort in deleting spam WordPress comments. Luckily, by default, WordPress requires an admin to approve comments before they are published to the website. This means that the spam comments won't just appear on your posts and pages. Once your blog gains a following you will start getting more and more legitimate comments, which is great! However, by default, those will have to be manually approved as well. Here's how to moderate the flood of comments you'll receive. On the left side of the WordPress admin menu you will see an item called "Comments", click on it to get to the comment management area. In that area you will see a full list of all the comments on your website (both approved and unapproved comments). The ones that have already been approved will have a white background and the ones that require your attention will have a colored background. There are a few things you can do with comments. When you hover them you have the option to "Approve", "Reply", "Quick Edit", "Edit", "Spam", or "Trash". These are mostly self explanatory, but I'll quickly go over them any way. If you click Approve, you will approve WordPress comments and they are published at the bottom of the page or post where they were left. By clicking Reply you will be able to leave a reply to WordPress comments. If you click on Quick Edit you will be able to edit some of the contents of the WordPress comment without leaving the page. If you click on Edit you will be taken to another page where you will be able to edit the WordPress comments. If you mark WordPress comments as Spam AND you have Akismet installed that comment will be sent to Akismet servers and added to the list of spam comments that are automatically blocked. If you click on "Trash" you will delete WordPress comments. Now that we've gone over the basics, let's dig deeper in the Edit feature. If you click on Edit you will be taken to a separate page where you can edit the comment. On that page you can edit the text of the comment which will let you fix spelling errors, grammatical errors or anything else you want. You can change the name field of the comment. You can change the URL field of the comment and you can change the email address field of the comment. On the edit page you can also Approve, Reply, Spam and Trash a comment. If you do get legitimate comments you will want to leave a reply to each one even if you just say "Thanks for commenting". This will help with engagement and let people know that 'someone is home'. 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. http://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/
Contact Form 7 Tutorial - Create a 2-Column Responsive Form With Contact Form 7 | CF7 Tuts Part 4
 
25:43
Contact Form 7 Tutorial - Create a 2-Column Responsive Form With Contact Form 7 Check out https://happyforms.me/ , it's a cool new form builder that you may like better than CF7 (and it's free!): HappyForms.me Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Putting the contact form code into the YouTube description didn't make sense because YouTube doesn't allow pointy brackets, which there are a lot of in this code. So instead, you can find it here: https://wplearninglab.com/contact-form-7-2-column-responsive-form Below are the CSS styles I mention in the video: /*--- 2 Column Form Styles Start ---*/ #left { width: 47%; float: left; margin-right:6%; } #right { width: 47%; float: left; } .clearfix:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; margin-bottom:10px; } .clearfix { display:block; } /*--- 2 Column Form Styles End ---*/ With over 1 million active downloads, the Contact Form 7 (https://wordpress.org/plugins/contact-form-7/) plugin by Takayuki Miyoshi is one of the most popular contact form plugins around. And for good reason. It makes contact forms a breeze. In this Contact Form 7 tutorial I'm going to show you how to create a 2-column Responsive form using Contact Form 7. They key to creating a contact form using Contact Form 7 with two columns is the use of HTML Div tags and CSS floats. A regular WordPress contact form is nice, but the two columns really adds a bit of polish. First things first, if you haven't installed Contact Form 7 yet, let's do that. 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" 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. It will add a new menu item in the left hand admin menu called Contact Form. Hover over that click on Add New. You will taken to the new form creator. First enter a name for your contact form and then paste the HTML form code into the form editor. Next, click on the Mail tab to customize the email that is generated when the form is submitted. Make sure you add all of the available fields that are at the top of the Mail tab. Watch the video to see how to do this in detail. When you're done, click on Save Changes. Next, we need to add this form to a page. After saving a blue bar will appear at the top of the form editor. Inside that blue bar is the shortcode for your form. Copy that code. Now go to Pages, then Add New to create a new page OR find the page where your contact form needs to live. Inside the page editor paste the shortcode and click on Update to save the page. When you view the page, you will see a 1 column form. Now it's time to make it 2-column and responsive using CSS. Back inside the WordPress admin find a place where you can add custom CSS. Your theme may have a special spot in the Theme Options section or you may have a code insert plugin or you may have a plugin that allows you to add CSS directly to specific pages. However it is that you add CSS, do that. Just paste in the CSS and save. As long as you didn't change the HTML, your contact form 7 will now be 2 column responsive! And that's how easy it is to create a contact form WordPress. 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/
WP CRUD Generator
 
04:41
A WordPress CRUD generator for MySQL Tables. http://projects.tareq.co/wp-generator/index.php - Generates admin menu - WP List Table - Add new and edit form Music: http://www.bensound.com
Views: 32937 Tareq Hasan
Ultimate Guide To Translate A WordPress Website And Make Multilingual
 
35:33
Ultimate Guide To Translate A WordPress Website And Make Multilingual More info: https://www.wpcrafter.com This is the ultimate translations guide for WordPress. In the video I went through various links, anything not included below can be found with a simple Google search. https://translate.wordpress.org https://www.wpbeaverbuilder.com/knowledge-base/available-translations/ https://lifterlms.com/docs/how-can-i-contribute-translations-to-lifterlms/ Then plugins discussed https://wordpress.org/plugins/loco-translate/ https://wordpress.org/plugins/polylang/ ~~~~~~~~~~~~~~~~~~~~~ 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: 484 MegaMain
How to edit MySQL Tables from WordPress Admin Dashboard - wpDataTables Plugin
 
06:54
wpDataTables allows making tables editable, and has a built-in form generator, where you can choose appropriate editor input types for each of the columns. But it is also possible to edit the tables from WordPress Admin Dashboard with the back-end editor. In this tutorial we are going to show you how to work with this back-end editor. See also the text version of documentation: http://wpdatatables.com/documentation/front-end-editing/back-end-editor/
Views: 2236 wpDataTables
How to Edit PHP, CSS, and HTML code in Wordpress
 
08:46
1) I just released a FULL COURSE called One Month Wordpress. I think you're going to love it! https://onemonth.com/courses/wordpress?discount_code=youtubeinstallwp 2) Want free WEB HOSTING for 1 month? Just go to www.hostgator.com and enter the code "onemonthcode″. It's the same as I'm using in this video, I hope it's helpful to you!
Views: 77784 InstallWordpress
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/
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: 87517 Adam Khoury