Website Development by WordPress

WordPress Training in Dubai course overview

WordPress is a free and open-source content management system written in PHP and paired with a MySQL or MariaDB database. Features include a plugin architecture and a template system, referred to within WordPress as Themes. Infinite combinations, infinite possibility.
Thousands of easy-to-install add-ons mean you’ll never outgrow your website.
With the help of WordPress Training in Dubai Collect leads, create contact forms, create subscriptions, automatically backup your site, and a whole lot more. No matter what you want to do, there’s a plugin for that.
Ecommerce
Turn your site into a store.
Showcase your products and services. Accept one-time or recurring payments. And do it all globally. Whether you’re selling studded cat collars or ongoing access to your content, do it with a completely customizable eCommerce platform that lets you open shop and grow your store alongside your business.

CHAPTER 1: GETTING STARTED AS A WORDPRESS THEME DESIGNER 7

• Overview of WordPress perks 8
• Does a WordPress site have to be a blog? 8
• Pick a theme or design of your own 9
• Drawbacks of using an off-the-shelf theme 9
• What about premium themes and frameworks? 9
• What exactly is a premium theme 10
• What is a framework theme 10
• Core technology you should understand 12
• WordPress 12
• CSS 13
• HTML 13
• PHP 13
• Other helpful technologies 14
• Tools of the trade 14
• HTML Editor 14
• Graphics editor 15
• Web browser 15
• Basics of a WordPress theme 16
• The template hierarchy 17
• The Loop 17
• Template tags and API hooks 17
• Our development strategies 18
• Fonts and typefaces 18
• A CSS strategy – font sizing with ems 19
• Table of Contents
• A CSS strategy – working with a CSS framework 20
• Blueprint 21
• Layoutcore 21
• Setting up your WordPress sandbox 23
• Using WAMP 24
• Using MAMP 24
• Choosing a hosting provider 24
• Rolling out WordPress 25
• Summary 25

CHAPTER 2: PREPARING A DESIGN FOR OUR WORDPRESS THEME 27

• Getting ready to design 28
• Designing in the browser 28
• Starting our design 29
• Planning and sketching our design 31
• Time for action – planning our design 31
• Creating your design – from the sketch to the screen 32
• Time for action – creating our static HTML file 32
• The semantic body 32
• Time for action – adding in basic HTML structure 33
• Time for action – adding in the semantic structure 33
• Attaching our CSS stylesheet 36
• Time for action – creating and including a CSS shell into your index.php page 36
• Prepping for responsiveness – viewport and apple-mobile meta tags 36
• Time for action – adding in the viewport and apple-mobile meta tags 37
• Adding in content 37
• Starting with the text 38
• Time for action – adding sample text to our semantic sections 38
• Styling our fonts 41
• Styling font families 41
• Time for Action – assigning your font families 41
• Styling font sizes 42
• Time for action – sizing your fonts 43
• Time for action – handling search engine bots/screen reader text 45
• Setting up our layout with CSS 46
• Time for action – referencing our layout core to set up our positions 47
• Time for Action: Adding our media queries 48
• Setting up the desktop view 49
• Time for action – standard settings 49
• Time for action – checking in on larger desktops 51
• Time for action – making sure smaller screens are handled 51
• Setting up the tablet view 52
• Table of Contents
• Time for action – adjusting the standard layout for tablets 53
• Setting up the small screen view 54
• Time for action – setting up our small screen layout 55
• Adding design treatments 57
• Time for action – setting up our graphic treatments in the stylesheet 57
• Adding graphics and background images 60
• Setting up our background images in our stylesheet 61
• Time for action – adding background images to our design 61
• Time for action – adding background image styling to the media queries 63
• Don’t forget the favicon and touch icon 67
• Adding a favicon 67
• Time for action – adding the favicon you just created 67
• Touch icons 68
• Time for action – adding a touch icon 69
• Summary 70

CHAPTER 3: CODING IT UP 71

• WordPress theme basics 71
• The Template hierarchy 72
• Why the Template hierarchy works the way it does 76
• The WordPress theme API 76
• Setting up your WordPress workflow 78
• Building your WordPress theme template files 79
• Starting with a blank slate 79
• Creating a new theme directory 79
• Time for action – setting up our theme directory 80
• Including WordPress content 82
• Time for action – getting your CSS styles to show up 83
• Understanding WordPress template tags and hooks 84
• Looping it! – The WordPress Loop 86
• The Loop in a nutshell – how it works 86
• Time for action – creating a basic Loop 87
• Time for action – adding content 90
• Time for action – adding metadata, the timestamp, and author template tags 91
• Keeping up-to-date with WordPress 93
• Adding to the Loop 93
• Time for action – displaying the number of comments 93
• Time for action – adding in autogenerated classes 95
• One last look – our full loop 97
• Breaking the code up into template files 98
• Including everyone 98
• Creating a header file 98
• Table of Contents
• Time for action – creating the PHP file 99
• Separating out our sidebar 101
• Time for action – creating the PHP file 101
• Finishing off with the footer 102
• Time for action – creating the PHP template file 103
• Time for action – don’t forget the plugin hooks 104
• Creating a template file for static pages 105
• Time for action – creating a custom PHP template file 106
• Summary 108

