Learn how to mod themes the right way. Using child themes you won’t loose your edits when there’s a theme update. (101) We’ll go over the advantages and how to set up a child theme. (102) Plus we’ll cover some tricks to make the process a bit easier.
WP Joburg Meetup 10: Genesis Framework by Trish CorneliusWPJoburg
The last WP Joburg meetup for 2015 happened on 16 December with the usual pizza (sponsored by Code Cabin) and coffee (sponsored by PayFast).
Trish Cornelius spoke about the Genesis Framework and why she uses it.
Intro to WordPress Child Themes (NERDS Sept 2014)Kelly Dwan
So you've been playing around with WordPress. You feel like you've really gotten the hang it. However, you're starting to run into limitations with how much you can customize your site. The next step toward creating an entirely custom WordPress site is to create a child theme. A child theme is a theme which is based on another theme (the "parent theme"), and can override and/or add to the look and functionality of the parent theme.
This session is for: people who have made an HTML/CSS website, used WordPress, and run into customization limitations
WP Joburg Meetup 10: Genesis Framework by Trish CorneliusWPJoburg
The last WP Joburg meetup for 2015 happened on 16 December with the usual pizza (sponsored by Code Cabin) and coffee (sponsored by PayFast).
Trish Cornelius spoke about the Genesis Framework and why she uses it.
Intro to WordPress Child Themes (NERDS Sept 2014)Kelly Dwan
So you've been playing around with WordPress. You feel like you've really gotten the hang it. However, you're starting to run into limitations with how much you can customize your site. The next step toward creating an entirely custom WordPress site is to create a child theme. A child theme is a theme which is based on another theme (the "parent theme"), and can override and/or add to the look and functionality of the parent theme.
This session is for: people who have made an HTML/CSS website, used WordPress, and run into customization limitations
I talk about what a child theme is in wordpress and what are its use, when is it best to use Child theme and how you can be a good person using child theme and choosing the right parent theme for your project.
What Is WordPress and Why Is Everyone Talking About It?BobWP.com
This workshop is perfect if you are a beginner or still on the fence. We'll look at the major issues you should consider before diving into the WordPress waters.
WordPress Themes - Finding and Choosing what is Best for you.AndyStaple
Learn some of the important items to think about when looking for a WordPress theme. From Design Style, Content Type, and learning what elements of a theme are adjustable.
When it comes to hosting platforms we can confidently say that cPanel is the industry standard. Being in use since 1997, cPanel today is known as the most trustworthy, easy-to-understand and easy-to-use panel. cPanel is also the preferred platform for managing WordPress websites.
[callout] You need more than WordPress to manage a WordPress website. [/callout]
Websites need domain names, hosting, SSL certificates, databases and e-mails. Thankfully, cPanel lets you manage all of that. In our GoDaddy Guide to cPanel + WordPress e-book, we start off by looking at what you can find where in cPanel.
A beginners guide to choosing a WordPress theme. Learn about factors that matter in choosing a theme. Get recommendations for different themes for different purposes taking into account your skills and background.
This presentation was used on a five half-day course on basic web design. The goal of this workshop is to enable participants to create their own Wordpress site by the end of the course. The agenda adjust according to the pace of the participants.
Presentation by Dana Skallman at WordCamp New York City 2012. Using CiviCRM for organizing and communicating with and among your constituents, supporters, donors and allies.
I talk about what a child theme is in wordpress and what are its use, when is it best to use Child theme and how you can be a good person using child theme and choosing the right parent theme for your project.
What Is WordPress and Why Is Everyone Talking About It?BobWP.com
This workshop is perfect if you are a beginner or still on the fence. We'll look at the major issues you should consider before diving into the WordPress waters.
WordPress Themes - Finding and Choosing what is Best for you.AndyStaple
Learn some of the important items to think about when looking for a WordPress theme. From Design Style, Content Type, and learning what elements of a theme are adjustable.
When it comes to hosting platforms we can confidently say that cPanel is the industry standard. Being in use since 1997, cPanel today is known as the most trustworthy, easy-to-understand and easy-to-use panel. cPanel is also the preferred platform for managing WordPress websites.
[callout] You need more than WordPress to manage a WordPress website. [/callout]
Websites need domain names, hosting, SSL certificates, databases and e-mails. Thankfully, cPanel lets you manage all of that. In our GoDaddy Guide to cPanel + WordPress e-book, we start off by looking at what you can find where in cPanel.
A beginners guide to choosing a WordPress theme. Learn about factors that matter in choosing a theme. Get recommendations for different themes for different purposes taking into account your skills and background.
This presentation was used on a five half-day course on basic web design. The goal of this workshop is to enable participants to create their own Wordpress site by the end of the course. The agenda adjust according to the pace of the participants.
Presentation by Dana Skallman at WordCamp New York City 2012. Using CiviCRM for organizing and communicating with and among your constituents, supporters, donors and allies.
Developing digital marketing into your WordPressAustin Gunter
Adding social media into WordPress is not about installing tons of like buttons and "share this" icons all over the place. Social media plugins come after discovering 1) the social media channels your site audience uses (hint: most guys don't use pinterest...) and then 2) preparing your original content to release on those channels.
In the presentation, I analyze good social media and bad social media integrations into WordPress, and show you how to add the right plugins for your site.
Google really does love WordPress. Luckily, if your using WordPress then blogging for SEO is easier than you thought. This presentation will give you great tips, plugins and tools to help you achieve better rankings and find your target market.
The Why, When, How of WordPress Child ThemesAnthony Hortin
This is a presentation for the WP Melbourne WordPress Meetup. Learn all about WordPress Child Themes. Why you should use them, the benefits of using them and how you go about creating them. If you've ever wanted to tweak your theme and add a few css styles, you should definitely learn how to create and use a Child Theme.
Why you should be using WordPress child themesAnthony Hortin
If you're not using a WordPress Child Theme, you probably should. This presentation explains why why you should be using a Child Theme and how to create one.
Child Themes (WordCamp Dublin 2017) with notesDamien Carbery
Why should you use child themes in WordPress? What can a child theme do? What do bad parent themes look like?
Start off with the simple stuff (CSS changes), moving onto template file changes and finally onto writing PHP in functions.php.
Includes notes that I used during the presentation.
Knowledge about Why HTML/CSS on WordPress?, Setup WordPres, What is Underscores?, Why Underscores?, How to get Underscores theme?, HTML Structure by Underscores, Some major working files for designers, Styling default elements, Alternative of Underscores, WordPress child theme, How to Create a Child Theme, Template Hirachy stucture, Create custom template and more...
With the recent releases of Gutenberg and Full-Site Editing WordPress is changing to the core to be block-centric. There are a lot of newer concepts regarding blocks that can be overwhelming to new users or even developers as well as long-time pros who are not yet used to these changes. Let’s review from a high level with some content and code examples for how to deal with blocks. We have core blocks, custom blocks, dynamic blocks, reusable blocks, block patterns, block variations, block styles, block templates, block-based themes… etc. From a high level we can see blocks are taking over, let’s dig a bit together to see what it all means and follow the WordPress block evolution thus far.
See notes and examples at: https://github.com/circlecube/evans-block-theme
WordCamp Atlanta - April 15 2018 - dev team workflow and processes with word...Evan Mullins
Overview of some processes used at an agency level. Version control, code standards, database migrations, environment aware config files and automated deployments. From local development setup to multiple environments, version control to automated deployments, content migration to modular mentalities. With some how-to talk and some how-not-to talk, we’ll discuss some ways to “soup up” our process to work for us when it comes to web development and WordPress.
WordCamp Greenville 2018 - Beware the Dark Side, or an Intro to DevelopmentEvan Mullins
Crash course introduction to web development for WordPress covering acronyms, buzzwords and concepts that often leave outsiders mystified. Overview of primary development processes and what software and tools are needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way. WordPress development tools explained for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the Loop, hooks, APIs, CLI, agile, bootstrap, slack, linting, sniffing … etc.
Meetup: The big change coming to WordPress in 2018 - GutenbergEvan Mullins
Sometime this year, possibly as soon as April, WordPress will be releasing a huge update to their main page/post editing tool called "Gutenberg". While this will have a major impact on how users interact with WordPress, it will also greatly impact how sites are built in the future.
It’s here, what can I do with it now? A couple case studies on how to use the API and code samples to get you started. It allows us to further separate the data from the code. Use WordPress as a CMS and then via the API easily access or update that data to power whatever we like. We’ll touch how to set it up and a handful of examples and then explore an iOS app pulling all it’s data and assets from a WordPress site via this API.
WordCamp Asheville 2017 - So You Wanna Dev? Join the Team!Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, inspect element, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
Takeaways:
Learn to speak dev
Get familiar with concepts (and acronyms) you’ll need to dev
Learn about tools that will help you
So, You Wanna Dev? Join the Team! - WordCamp Raleigh 2017 Evan Mullins
WP Dev/tools for beginners: ftp, git, svn, php, html, css, sass, js, jquery, IDEs, themes, child themes, the loop, hooks, APIs, CLI, agile, bootstrap, SEO, slack… etc.
We’ll discuss the language and various acronyms and buzzwords used by devs in this crash course introduction to the developer’s world. Overview of primary development processes and terms and what software is needed to play the game. We’ll cover what you need to go from zero to developer and hopefully how to have fun on the way.
WordCamp Birmingham 2016 - WP API, What is it good for? Absolutely Everything!Evan Mullins
See the Power of the WP API. Now that every WordPress website has (or will have) an API built-in, what can you do with it? It allows us to further separate the data from the code. Use WordPress to manage our data and then via the API easily access or update that data to power whatever we like. We’ll touch how to set it up and a handful of examples and then explore an iOS app pulling all it’s data and assets from a WordPress site via this API.
This will be geared for developers with some “how to” but also for everyone interested in the power of WordPress and where things are heading.
Takeaways:
Learn how to spell WP-API
Learn about the power and flexibility it brings to WordPress
See it working in a live app
WordCamp Raleigh 2016 - WP API, What is it good for? Absolutely Everything!Evan Mullins
See the Power of the WP API. Now that every WordPress website has (or will have) an API built-in, what can you do with it? It allows us to further separate the data from the code. Use WordPress to manage our data and then via the API easily access or update that data to power whatever we like. We’ll touch how to set it up and a handful of examples and then explore an iOS app pulling all it’s data and assets from a WordPress site via this API.
This will be geared for developers with some “how to” but also for everyone interested in the power of WordPress and where things are heading.
Learn how to spell WP-API
Learn about the power and flexibility it brings to WordPress
See it working in a live app
Modifying your themes design - Learning CSS - Atlanta WordPress users groupEvan Mullins
The presentation overviews the internet, teaches us how to spell HTML and other web programming "languages" that come together to form a WordPress website, like HTML, CSS & PHP. We even discussed web development tools like FTP clients and which text editors to use. We went over what makes up a wordpress theme and then the concept of child themes. Discussed the process of creating your own child theme with just a couple files and that you can create a child theme for any theme out there. We demoed how to view source and dissect any website, but more importantly, how to inspect elements on your site and live-edit the css for any element. Then to write these CSS rules to our theme to lock in the edits in your child theme.
Custom post types- Choose Your Own Adventure - WordCamp Atlanta 2014 - Evan M...Evan Mullins
WordPress is for more than just blogging. Create and manage more types of content, like a portfolio, events, testimonials, images, people, cats anything you can think of you’d like to have a website about. Learn how to add content types like they were built in.
We'll cover how to get from photoshop to WordPress. There are many different roads to a theme. We'll go over a few possibilities and then cover getting from a design in photoshop to an actual WordPress child theme while trying not to reinvent the wheel. (Assuming strong familiarity of html and css and basic familiarity with WordPress itself)
Notes at: http://circlecube.com/2012/02/wordcamp-presentation-slides-from-photoshop-psd-to-wordpress-theme/
Firstborn child theme word camp presentation - atlanta 2013
1. Your firstborn child theme
Child themes 101+2
WordCamp Atlanta 15 March 2013
Evan Mullins @circlecube
Learn how to mod themes the right way. Using child themes
you won't lose your edits when there's a theme update.
(101) We'll go over the advantages and how to set up a child theme.
(102) Plus we'll cover some tricks to make the process a bit easier.
2. Who am I?
Evan Mullins
circlecube.com
currently:
2006 started in Web Design Interactive Director at Brand Fever, a Creative Marketing
2007 started using WordPress for blogging Agency down the street. http://brandfeverinc.com
2008 started theming
5. Your Theme is your Brand
Your theme is your design, identity & brand.
6. What is a WordPress theme?
The WordPress theme
system is a way to skin
your site.
It's a collection of files that work
together to produce a graphical
interface with an underlying
unifying design for a weblog. These
files are called template files. A
Theme modifies the way the site is
displayed, without modifying the
underlying software.
http://codex.wordpress.org/Themes
7. What is a WordPress theme?
A theme, template, skin, etc… is a
ready to use design and layout that
you can pop right onto your existing
WordPress site. WordPress handles
all of the content for you (posts,
pages, comments), while the theme
transforms that content into a
beautiful and clean layout for your
visitors to see.
http://www.woothemes.
com/frequently-asked-
questions/#whatisatheme
8. What is a WordPress theme?
Think of it like a house. WordPress
provides the foundation and framing,
while your theme adds in the paint,
flooring, curtains, etc. – everything
you need to construct the “look” of
your site.
http://ithemes.com/start-here/
9. What is a WordPress theme?
The key takeaway about WordPress themes any
beginner must know is that at any moment a
WordPress website’s theme may be changed
without adversely affecting the actual content of
the website.
Graph Paper Press beginner’s guide: http:
//downloads.graphpaperpress.com.s3.
amazonaws.com/beginners-guide-to-wordpress.
pdf
10. What is a WordPress theme?
All the files that What's the point?
determine the visual
or front-end of the Themes separate a site's
site. A theme is what presentation from the
the site looks like and system files.
potentially some
features of the site by Like a CMS separates the
actual content.
incorporating things
like custom post types,
custom fields, etc.
11. Good theme != Success
Although helpful, a
good theme does not
automatically make
a site good or
successful.
(Although a bad theme could
hinder success or even render your
site useless)
17. Framework
A "drop-in" code library framework is not a stand-alone Theme. Such
frameworks cannot be installed nor used as a stand-alone Theme.
Rather, these libraries are included with the Theme, and
"bootstrapped" to the Theme by being included in the Theme's
functions.php file.
A "base/starter" Theme framework is stand-alone Theme designed
to be a flexible foundation for quicker WordPress development,
usually serving as a robust Parent Theme for Child Themes. Some
Theme frameworks can also make theme development more
accessible, removing the need for programming or design
knowledge with options pages.
19. Parent
Any theme can be a parent.
There are no sterile themes.
(but some do make better parents
& are built with child themes in mind)
20. Child Themes?
The analogy stops there. In
Cleverly named WordPress child themes inherit from
because, like real life the parent, but they don't drive the
parent theme crazy.
parent - child
relationships, they In fact the parent theme is not
affected in the least by the child
inherit characteristics theme. (and that's kinda the point)
of the parent ...
Plus there are no grand-parent
themes.
21. If it's confusing, just
think 'sub-theme'. It
inherits all parts of the
parent theme and lets
you customize it.
22. Not sold yet?
I can hear it now:
"I already customize theme easily,
I just edit the files."
23. Why Use a Child Theme?
A WordPress child theme is a theme that inherits the functionality of
another theme, called the parent theme, and allows you to modify, or
add to, the functionality of that parent theme. when the parent
Making a child theme is very simple. Create a directory by using FTP
or whatever file management application your host provides. Put a
properly formatted style.css file in it, and you have a child theme!
theme is updated, your
The child theme contains a "Template: parent-theme-dir" header to
distinguish it from standalone themes. With a little understanding of
HTML and CSS, you can make that very basic child theme modify
modifications are
the styling and layout of a parent theme to any extent without editing
the files of the parent theme itself. That way, when the parent theme
is updated, your modifications are preserved.
preserved.
You can make the child theme extend virtually every aspect of a
parent theme, and again, without actually changing the parent theme
files.
Creating a theme as a
child theme is a huge
head start.
24. Same Concept with WP Core
It's best practice to
avoid editing core files.
Because then you have forked core (which is
cool if that's what you meant to do. Some cool
projects are started this way.) and any future
updates to WordPress and your edits are
overwritten.
25. "Child themes and a
framework are the only way
you should build your
WordPress site"
- Matt Mullenweg
26. So, what exactly is a theme?
● Your theme is your site and brand
● There are many kinds/types of themes
● Not all equal
○ purpose
○ design
○ quality
○ documentation
○ price
○ support
○ features
○ license
○ security
○ SEO
○ ...
27. What files make a theme?
Themes are a
collection of files
located a folder in
your wordpress
themes directory on
your web server.
28. Anatomy of a theme
WordPress Themes live in subdirectories residing in wp-
content/themes/. The Theme's subdirectory holds all of the
Theme's stylesheet files, template files, and optional
functions file (functions.php), JavaScript files, and images.
For example, a Theme named "test" would reside in the
directory wp-content/themes/test/
WordPress Themes typically consist of three main types of
files, in addition to images and JavaScript files.
1. The stylesheet called style.css, which controls the
presentation (visual design and layout) of the
website pages.
2. WordPress template files which control the way the
site pages generate the information from your
WordPress database to be displayed on the site.
3. The optional functions file (functions.php) as part of
the WordPress Theme files.
29. Anatomy of a Child Theme
The simplest Theme possible is a child
theme which includes only a style.css file.
This is possible because it is a child of
another theme which acts as its parent.
30. What files make a child
theme?
A child theme automatically includes
or inherits all the parent theme
functionality. Styles are not
automatic, but can be pulled in easily.
31. style.css
In addition to CSS style information for your theme, style.css
provides details about the Theme in the form of comments. The
stylesheet must provide details about the Theme in the form of
comments. No two Themes are allowed to have the same
detailslisted in their comment headers, as this will lead to problems
in the Theme selection dialog. If you make your own Theme by
copying an existing one, make sure you change this information first.
32. Create a child theme
1. Make a new
folder in your
themes directory.
Name it whatever, (probably
reflecting the name of the
theme).
33. Create a child theme
2. Add a stylessheet
file, style.css
34. Create a child theme
3. Add theme details
(meta data) to
stylesheet in form of a
comment block.
Standard provided by
WordPress.
37. Override your Parent
A child theme can override parent
theme files, functionality or code
A template with the same name in a
child theme will be used rather than a
parent theme template.
A child theme functions.php file is
loaded before the parent theme.
40. Child Theme Support
All themes required
(?) to facilitate a child
theme!
This section is draft only.
● Themes are required to facilitate the use of Child Themes. A
"basic" Child Theme (i.e. a style.css with Template header tag
and @import() of the Template style.css), when activated,
should function exactly as the Theme itself functions.
● Themes are required to include functional and resource files
in a manner that facilitates the use of Child Themes:
○ Use get_template_directory_uri() to include functional
files, or resources that are not intended to be included
in/over-ridden the Child Theme.
○ Use get_stylesheet_directory_uri() to include
resources that are intended to be included in/over-
ridden by the Child Theme.
48. Theme Template Hierarchy
Which template file(s) will WordPress use
when it displays a certain type of page?
The huge logic tree (diagram) that helps
WordPress decide which template to show for
every type of content. It shows the defaults
and fallbacks, notice how everything defaults
back to index as a fallback if that specific type
of content does not have a template.
53. Hooks
Hooks are provided by WordPress to allow you to 'hook
into' the rest of WordPress. That is, your functions hook
into WordPress functions. Then when the WordPress
functions are called at any time, it sets your code in motion.
54. Hooks
actions filters
Actions are the hooks that the WordPress Filters are the hooks that WordPress
core launches at specific points during launches to modify text of various types
execution, or when specific events occur. Your before adding it to the database or sending
plugin can specify that one or more of its PHP it to the browser screen. Your plugin can
functions are executed at these points, using specify that one or more of its PHP
the Action API. functions is executed to modify specific
types of text at these times, using the Filter
API.
55. Hooks
You can sometimes accomplish the same goal with either an action or a
filter. For example, if you want your plugin to change the text of a post,
you might add an action function to publish_post (so the post is
modified as it is saved to the database), or a filter function to
the_content (so the post is modified as it is displayed in the browser
screen).
Confused? Check the analogy comparing hooks to the line at the DMV:
wpdaily.co/hooks-nutshell/
56. The Loop
Loops in programming do just that, they loop or repeat
themselves until a certain criteria is met.
The WP loop is great because it grabs all the content from
the database once and stores the results in memory, then
loops through the results and creates the page. It's much
faster than grabbing content over and over one at a time.
57. Loop Example Basic
In English: In Code:
1. Define what content to display
2. Begin loop $the_query = new WP_Query( $args );
3. Do stuff (print content found in the loop) if (have_posts()) :
4. End loop while (have_posts()) :
the_post();
the_content();
endwhile;
endif;
58. Loop Example More
In english
1. Define what content to display
2. Begin loop
3. Do stuff (print content found in the loop)
4. End loop
59. Loop - The Query
Before starting your loop you can set arguments in your
query to decide:
● Which items to display
● Which category/taxonomy to display
● How to sort the results
● Anything else from Template Tags
60. GenerateWP
GenerateWP provides user-friendly tools for developers to create advanced systems built on WordPress.
Writing your own code takes time, with plugins you never know if it stays in active development or not. GenerateWP reduce
development time and provides high quality code built using the latest WordPress standards.
Usage
● Choose your generator.
● Fill out the user-friendly form.
● Click the "Update Code" button.
● Copy the code to your theme/plugin.
Generators
1. wp-config.php Generator - Create custom code for wp-config.php file.
2. Taxonomy Generator - Create custom code for Taxonomies using register_taxonomy() function.
3. Post Type Generator - Create custom code for Post Types using register_post_type() function.
4. Post Status Generator - Create custom code for Post Status using register_post_status() function.
5. Sidebar Generator - Create custom code for Sidebars using register_sidebar() function.
6. Menu Generator - Create custom code for Navigation Menus using register_nav_menus() function.
7. Theme Support Generator - Create custom code for Theme Features using add_theme_support() function.
8. Shortcodes Generator - Create custom code for Shortcodes using add_shortcode() function.
61. “You cannot step twice into
the same river; for other
waters are ever flowing in”
@Heraclitus