Home
Search results “Style content wordpress”
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: 52616 LearnWebCode
Styling Widget Content in WordPress
 
03:59
Learn how to style content in a WordPress text widget without knowing any HTML.
Views: 2448 Pam Hirsch
How to Create Styled Content Boxes in WordPress
 
22:20
Full post: https://thrivethemes.com/how-to-content-box/ Discover how you can use the Thrive Architect plugin for WordPress to create stylish content boxes in minutes. Including feature boxes for sales pages and landing pages, note boxes and highlight boxes for blog posts and image background boxes, because those look cool.
Views: 19880 Thrive 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: 634477 LuckyWabbitWebDesign
How to Fix WordPress Broken Themes
 
06:04
Video tutorial by RankYa showing how to Fix WordPress Broken Themes, Error Template is Missing https://youtu.be/twvc5SQ_05Q for index.php and style.css errors WordPress Content Management System is a great CMS, however, by default it may look for certain template files which may be missing in your Theme (or child theme) thus you’ll get error warnings: ERROR: Template is missing. Standalone themes need to have a index.php template file. Child themes need to have a Template header in the style.css stylesheet. These are common WordPress errors https://codex.wordpress.org/Common_WordPress_Errors RankYa videos on YouTube has more WordPress related video tutorials here https://www.youtube.com/watch?v=i0K2IjoEAKY&list=PLvY3VKvXDMyoogU29hsaGAobyIU_9wovD Sample codes for fixing header template in style.css are: /* Theme Name: ReplateWithYourThemeName Template: themename Theme URI: https://www.themeurl.com/ Author: AuthorDetails Author URI: https://www.authorURL.com/ Description: your theme details Version: 1.1 Tags: black, blue, gray, red, white, yellow, dark, light, HTML5, schema, structured data, schema markup, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready */ Simply insert the above within style.css as shown in How to Fix WordPress Broken Themes video tutorial
Views: 6697 RankYa
How to Create a Table of Content in WordPress Posts and Pages
 
02:18
Do you want to add a Wikipedia style table of contents to some of your longer articles? Tables of contents make it easy to jump to a specific section that they want to read. In this video, we will show you how to create a table of contents in WordPress posts and pages without HTML or CSS. For this tutorial we will be using the Easy Table of Contents plugin found here: https://wordpress.org/plugins/easy-table-of-contents/ With the plugin activated you will want to go under Settings, Table of Contents to view the plugin's settings. You have options for the position, label, and what type of content the table will appear on and have in it. With the plugin active and set up, there will now be a table of contents section where you can manage the table of contents for that specific post. Once you write an article with the required headings for the plugin to see your table of contents on the published page. The table of contents will pull from the headers you allowed and will place them in a box at the top of your content. When a user clicks on one of the links they will be brought to the specific section on the page where they can begin reading. Text version of this tutorial https://www.wpbeginner.com/plugins/how-to-create-a-table-of-content-in-wordpress-posts-and-pages/ 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
How to Add Feature Boxes With Icons in WordPress
 
04:10
Do you want to add a feature box with beautiful icons to your site? Feature boxes are great for showing selling points of your products and services. It can be a great method for presenting products to new customers. Text version of this tutorial: http://www.wpbeginner.com/wp-tutorials/how-to-add-feature-boxes-with-icons-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 Advanced WP Columns plugin. Then go to Settings, Advanced WP Columns to configure the plugin. For column class you would want to enter mcolumns and save your changes. Next install and activate the WP SVG Icons plugin.Start editing the page where you want the icons to appear with the Advanced WP Columns button. Select the number of columns you want on the page, then add some text to help you see where each column is and hit the add columns button. You would want to then hit add icon, select the icon, and click the insert button. Copy the shortcode and repeat for as many icons as you like. Plugins: Advanced WP Columns https://wordpress.org/plugins/advanced-wp-columns/ WP SVG Icons https://wordpress.org/plugins/svg-vector-icon-plugin/
PSD to WordPress Tutorial #6 - Styling the Main Content
 
15:24
Hey gang, in this PSD to WordPress tutorial we'll style the main content in the CSS. SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 20769 The Net Ninja
Customize Your Wordpress Blog Page with Visual Composer
 
