Building a good quality WordPress theme
•
1 like•451 views
To build a good quality WordPress theme, one must set up the proper development environment including plugins for debugging. The theme code should include key elements like doctype declarations, language attributes, and calling functions like wp_title() and wp_head(). It's important to properly enqueue scripts and styles, register menus and sidebars, validate data for security, and support translations. Themes should also meet accessibility standards regarding headings, ARIA roles, links, controls, and more. Resources for assistance include documentation and Slack support channels.
Recommended
More Related Content
What's hot
What's hot (16)
Viewers also liked
Viewers also liked (16)
Similar to Building a good quality WordPress theme
Similar to Building a good quality WordPress theme (20)
Recently uploaded
Recently uploaded (20)
Building a good quality WordPress theme
- 1. How to Build a Good Quality WordPress theme? Nisha Singh Twitter: @iNisa
- 2. What is Good Quality WordPress theme?
- 3. Setting Up a Development Environment Plugins: ● Debug menu bar ● Log Deprecated Notices ● Monster Widget Data: ● Theme Unit Test Data wp-config.php ● define( 'WP_DEBUG', true )
- 4. ● Doctype <!DOCTYPE html> ● Language Attribute <html <?php language_attributes(); ?>> ● Bloginfo function <meta charset="<?php bloginfo( 'charset' ); ?>"> ● Theme Supports <?php add_theme_support( $feature, $arguments ); ?> ● Enqueue Scripts and Styles wp_enqueue_script (), wp_enqueue_style () Basics
- 5. ● wp_title() <?php wp_title(); ?> ● wp_head() ● wp_footer() ● body_class() <body <?php body_class( $class ); ?>> ● wp_nav_menu <?php wp_nav_menu( $args ); ?> ● register_nav_menu <?php register_nav_menus( array( $location => $description ) ); ?> ● get_template_directory_uri() ● get_stylesheet_directory_uri() ● register_sidebar() ● paginate_comments_links() ● wp_list_comments <?php wp_list_comments( $args, $comments ); ?> ● posts_nav_link() <?php posts_nav_link( $sep, $prelabel, $nextlabel ); ?> Functions You Must Use
- 6. Security ● Data Validation: esc_attr() & esc_textarea() ● Theme slug Prefix Multilingual ● .MO languages file ● load_theme_textdomain() <?php load_theme_textdomain( $domain, $path ) ?> ● Example add_action('after_setup_theme', 'my_theme_setup'); function my_theme_setup() { load_theme_textdomain('my_theme', get_template_directory() . '/languages'); }
- 7. Options and Settings ● customize_register, WP_Customize_Manager , WP_Customize_Control
- 8. Accessibility ● Headings ● ARIA Landmark Roles ● Link Text ● Controls ● Keyboard Navigation ● Contrasts ● Skip Links ● Forms ● Images ● Media Resources http://heydonworks.com/practical_aria_examples/ https://github.com/wpaccessibility/a11ythemepatterns
- 9. Just to Recap ● Right tools in development environment ● Using Various Functions Provided by WordPress to do common things ● Make Your Themes Accessible ● Help on https://wordpress.slack.com
- 10. Thank You Email: nisha@amiworks.com Twitter: @iNisa