Quality Seal Emagister EMAGISTER CUM LAUDE

Scratch-Building WordPress Themes with Photoshop

simplilearn
Online

Price on request
You can also call the Study Centre
81510... More

Important information

  • Course
  • Online
Description

Simplilearn is the World’s Largest Certification Training Provider, with over 400,000+ professionals trained globally
Trusted by the Fortune 500 companies as their learning provider for career growth and training
2000+ certified and experienced trainers conduct trainings for various courses across the globe
All our Courses are designed and developed under a tried and tested Unique Learning Framework that is proven to deliver 98.6% pass rate in first attempt.

Important information

Opinions

There are no opinions on this course yet

Course programme

Course Preview
  • Scratch-Building WordPress Themes with Photoshop
    • Chapter 1 - Introduction
      • 1.1 Installing Scratching WordPress Themes
      • 1.2 Understanding WordPress And WordPress Themes
      • 1.3 The Workflow Process
      • 1.4 Viewing The Finished Site
    • Chapter 2 - Setting Up Photoshop For Web Layout
      • 2.1 Setting Up Photoshop
      • 2.2 Arranging The Workspace
      • 2.3 Setting Panel Options
      • 2.4 Customizing Menus And Keyboard Shortcuts
      • 2.5 Saving Photoshops Workspace
      • 2.6 Photoshop Color Management For Web Design
      • 2.7 Common Photoshop Productivity Techniques
      • 2.8 A Few Final Photoshop Settings
    • Chapter 3 - Getting Set Up For User Interface Design
      • 3.1 Understanding Monitor Resolution
      • 3.2 Fixed Versus Flexible Web Layouts
      • 3.3 Introducing The 960 Grid System
      • 3.4 Available Column Widths In The 960 Grid System
      • 3.5 Building A Custom Grid System (Free Lesson)
      • 3.6 Using Photoshops Grid For Layout
      • 3.7 Understanding The Golden Ratio
      • 3.8 The Main Areas Of A WordPress Blog
      • 3.9 Roughing Out The Design
    • Chapter 4 - Developing A Wireframe UI In Photoshop
      • 4.1 Buildg A Wireframe Layout Using Photoshop
      • 4.2 Creating The First Wireframe Object
      • 4.3 Continuing To Wireframe Objects
      • 4.4 Deleting Wireframe Objects
      • 4.5 Faster Methods For Creating Wireframe Objects
      • 4.6 Building Up The Wireframe
      • 4.7 Adding In Horizontal Rules
      • 4.8 Wireframing Additional Objects, Plus Some Extra Techniques
      • 4.9 Continuing The Wireframe Development
      • 4.10 Placing Objects For Loop Post Thumbnails
      • 4.11 Roughing In A Photo Gallery
    • Chapter 5 - Finishing Up The Wireframe
      • 5.1 Wireframing The Text
      • 5.2 Creating More Wireframe Text
      • 5.3 Adding In Additional Text Objects
      • 5.4 Finishing Up The Text Wireframing
      • 5.5 Getting The Layers Panel Organized
      • 5.6 Additional Layer Group Techniques
      • 5.7 Adding Text Labels To The Wireframe
      • 5.8 Exporting The Wireframe For Review
    • Chapter 6 - From Wireframe To Design
      • 6.1 Applying Design To The Wireframe
      • 6.2 Determining The Designs Message
      • 6.3 Choosing A Typeface Hierarchy
      • 6.4 Choosing Colour Combinations
      • 6.5 Saving Out Custom Photoshop Color Palettes (Free Lesson)
      • 6.6 Sourcing Photography And Textures
      • 6.7 Creating The Site Logo (And Using Smart Objects)
      • 6.8 Introducing Layer Style Special Effects
      • 6.9 Finishing Up The Header
      • 6.10 Building The Menu
      • 6.11 Developing The Slideshow And Body Background
      • 6.12 Formatting The New Additions Area
      • 6.13 Blog Loop Formatting
      • 6.14 Developing The Sidebar
      • 6.15 Finishing Up With The Footer And Saving Out Custom Styles
    • Chapter 7 - Applying Photography And Textures
      • 7.1 Applying Texture To The Header
      • 7.2 Including Additional Textures
      • 7.3 Adding A Photo To The Slideshow
      • 7.4 Inserting Photography For The New Additions Area
      • 7.5 Adding Post Thumbnails In The Loop
      • 7.6 Inserting Thumbnails In The Photo Gallery
    • Chapter 8 - Preparing A Blank WordPress Theme For Design
      • 8.1 Tools Of The Trade
      • 8.2 Understanding Template Hierarchy
      • 8.3 A Look At Geoffs Setup
      • 8.4 Applying A Blank WordPress Theme
      • 8.5 Reviewing And Adjusting The Style Sheets
      • 8.6 Creating The First Div And CSS Rule
      • 8.7 Roughing In The Layout
      • 8.8 Further Roughing In The Layout
      • 8.9 Adding The Photoshop Colour Palette To The Themes Style Sheet
      • 8.10 Creating Our Sites Page Structure And Main Navigation Menu
      • 8.11 Creating Sample Posts For The Loop
    • Chapter 9 - Building The WordPress Theme From Complete Scratch
      • 9.1 Extracting The Header Texture From The Layout
      • 9.2 Inserting The Header Graphic Into The Theme
      • 9.3 Extracting The Logo From Photoshop And Inserting It Into The Theme
      • 9.4 Rebuilding The Navigation Menu Using CSS
      • 9.5 Building Up The Main Content Area
      • 9.6 Roughing In The Inner Containers
      • 9.7 Inserting The Positioning Statement
      • 9.8 Creating Button Formatting With CSS
      • 9.9 Building And Formatting The New Additions Area - Part 1
      • 9.10 Building And Formatting The New Additions Area - Part 2
      • 9.11 Font Replacement With Google Fonts API
      • 9.12 Consolidating Font Usage And Organizing Typography
      • 9.13 One Giant Leap For Theme Design
      • 9.14 Formatting The Loop
      • 9.15 Adding Post Thumbnails To The Loop
      • 9.16 Getting The Sidebar Started
    • Chapter 10 - Pushing The Theme Design Further
      • 10.1 Footer Development
      • 10.2 Formatting Hyperlinks
      • 10.3 Limiting The Number Of Posts Appearing On The Home Page
      • 10.4 Inserting Custom Loop Pagination
      • 10.5 Inserting The Slideshow
      • 10.6 A Better Way For Building WordPress Menus
      • 10.7 Building And Formatting WordPress Subpages
      • 10.8 Applying Formatting To Post Pages
      • 10.9 Completely Customizing The Comments Area
      • 10.10 Adding A Ribbon Graphic To The Comment Area
      • 10.11 Customizing Category And Search Results Pages (Free Lesson)
      • 10.12 Adding A Search Field To The Header
      • 10.13 Building A Lightbox Photo Gallery
      • 10.14 Finishing Touches
      • 10.15 Addressing Browser Compatibility Issues
    • Chapter 11 - Wrapping Things Up
      • 11.1 Final Site Checklist
      • 11.2 Thanks For Watching That Was Fun

Additional information

  • What is the course all about?

    The training gives an introduction on Photoshop, setup options and settings to optimize the tool for web design. Following this, the course covers building and using several grid systems, the workflow process, wireframing and UI design.