08:52
Want to get creative with your Wordpress Blog listing page? Then check out this free tutorial on using Visual Composer and the VC Ultimate Addons plugins to customize your blog page layout and add some design flare easily. Learn how to customize the layout, the content displayed, create a custom parallax scrolling title bar, all in under 5 minutes! Free tutorials for Wordpress, Slider Revolution and Visual Composer. New tutorials added every Wednesday. Take your Wordpress website and skills to the next level! PURCHASE VISUAL COMPOSER: http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?s_phrase=wpbakery&s_rank=2&ref=Psmeg (This link is an affiliate link, which means that if you click on the link above, I'll receive a small commission) SUBSCRIBE https://www.youtube.com/channel/UCiTDv6q1XYwZnAm2EYN8wKw LETS CONNECT: https://twitter.com/WPTutz SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk -~-~~-~~~-~~-~- Speed Up Your Wordpress Website in 30 Seconds or Less!! https://www.youtube.com/watch?v=9pLbCFHzWyE -~-~~-~~~-~~-~-
Views: 20604 WPTuts
WordPress Animation Plugin - Editing Our Menu
 
05:51
http://wpwithtom.com/ Animation Generator Page: http://www.downloads.eleopard.in/class-generator-wordpress/ In this short tutorial video I show how to use this wordpress animation plugin within the menu to give it some cool effects. I realize that not everyone cares about having animation within their menu, and this plugin allows you to animate your website elements just about anywhere. If you've been looking for a free animation plugin this could be the one for you! -------------------------------------------------------------------------------------------------------- A2 Hosting - http://bit.ly/2sXcUpa - Use Coupon Code: wpwithtom at checkout for 53% off! How to Install WordPress on TMDHosting: https://youtu.be/5rfgE5d27e4 TMDHosting Signup: http://affiliate.tmdhosting.com/scripts/click.php?a_aid=57e0b7bfeffc4 You can use the coupon code WPWithTom to get 5% any package you order from here. This is by FAR my FAVORITE hosting company out there these days. How to Install Wordpress on Hostgator: https://youtu.be/xz9ZdesjSSA Hostgator Signup: http://partners.hostgator.com/c/266460/177309/3094 Please note that this is an affiliate link & coupon code. This is the only way I really earn any money from making these free tutorials on here. I truly really appreciate your support if you chose to use my affiliate code, which does in fact get you a better deal! Elementor: https://bit.ly/2Ct0I1U Awesome page builder WordPress plugin that I use on my own site! Elegant Themes Signup: http://bit.ly/2oN9BxN - 10% off! Awesome theme collection company that has the divi, extra, and other premium themes. I use this company for my own website now, and I have been a member for several years now. I highly recommend them! Tons of Courses: https://bit.ly/2MenP4P Amazon: https://amzn.to/2APafjM GetResponse: https://bit.ly/2Cvp1MG ConvertKit: https://bit.ly/2FH44lt Let's get social! https://twitter.com/wpwithtom https://www.facebook.com/wpwithtom1/ Subscribe to my Channel: https://wpwithtom.com/subscribe FTC Disclaimer: This page contains affiliate links. If you purchase a product through one of them, I will receive a commission (at no additional cost to you). I only endorse products that I have personally used. Thanks you for your support!
Views: 41096 WP With Tom
How to Display Your WordPress Posts in a Grid Layout
 
03:56
Most WordPress themes do not come with a grid layout display of your posts. Some users want to do this to change how their layout of posts look and this is one method. In this video, we will show you how to display your WordPress posts in a grid layout. Text version of this tutorial: http://www.wpbeginner.com/plugins/how-to-display-your-wordpress-posts-in-a-grid-layout/ 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 Post Grid plugin. Once activated go to Post Grid, New Post grid to begin creating your post grid. There are multiple sections that you can customize but we recommend starting with the Query Post tab. You can select the post type you want to to display, by default it will show posts. Under the layout tab you can select how the content will be displayed and tweak it further under layout settings. With that setup, you can use the shortcode to embed it on to the page you would like.
How to use body classes to custom style specific pages in WordPress
 
04:53
http://www.screenr.com/Qwz8
Views: 4727 Eric Hamm
Template Tags & Styling | Simple WordPress Theme Development
 
09:52
Full Course: http://practicalwp.teachable.com/p/become-a-wordpress-developer Learn how to use template tags to show categories and tags. We will also style some of the content.
Views: 124 Igor Benic
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/
Left & Right Style Image + Content Layouts in WordPress using Visual Composer
 
01:24
Video guide showing how to create a left/right style layout using images and content and keep them nicely organized for mobile devices. All using the Total WordPress theme and the Visual Composer plugin. Total Drag & Drop WordPress Theme https://themeforest.net/item/total-responsive-multipurpose-wordpress-theme/6339019?ref=WPExplorer WordPress Themes http://www.wpexplorer.com/wordpress-themes/ WordPress Plugins http://www.wpexplorer.com/premium-wordpress-plugins/ WPExplorer Blog http://www.wpexplorer.com/blog/
Create columns in posts and pages with WordPress and Page Builder by Siteorigin
 
05:57
Page Builder by Siteorigin Wordpress Tutorial Create columns in posts and pages in your Wordpress Website with the Page Builder Plugin Page Builder by Siteorigin: https://goo.gl/7Wq1rm In this video I show you how you can divide your text into two or more columns in Wordpress. This way you can create very flexible layouts in your Wordpress blog or webpage. You will require the plugin "Page Builder by Siteorigin" for that. But this plugin is totally free available in the Wordpress library. Create a Multi column Layout in Wordpress. Instead of text you can also add images to the different columns. Please let me know if you have any questions about this Tutorial and post them in the comments. If you liked this video, please subscribe to my Channel and like this video.
Views: 53542 Jonas Schindler
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: 37105 Gomahamaya
Introducing Copy Paste
 
02:15
We wanted to release one of the top most requested features, for free: Copy Style & Copy Paste. Copy Style will save you hours of work, allowing you to quickly copy any style from one element to another with a single click. Copy Paste Elements lets you copy widgets, columns and sections and paste it anywhere on the page. Copy Paste Between Pages takes it a step further, and bring the ability to take any style or element from one page, and paste it inside entirely different pages. For example, take a section from your homepage, and put it in your contact page. The possibilities are endless. Get all Copy Paste features for FREE: https://elementor.com Read more in our official release post: https://elementor.com/introducing-copy-paste/
How to Design a WordPress Single Post Template with Elementor
 
16:05
Grab your FREE 1 page PDF cheatsheet for this entire process! https://www.designbuildweb.co/elementor-single-post-template/ Step-by-step instructions on how to design and build a WordPress single post template with the Elementor page builder. # RESOURCES USED: - AnyWhere Elementor Pro: http://www.elementoraddons.com/anywhere-elementor-pro/ - Elementor: https://www.designbuildweb.co/recommends/elementor/ (aff. link) - Elementor Pro: https://www.designbuildweb.co/recommends/elementor-pro/ (aff. link) - GeneratePress: https://www.designbuildweb.co/recommends/generatepress/ (aff. link)
Add Mashable.com - Style Social Sharing Buttons (WordPress + Mashshare) - 2016
 
23:05
http://katrinah.com Want to increase traffic to your website? In this video learn how to add social sharing buttons (like Mashable.com) to your WordPress website. With Facebook, Twitter, and other social media sharing buttons, your visitors can easily share your content which helps increase traffic to your website. In this video, I'll be setting up, customizing *and debugging* the Mashshare social sharing plugin for WordPress. Bonus: Is your Facebook share button sharing your website and not your blog post? Learn how to fix that problem in this video as well. Want more features for your Mashshare plugin? Get extras here: http://katrinah.com/mashshare Enjoy! Katrina Let's stay connected: Twitter: http://twitter.com/katrinah Facebook: http://facebook.com/katrinahdotcom ========================================­============= **Click Below to SUBSCRIBE to more videos: youtube.com/subscription_center?add_user=77webstudio ========================================­=============
Views: 41030 katrinah
Oxygen's WordPress Menu Element: Styling, Responsive, Dropdowns
 
10:11
Subscribe for new tutorials and how-to vids ► https://oxygenbuilder.com/ytsubscribe JOIN THE OXYGEN FACEBOOK GROUP FOR HELP & SECRET INFO ► https://oxygenbuilder.com/facebook The Facebook group is the fastest way to get help with Oxygen. Talk with thousands of Oxygen users, designers, developers, and WordPress experts. It's also where to get sneak previews of what's coming to future version of Oxygen and download alpha/beta versions. Get the Oxygen visual site builder for WordPress ► https://oxygenbuilder.com/ Twitter ► https://twitter.com/RealOxygenApp Blog ► https://oxygenbuilder.com/blog
Views: 4450 Oxygen
Rank It WP - A Product Hunt Style Community Curation Theme for WordPress
 
00:50
Rank It WP is the fastest and simplest way to create a community curation site for content submission, ranking, and discussion in WordPress. Built on the excellent and popular WordPress platform, Rank It WP creates a site that makes it easy for thought leaders, subject matter experts, and others to submit and rank content right on your domain. Intuitive controls, fast, on-page interaction, and simple moderation tools make community building as simple and easy as possible.
Views: 4607 ProperWeb
Wordpress Featured Content
 
15:25
In this video tutorial I'll show you how to make a Wordpress Featured Content Plugin. The featured content plugin will however be designed so simply that anyone should be able to easily style it however they like. In this part of the tutorial I'll specifically cover the html and cascading style sheet code that is required. Code is Here: http://goo.gl/Fe9BY If you want to see a Facebook API Tutorial like the article while you are there :)
Views: 6912 Derek Banas
Wordpress not opening theme css style outside localhost
 
01:03
Wordpress not opening theme css style outside localhost - skip to content
Views: 948 Abumere Ejakhegbe
CSS Styling and formatting content in Posts and Pages in Wordpress
 
04:36
Shortcodes Ultimate is a free plugin with over 30 shortcodes ready to use in content area & Widget area. Just install and start using them! You can easily create tabs, buttons, boxes, different sliders, responsive videos, custom gallery and much more. Visit: http://www.xlwebdesign.com for more information
Views: 1012 XLWebDesign
WordPress: how to change the font (size / type / color) on your entire website
 
02:57
WordPress: how to change the font (size / type / color) on your entire site Full article: http://imstartpage.com/change-font-wordpress-font-type-size-color Find or convert hex colors: http://imstartpage.com/color-code-conversion-tool-rgb-hex-cmyk Follow me on other media: ►Website: http://www.guidoshowtos.com ►Facebook: https://www.facebook.com/guidoshowtos ►Twitter: https://twitter.com/guidoshowtos ►Google+: https://plus.google.com/+Guidoshowtos Full instructions: The method I'm going to show, will change the default font on your entire website. The default font on your site is specified by a file called a 'stylesheet'. The stylesheet is part of your current WordPress theme. So; to change your font, you'll have to edit your stylesheet. To find out exactly what to edit, you can use a feature in Google Chrome; right-click the font you want to change, and then click 'inspect element'. On the right side of the menu, you'll see exactly what parts of the stylesheet are being used to make your site look the way it looks. Here, scroll down until you find something that says 'font'. OK, this is the part that specifies what fonts are being used on your site. You can have a look at the entire stylesheet by clicking this link. To change the font in WordPress, we need to find this part of the stylesheet in the back-end of WordPress. Because your stylesheet contains hundreds of lines of code, an easy way to find it is to use Google Chrome's search feature. So, I'm going to copy this part of the code, and add it in the search bar later. To edit your stylesheet, go to your dashboard, then click 'Appearance', and then 'Editor'. By default, it'll open the stylesheet, so that's style.css. Now press Ctrl+F to bring up the search bar, a and paste the text you copied earlier. This will bring you to the exact code you need to edit. For 'Font size', change the number to make your font smaller or larger. To change the font type, edit the name of the font, for 'font-family'. The first one in the line is the one that's going to be used. For 'color', enter the color you want to use. These are specified in the hexadecimal format (hex). When you're done making changes, scroll down and click 'Update file'. And that's it! Go back to your site, and refresh the page to see the changes take effect. And it works; your site is now using a larger font, another font type, and another font color. --- Dutch article: http://websiteopzetten.com/lettertype-font-veranderen-wordpress-type-grootte-kleur/ Also read: http://websiteopzetten.com/webhosting/
Views: 47806 Guido's How-to's
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. ~~~~~~~~~~~~~~~~~~~~~
Create and style a widget area in WordPress
 
53:11
In this webinar, Carlos will show you how you can create a widget and style it in WordPress.
Views: 732 BindTuning
How to Create a Separate Page for Blog Posts in WordPress
 
04:19
WordPress displays your content in a blog format on the homepage normally but not all sites should be displayed that way. Some sites you want to display a welcome page or other custom content but can still find use for your posts. In this video we will show you how to create a separate page for blog posts in WordPress. You would want to start by creating two new pages on your site one to be the new home page and another to be the page where you list your blog posts. For the home page you will want to add whatever content to it that you want someone visiting your site to see first. For the posts page you will want to leave that blank for your posts to be added to the page. With the pages set up you will now go back to your admin area under Settings, Reading. From this page you can set your separate blog page by changing how your home page is displayed to a static page where you can set your home and posts page to the pages you want. Now that you have set your page for blog posts you will need to ensure there is a method to find your posts. Under Appearance, Menus you can add the pages to your menu and ensure to include them in your menu and the menu display checkbox is checked. With that you now have a separate page for your blog posts in WordPress. Text version of this tutorial http://www.wpbeginner.com/wp-tutorials/how-to-create-a-separate-page-for-blog-posts-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
Dreamweaver CC and Wordpress Tutorial #38 Styling plugin output
 
04:37
Video WordPress offers powerful content management for your website while Dreamweaver CC enables easy design and coding-a potent combination. In this course, you'll explore how to integrate WordPress into a Dreamweaver site, allowing you to edit and expand your code with Dreamweaver's native tools. Author Joseph Lowery shows how to take WordPress themes to the next level, using CSS customization and jQuery widgets. He also covers how to make your pages responsive to tablet and phone layouts, and develop category-driven layouts. Finally, you'll investigate how to extend WordPress with plugins, style them with Dreamweaver, and get your finished website online using Dreamweaver's publishing and testing tools. video, Setting Up WordPress, Exploring Your WordPress Site in Dreamweaver CC, Creating Content, Working with WordPress Themes, Customizing a Theme, Providing Responsive Design, Extending WordPress Editable Pages, Enhanced JavaScript with WordPress, Using WordPress Plugins, Extending the User Experience, WordPress Administration,Publishing Your WordPress , Site, dreamweaver tutorial, wordpress tutorial, wordpress tutorial Exercise files : https://www.dropbox.com/s/h7xepg700ep51tz/Ex_Files_DrmwvrCCWPCoreConcepts.zip?dl=0
How to Design the Archive Template in WordPress
 
03:13
The Archive Template in Elementor Theme Builder lets you create WordPress archive pages, including main blog pages, visually and without code. The content is created dynamically, using Elementor's Dynamic Content feature. Get Elementor Theme Builder: https://elementor.com/theme-builder/
How to create masonry style gallery in Elementor Page Builder for WordPress
 
07:16
I apologize about the spelling error of masonry in the video :D This video is to show you how to create masonry style gallery in elementor page builder for wordpress using images widget Required plugin for lightbox : https://wordpress.org/plugins/simple-lightbox/ Tags: WordPress , Elementor Tricks, Elementor Tutorial, Tutorial for Beginners
Views: 13083 Paste Media
Sydney WordPress Theme - Header Slider & Nav Menu
 
09:18
Watch the first Sydney setup guide here https://www.youtube.com/watch?v=WunY-MecLx4
Views: 50236 Greg Narayan
WordPress. How To Deal With "Style.Less.Cache" (Lessphp Fatal Error) Error
 
01:49
Our Support team is ready to present a new tutorial that will show you how to deal with style.less.cache (lessphp fatal error load error failed to find) error. Choose your WordPress template now: http://www.templatemonster.com/wordpress-themes.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts157 Want to Build WordPress Site in 5 Hours? Subscribe to this course: http://www.templatemonster.com/website-5-days.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts157 TOP WordPress Themes: https://www.youtube.com/playlist?list=PLhQIfRNfwAod3_axGXTI8ZmG_-ErUY75E More WordPress Video Tutorials: https://www.youtube.com/playlist?list=PLhQIfRNfwAofFQmAUoL0NO628UwllU3Bl Want to Build WordPress Site in 5 Hours? Subscribe to this course: http://www.templatemonster.com/website-5-days.php?utm_source=youtube&utm_medium=link&utm_campaign=wptuts157 Subscribe Our Channel: https://www.youtube.com/user/TemplateMonsterCo/ Follow us: Facebook https://www.facebook.com/TemplateMonster/ Twitter https://twitter.com/templatemonster Instagram @template_monster Pinterest https://www.pinterest.com/templatemonster/ Dribbble https://dribbble.com/TemplateMonster LinkedIn http://www.linkedin.com/company/templatemonster-com
Views: 2805 TemplateMonster
Super Style WordPress Plugin For Posts and Pages
 
07:21
http://CeleneLoves.me/superplugin Super Styles WordPress Plugin makes your blog posts and pages work harder for you! Create easy testimonial boxes, download and buy now buttons and tons of bullet list options. You gotta check this WordPress Plugin out!
Views: 1052 Celene Harrelson
html button edit style(CSS) for wordpress
 
02:03
html button edit style for wordpress
Views: 25 Masara Oshima
How to import demo content for free WordPress themes from ThemeGrill
 
05:02
NOTE: Please refer to this updated video for Demo Import https://youtu.be/cXxmpNIui9Y
Views: 101939 ThemeGrill
PSD to WordPress Tutorial #7 - Styling the Footer
 
05:35
SUBSCRIBE TO CHANNEL - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg?sub_confirmation=1 ========== JavaScript for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9i9Ae2D9Ee1RvylH38dKuET ========== CSS for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9gQeDH6xYhmO-db2mhoTSrT ========== HTML for Beginners Playlist ========== https://www.youtube.com/playlist?list=PL4cUxeGkcC9ibZ2TSBaGGNrgh4ZgYE6Cc ========== The Net Ninja ============ For more front-end development tutorials & to black-belt your coding skills, head over to - https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg or http://thenetninja.co.uk ========== Social Links ========== Twitter - @TheNetNinja - https://twitter.com/thenetninjauk
Views: 15207 The Net Ninja
Additional CSS Class Gutenberg WordPress Example - Heading Color
 
18:59
In WordPress Gutenberg post editor, you will see "Additional CSS Class" that you can use to style your blocks, in this example, I will show you how to use this to color your heading. Learn Gutenberg intensively to build a website: http://bit.ly/cssgutenberg If you want to learn how to code CSS, please visit: https://www.w3schools.com/css/ Other videos that are related to this video: 1. More detailed video on how to use Gutenberg (When it was in a preview version): https://www.youtube.com/watch?v=DfdEuOSkFJY The now-Gutenberg tutorial: http://bit.ly/cssgutenberg Twenty Seventeen video tutorials: 1. Using header video and what you should be aware of: https://www.youtube.com/watch?v=akmmukcAEE4 2.Creating 2017 child theme: https://www.youtube.com/watch?v=B2E8FYOAlrE 3. How to use Twenty Seventeen theme for your website: https://www.youtube.com/watch?v=Leu_VfSbmZM 4. Editing Footer copyright text in 2017 theme: https://www.youtube.com/watch?v=95cxeW8caX8 5. Show menu and sections with 2017 Theme: https://www.youtube.com/watch?v=otRHY5N-K3s 6. Using 2017 Theme with one-page parallax effect:https://www.youtube.com/watch?v=KIKeor-BM6E ======== Contents ======== 1:23 Add the Heading to your post 4:10 Add value to "Additional CSS Class" property 7:10 Adding the style to "Additional CSS" in WordPress customizer 14:55 Using "Custom HTML" block to stylize your Heading Thank you for watching, please like the video if it helps you, you can also find me on Facebook: https://www.facebook.com/WordPressTutorial.0/ Subscribe to the channel to receive updates: https://www.youtube.com/user/kimmimebaby?sub_confirmation=1
How to import demo content for free and premium WordPress themes from ThemeGrill
 
03:45
Step by step guide on importing demo content for free and premium WordPress themes from ThemeGrill In this video, we have used ColorMag Free version but if you are using any other themes from ThemeGrill you can follow the exact same steps outlined in the video and import demo content for those themes.
Views: 23457 ThemeGrill
How to customize WordPress theme (Styling)
 
05:02
Download Free Version https://wordpress.org/plugins/yellow-pencil-visual-theme-customizer/ The Plugin Website: https://yellowpencil.waspthemes.com/ Purchase on CodeCanyon: http://goo.gl/O2qx0D
WordPress Theme Development Tutorial - Underscores Starter Theme
 
49:51
In this video, I’m going to demonstrate WordPress Theme Development Tutorial with the Underscores Starter Theme. Table of Contents: 3:17 First Look at the Files https://youtu.be/LdTWGvP1k2Q?t=3m17s 3:48 Style.css File https://youtu.be/LdTWGvP1k2Q?t=3m48s 5:53 Index.php file https://youtu.be/LdTWGvP1k2Q?t=5m53s 7:38 The Loop https://youtu.be/LdTWGvP1k2Q?t=7m38s 12:28 Sidebar.php file https://youtu.be/LdTWGvP1k2Q?t=12m28s 13:12 Header.php file https://youtu.be/LdTWGvP1k2Q?t=13m12s 19:21 Footer.php file https://youtu.be/LdTWGvP1k2Q?t=19m21s 21:28 Content.php file https://youtu.be/LdTWGvP1k2Q?t=21m28s 22:30 Template-Tags.php file https://youtu.be/LdTWGvP1k2Q?t=22m30s 26:07 Comments.php file https://youtu.be/LdTWGvP1k2Q?t=26m07s 26:44 Developer Code Reference Website https://youtu.be/LdTWGvP1k2Q?t=26m44s 31:07 Functions.php file https://youtu.be/LdTWGvP1k2Q?t=31m07s 38:13 Page.php file https://youtu.be/LdTWGvP1k2Q?t=38m13s 38:47 Content-Page.php file https://youtu.be/LdTWGvP1k2Q?t=38m47s 39:27 404.php file https://youtu.be/LdTWGvP1k2Q?t=39m27s 39:56 Archive.php file https://youtu.be/LdTWGvP1k2Q?t=39m56s 40:27 Search.php file https://youtu.be/LdTWGvP1k2Q?t=40m27s 40:44 Content-Search.php file https://youtu.be/LdTWGvP1k2Q?t=40m44s 42:30 Custom-Header.php file https://youtu.be/LdTWGvP1k2Q?t=42m30s 44:00 Extras.php file https://youtu.be/LdTWGvP1k2Q?t=40m00s 46:25 Theme Handbook https://youtu.be/LdTWGvP1k2Q?t=46m25s I chose to demonstrate this using the Underscores Starter Theme for WordPress because it’s actively maintained and will be kept up to date which means you won’t be learning outdated code. This video is meant for people new to WordPress Theme Development. I will walk you through the various files, folders and give you a general sense of what the code is doing. You will need a few tools and resources to help you along the way. https://www.mamp.info/en/ http://www.wampserver.com/en/ https://atom.io/ http://underscores.me/ https://developer.wordpress.org/reference/ https://developer.wordpress.org/themes/ Developing your first WordPress theme can be a task that can take months just to get started. That’s why I created this video that will give you a tremendous head start by introducing you to a starter theme developed by the WordPress Team from Automattic. The Underscores Starter theme provides you with the base files, folders and code you need to get started. It is also actively maintained and free to use on your projects. These are a few of what the Underscores Theme provides you to get you started with WordPress Theme Development. A just right amount of lean, well-commented, modern, HTML5 templates . A helpful 404 template. An optional sample custom header implementation in inc/custom-header.php Custom template tags in inc/template-tags.php that keep your templates clean and neat and prevent code duplication Some small tweaks in inc/extras.php that can improve your theming experience. A script at js/navigation.js that makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. 2 sample CSS layouts in layouts/: A sidebar on the right side of your content and a sidebar on the left side of your content. Smartly organized starter CSS in style.css that will help you to quickly get your design off the ground. The GPL license in license.txt. Use it to make something cool. If you want to keep it simple, head over to http://underscores.me and generate your _s based theme from there. You just input the name of the theme you want to create, click the "Generate" button, and you get your ready-to-awesomize starter theme. Domain Name & Hosting http://shop.pixemweb.com Premium WordPress Theme https://www.pixemweb.com/evo-pro-wordpress-theme/ $99 off Realtors IDX Setup Fee https://signup.idxbroker.com/d/PixemWeb Don't forget to Subscribe and follow us @ https://www.patreon.com/pixemweb http://www.youtube.com/c/Pixemweb?sub_confirmation=1 https://www.pixemweb.com/ https://plus.google.com/+Pixemweb/ https://twitter.com/PixemWebDesign https://www.facebook.com/pixemweb https://www.linkedin.com/in/pixemweb https://instagram.com/pixemweb/ https://www.quora.com/profile/Joel-Rivera-2
Views: 23895 PixemWeb
TUTORIAL ON WORDPRESS PLUGIN TABLEPRESS STYLING THE CSS
 
21:53
ADVANCED STEP BY STEP TUTORIAL HERE https://a1websitepro.com/tablepress-plugin-tutorial-wordpress-style-css/ #tutorials #wordpress #tablepress #css #stylesheet This tutorial will walk you through editing your css stylesheet to style the TablePress plugin to have the look and feel that you want it to have. If you need assistance or would like me to walk you through the changes you can book an appointment here https://a1websitepro.com/product/appointment-with-max-online-or-offline/ This tutorial is brought to you by https://a1websitepro.com Feel free to visit the website for more WordPress tutorials.
Views: 27934 Maximus McCullough
How To Import Posts & Pages From One WordPress Website To Another
 
04:01
Learn how to import posts and pages from one WordPress website to another. Blog post: https://www.elegantthemes.com/blog/tips-tricks/import-export-wordpress-website Like us on Facebook: https://www.facebook.com/elegantthemes/ Migrating content to another website is a dilemma that many WordPress users face at one time in their life. The act of copying specific posts and pages over to a new website involves copying table rows from one database to another. Doing this directly using a database management tool such as PHPMyAdmin requires knowledge of MySQL and a good understanding of how databases operate. Thankfully, a more practical solution exists.
Views: 25211 Elegant Themes
How to edit the REVOLUTION SLIDER in Wordpress
 
04:56
The Revolution Slider is a commonly used plugin that allows users to add an image slider to a Wordpress website. In this Tutorial, we show you how to make simple edits to an existing slider in Wordpress. You'll be able to edit the background image, text, and button in this video. For more information, please contact us at https://sacredfirecreative.com. #sacredfirecreative For additional resources, see: How to edit the REVOLUTION SLIDER in Wordpress - YouTube Video for how to edit the revolution slider in wordpress▶ 4:56 https://www.youtube.com/watch?v=ai3lAZ-DJTQ May 23, 2016 - Uploaded by Sacred Fire Creative make the changes and then you can always scroll down. and go back to slider revolution and go back into the ... Revolution Slider - Changing Pictures, Text - YouTube Video for how to edit the revolution slider in wordpress▶ 5:37 https://www.youtube.com/watch?v=LDqbxEghW94 Mar 31, 2014 - Uploaded by mgtd1138 Revolution Slider - Changing Pictures, Text. mgtd1138 ... Slider Revolution 5 for WordPress - How To create ... Updating Image in Revolution Slider - Web Design with WordPress https://www.jezweb.info/updating-image-in-revolution-slider/ This tutorial will guide you how to quickly edit/update your slide(s) in Revolution Slider. From the slides list, look for the specific image that you would like to change or update, then click on Edit Slide. Under Slider Main Image / Background, select Image BG then click on Change Image button. Revolution Slider WordPress Plugin Review & How To Guide ... www.wpexplorer.com › Blog › WordPress Plugins Rating: 5 - ‎Review by Kyla A review of the Revolution Slider WordPress Plugin, plus a step by step how to ... Under Layers Timing & Sorting you can edit the delay for when your layer will ... Slider Revolution WordPress 5.x Documentation - ThemePunch https://www.themepunch.com/revslider-doc/slider-revolution-documentation/ Slider Revolution WordPress 5.x Documentation ... Quick-task context menu for easier Layer editing ... Add a slider with the Layers WordPress site builder WordPress Swipe Slider – Slider Revolution WordPress Plugin ... https://revolution.themepunch.com/wordpress-swipe-slider/ Slider Revolution is an innovative, responsive WordPress Slider Plugin that displays ... the visual, drag & drop editor will let you tell your own stories in no time! How to update Slider Revolution - ThemePunch https://www.themepunch.com/faq/how-to-update-the-slider/ Oct 10, 2013 - This article will cover how you can update the Slider Revolution plugin. ... the plugin, as that would also delete your previously built sliders. Change an Image from a Slider Template - ThemePunch https://www.themepunch.com/faq/change-image-template/ Aug 26, 2016 - Content for some templates is located inside the Static Layers slide, ... 3. Change the slide's main background image ... Slider Revolution WP. How to use Revolution Slider in WordPress - San Antonio Web Design ... https://webtegrity.com/our-blog/plugins/how-to-use-revolution-slider-in-wordpress/ http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380 .... Clicking on the blue button [Edit Slides] takes you into Edit Slides: Home. Guide to Revolution Slider : VamTam Help Desk https://support.vamtam.com/support/solutions/.../200734-guide-to-revolution-slider Aug 22, 2016 - Please note that the Revolution Slider is a plugin and have its own ... Click on the "edit" icon of the Revolution Slider element and chose a slider ...
Views: 41964 Sacred Fire Creative
How to Design & Customize Blog Posts in WordPress Using Elementor
 
11:27
This is a feature available on Elementor Pro: https://elementor.com/pro ​ With the Posts widget, you can display a list of any custom post types in various layouts and ways. This is a very practical widget that can be used to display recent posts, featured and popular custom post types and more.
How to Add a Facebook Style Timeline in WordPress
 
01:26
Do you like the Facebook timeline design? Some users want to add that design on their site without changing themes. In this video, we will show you how to add a Facebook style timeline 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-add-a-facebook-style-timeline-in-wordpress/ 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 Timeline Ultimate plugin. Then go to Timeline Ultimate to configure. Create a new timeline, add a title and there will be three tabs for options. Finally adjust the content settings and how you want content to look on the site. Now you will be able to copy the shortcode and paste it on the page you want. Related Links: Timeline Ultimate http://wordpress.org/plugins/timeline-ultimate/ Timelines Shown: https://www.groovehq.com/blog#timeline http://neilpatel.com/blog/
WordPress Grid Plugin - Content Views
 
01:24
Easy to display WordPress posts, pages in amazing grid and list layouts without coding. Get Content Views FREE here: https://wordpress.org/plugins/content-views-query-and-display-post-page/
Views: 99857 CV SOFT
How to Add Custom Styles to WordPress Visual Editor
 
01:02
The WordPress visual editor comes with basic formatting options. Sometimes you may need custom styles of your own to add css buttons, content blocks, taglines, ect. In this video, we will show you how to add custom styles to the WordPress visual editor. 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/wp-tutorials/how-to-add-custom-styles-to-wordpress-visual-editor/ 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 TinyMCE Advanced Professional Formats and Styles plugin. Then go to Settings, TinyMCE prof. Styles to configure the plugin. You want to pick the directory to create the stylesheet it will use. It will then allow you to create a new style option, you can create things like buttons and fill out the information for it. Once finished save the settings and when you create a new post click on the format drop down to add the style you created. Related Links: TinyMCE Advanced Professional Formats and Styles http://wordpress.org/plugins/tinymce-and-tinymce-advanced-professsional-formats-and-styles/
How to Create a WordPress Child Theme
 
05:48
Are you looking to create a child theme in WordPress? Not sure how to create a WordPress child theme? Child themes make it easy for you to make WordPress customization without losing any changes on theme updates. In this video, we will show you how to create a child theme 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/wp-themes/how-to-create-a-wordpress-child-theme-video/ Follow us on Twitter: http://twitter.com/wpbeginner Checkout our website for more WordPress Tutorials http://www.wpbeginner.com/ Summary of this Tutorial: Child themes are the best way to customize your WordPress site because it allows you to update your theme without losing any customization. To follow this tutorial, you must have a basic understanding of HTML / CSS and have a working knowledge of PHP and how it relates to WordPress. To get started, you must create a new folder in your /wp-content/themes/ directory. Next you need to upload a new style.css file with the appropriate header information which is linked above. The important thing is that you must specify template: parenttheme and import your parent theme's style.css file. Once done, simply activate your new child theme and start customizing. You can use Chrome's Inspect Element tool to identify specific elements that you want to change and add changes in your style.css file. Next, you can also add a new functions.php file to add custom functionality to your theme. Related: Pros and Cons of Child Themes - http://www.wpbeginner.com/beginners-guide/wordpress-child-theme-pros-cons/ Common WordPress Errors - http://www.wpbeginner.com/beginners-guide/14-most-common-wordpress-errors-and-how-to-fix-them/