CHAPTER 4: ADVANCED THEME FEATURES 109

• Site settings 110
• Time for action – configuring your site settings 110
• Time for action – adding the site title and description to your theme 111
• Pretty permalinks 112
• Time for action – setting up pretty permalinks 113
• Permalinks – a quick guide 115
• Menus 115
• Registering navigation menus 116
• Time for action – registering a navigation menu 116
• Time for action – adding menus to our theme’s PHP file 117
• Setting up our menu 119
• Defining our Reading settings 119
• Time for action – defining Reading settings 119
• Creating a menu 120
• Time for action – creating a new WordPress menu 121
• Adding pages and other content to our menu 122
• Time for action – adding pages to a menu 122
• Time for action – adding a custom link to the menu 123
• Time for action – adding a category link to the menu 124
• The WordPress Menus admin – the possibilities 126
• Widgets 128
• Registering sidebars or widget areas 129
• Time for action – registering sidebars in PHP 130
• Time for action – adding widget areas to PHP 132
• Time for action –adding widget areas to PHP 134
• Widget areas – not just for the sidebar and footer 135
• Adding widgets in the Widgets admin screen 136
• What widgets will we need 136
• Time for action – adding sidebar widgets 137
• Time for action – adding footer widgets 138
• Featured images 142
• Table of Contents
• Time for action – adding featured images to our theme 142
• Time for action – adding featured images to the site 143
• Time for action – displaying featured images differently in different template files 148
• Parent and child themes 150
• Summary 153

CHAPTER 5: DEBUGGING AND VALIDATION 155

• Debugging and validation workflow 155
• Browser tools for debugging 156
• Firefox 156
• The Web Developer toolbar 156
• Firebug 157
• Google Chrome 158Safari 159
• Validation 159
• Validating HTML 160
• Time for action – validating your HTML 160
• Time for action – finding and fixing errors 162
• Time for action – fixing our code 163
• Validating CSS 164
• Time for action – using the W3C’s CSS validator 164
• Testing on multiple browsers and platforms 166
• Which browsers to support 166
• Approaches to browser support 166
• Graceful degradation 166
• Progressive enhancement 167
• Troubleshooting basics 167
• PHP template tags 168
• CSS quick fixes 169
• Fixing CSS across browsers 169
• Common browser problems 169
• Adding an IE-specific stylesheet 171
• Time for action – setting up an alternative IE stylesheet 171
• Checking your work in Internet Explorer 172
• Time for action – testing our theme with BrowserLab 172
• Testing on mobile devices 174
• Summary 174

CHAPTER 6: YOUR THEME IN ACTION 175

• The WordPress Theme Review guidelines 175
• The theme preview screenshot 176
• Time for action – snagging a thumbnail of your theme 177
• Table of Contents
• Packaging your theme up 178
• Tidying up your theme 178
• Time for action – tidying up your theme 178
• Describing your theme in the stylesheet 179
• Time for action – describing your theme 179
• Your theme’s license 180
• Time for action – adding license information to our theme 180
• Zipping up your theme 181
• Time for action – zipping up your theme 181
• One last test 182
• Time for action – testing the theme 182
• Summary 185

CHAPTER 7: TIPS AND TRICKS 187

• Adding more template files to your theme 187
• A PHP file for search results 188
• Time for action – creating a PHP template file 190
• Creating a custom page template 194
• Time for action – creating a custom page template 195
• Time for action – assigning a custom page template to a page on our site 196
• Working with conditional tags 198
• Conditional tags’ syntax 198
• Incorporating conditional tags in our theme 199
• Using conditional tags to hide the home page’s title 200
• Time for action – using CSS to hide our home page’s title 201
• Time for action – using a conditional tag to hide our home page’s title 204
• The Theme Customizer 206
• Time for action – adding the Theme Customizer to our theme 208
• Time for action – adding some more options to the Theme Customizer 210
• Time for action – ensuring Theme Customizer changes are carried
• through to the CSS 212
• Theme Customizer – the possibilities 214
• Search engine optimization 214
• SEO checklist 215
• Clean, valid, standards-compliant code 215
• Semantic HTML5 215
• Making your theme run faster 216
• Search-engine optimized permalinks 217
• Optimizing images and links with alt and title attributes 217
• Table of Contents
• Time for action – optimizing a logo for SEO 218
• Using optimized meta tags – page titles and descriptions 219
• Time for action – optimizing our theme’s page meta tags 220
• Summary 223

WHY CHOOSE ELEGANT?

• Elegant Professional and Management Development is a leading training center in Dubai, U.A.E. Approved by KHDA, we are specialized in the affordable and effective face-to-face training programs in a variety of courses in
• Engineering & IT, Finance, Banking & Financial Services, Sales & Marketing, and HR &
• One-to-One Training and planning suiting to individual convenience
• Course materials and hand-outs with the latest techniques
• Training in small batches for personalized attention and corporate training
• Demo lectures, Case studies with simulations, Interaction, and group discussions
• Well-designed teaching system and sophisticated lab with high-end systems
• Evaluation and assessment on an ongoing basis
• Exam questions from previous papers and mock tests & revisions
• Training by Qualified professionals and Subject Master Experts
• Classes on weekends and negotiable fees