March 2018 – Tempe Meetup

WordPress Group 3/8/18

 

WordCamp:

  • Looking for help hosting the next WordCamp
  • For, WordCamp US 2019 in Nashville, there are local volunteers in charge of printing, but the rest of the volunteers are from all over the U.S.
  • Phoenix is hoping to host WordCamp U.S. 2020

 

WordPress Meeting:

  • Tweet with #WPAZ

 

Meeting Notes:

  • BlueHost – has 25 current openings in Phoenix
  • Upcoming events:
    • Gearing up for WordCamp 2019
    • WordCamp U.S. is coming up in December
    • Other WordCamps on the horizon
  • Entire group introduced themselves individually by telling the group how they came to this Meetup and what their involvement is with WordPress
  • Topics:
    • Category Branding with Term Meta, Andrea Self @bevostudio
      • A fancy way of talking about adding styles to categories
      • Route your categories to different templates and have different templates for each category
      • When building small business websites, everyone wants an engaging website
      • If you can create interest with something to group your posts together, you can engage your users more effectively
      • Definitions:
        • Taxonomy: A way to group small items together
        • Term: Items that are grouped together
        • Metadata: Additional details about the item or term, such as custom fields for terms
      • Examples
        • Switzerland site – has a different photo, white to red – colors that are defined by term meta
      • Can do this by editing the category and making changes in the custom fields with advanced custom fields
      • ‘category_add_for_fields’ is an example of the hook you can use to add custom fields to different screens
      • Create an array then loop over them in PHP and that creates your markup
      • The Edit Category function is a little different
        • You can store it in the database for WordPress
      • Now you have everything in your database, but you want to pull it out of your database and put it on the front end to make your website look like what it does
        • You would go to your archive template or you’ll go to the header file – depends on your theme
        • You’ll call out the term meta
        • Follow the WordPress codex, and put it in your information then put it into your background image
        • Use get_term_meta to retrieve data and colors
        • Colors you need to put into CSS
        • You can use PHP to get term meta out of your data and place it on the front end
        • This could be easier if you use advanced custom fields, then use the custom functions to apply it into your templates
      • Demonstrated examples of how this method is used through Fansite sites that use different colors, photos, etc. for different sites that feature different sports, teams within those sports
        • For example, the Arizona Cardinals is posted and colors, photos, and logos are pulled in and applied to this site
        • You can even create completely different templates for your categories
      • Example of how you can edit categories
        • Category type – pick from different types to assign this category
        • Linked site – Link category to a site using
        • Just about anything you would put into a custom field you can do with term meta
      • How you would apply these to posts:
        • It’s a little trickier, but you can do it
        • The trick with a post is that when you’re on a post, you’re not in a category so you won’t have all the information available to you
        • If you have one category, you can assign it to the post
        • But if you have three categories, you have to do some logic to figure out which category you want to brand it with
        • You pull the term meta out of your database and apply it to your post
      • Creating a WordPress Theme with Pinegrow Web Editor
        • Has many ready made and teme buiders avaialbe
          • Challenges are there are too many to select from
          • Can range from free to expensive
          • In many cases, you may be creating in a live environment
        • Pinegrow Editor
          • Helps people who don’t know code but want to build their own site
          • Has built-in frameworks and WordPress blocks so you can drag and drop
          • Generates WordPress PHP codes for you
          • Fewer plugins needed
        • Setup
          • Dowloand and install
          • Setup a local environment
          • You can use Flywheel or Bitnami
        • Steps to building your theme
          • Open Pinegrowve
          • Create a new page selecting an option
          • Drag over a block
          • Give it a theme name and a slug
          • And give it a theme folder
          • Follow all the steps and this creates a WordPress theme in your folder to get started
        • After that, you can start creating your website
          • You would use front_page as your home page
          • Refer to the index page as your master page
          • This uses the header and footer from that page and anything in the content area would be left out
          • This way you can reuse it for other pages
        • Drag different blocks to build your site
        • When you are creating a WordPress site, the files you normally save are single, archive, search.html
          • You can keep things separate on your site and keep something as a backup so that if you mess up you still have something to go back to
          • It allows you to understand things like what all these WordPress things actually do
        • Resources: (from pinegrow.com and developer.wordpress.org)
          • Using Pinegrow to style CSS
          • Pinegrow – building your layout
          • WordPress Template Hierarchy
          • Running Bitnami
        • Open Forum
          • From javascript expert who wants to move into WordPress: How to become a WordPress developer
            • Answer: Access resources
              • Mesa Public Library
              • WP Beginner
              • tv
              • Meetups
              • Part-time work to meet other people and get exposed to people in the WordPress environment
              • If you are starting from the beginning, there are a lot of people looking for javascript skills, so this is an asset, especially for the highest paying clients
            • What can you do with javascript and what is it used for?
              • This is more of a question of what you can’t do with it because it is so versatile
              • Javascript can load more – sideways front ways
                • As an example, with Javascript and WordPress’s new tools allow you to access data without doing a new page load
              • What is headless WordPress?
                • On WordPress.tv, the most recent WordCamp goes into this
                • Where you are using it as your CMS system, but the content isn’t being used in the same way it normally is in WordPress
                • Instead of using the original system, you are using other tools and methods, such as using the content in a mobile app, or using javascript to display the information, or in a kiosk
                • Headless means it isn’t relying on WordPress but it is accessing the content from the database
                • Gives you more options and it can be faster
                • People who are doing headless development are using something like javascript without having to write complicated backend or use slow 10-year old tools to display content
              • How do you balance headless with Google?
                • The headless concept isn’t for the average user – it’s more for developers
                • There are no off-the-shelf options like headless themes right now
                • Google and SEO are a serious issue that people building headless are still trying to figure out
              • What is PHP?
                • PHP is the first language that runs on the server, makes decisions, then helps with HTML
                • It’s basically the language WordPress and all of its templates were built in
                • Everyone who is developing WordPress has had to learn PHP
                • HTML, CSS and Javascript are components and PHP can be interchanged with a lot of different languages
                • Explaining how it all fits together:
                  • HTML is a way to write structure
                  • CSS is a language that provides style
                  • Javascript is the interactivity within your house, like light switches
                  • PHP is the connection to the outside world so that you can get access to all the information that exists outside your house but that you need for everything to work
                  • Content is the furniture that makes your house functional
                • Mac Power Users Podcast
                  • Awesome stuff! Worth downloading and listening
                  • Among other topics, it talked about an app called “workflows”
                  • You can automate a launch process with this app
                  • It’s a free app – Apple bought it and hired the people who created it
                • What else can I do to expand my work capability – it is basic what I know but I want to learn more
                  • On the last Thursday of every month, we have a meetup at CoHoots for developers
                  • This will spark creativity and ideas
                  • You have the capacity to figure things out, such just do it
                • Schedule:
                  • April 12
                    • Nate Crouse – Google Page Speed insights
                    • Jeremy Scott – Cool s**t I’ve done
                  • May
                    • Dennis – Browser testing
                  • June
                    • Getting the most out of Yoast
                    • Something designy
                  • Other ideas:
                    • 360 site review
                      • Tear apart a site and look at it from a design, marketing, commerce, development perspective
                    • “Cool s**t I’ve done”
                      • Opportunity to share something you have done with WordPress that you’re excited about – it can be at any level
                      • 10 minutes – just show us something!
                    • Other:
                      • On community site – azwp.org, on top right you can join Slack channel and team communication tool
                      • After meetup meeting: Culinary Dropout

 

 

 

 

 

 

 

 

Speak Your Mind

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.