When: June 2nd 6:00pm to 7:30pm
Where: Chattanooga Public Library (4th Floor Downtown)
What: CSS Basics and Writing a Simple Plugin – Zach Skaggs and Kevin Stover
Meetup Notes
- Common Font Styling Rules
- Color-color of your site
- Font-family- the type of font
- font-size – Size of font
- font-weight – how thick a font is
- text-decoration – things like underline.
- Common Font Styling Rules(with value)
- color: red;
- font-family: sans-serif;
- font-size: 16px;
- font-weight: bold;
- text-decoration: underline;
- Inline vs Stylesheet
- Inline styling is the hardcoded into the HTML of the page with the “style” attribute.
- Stylesheets are on a separate sheet.
- Inline Styling Pros/Cons
- Pro
- Quick, no need to use external stylesheet
- Easy
- Most specific
- Cons
- Difficult to override in stylesheet
- Hard coded/least flexible for adjustments
- Not extensible/development/design friendly
- Pro
- Specificity Matters
- To get to the stylesheet in wordpress go to your wordpress install->WP Content->theme folder.
- From this you can edit the stylesheet here; however, YOU SHOULD NEVER DO THIS.
- get the live example from zach for the site.
- Advanced Tricks
- Use your browser’s “inspect element” features to find selector, classes, and ID’s to use Styling
- You can use Live CSS Editor to tinker with CSS on a live site. It will not change the site permanently.
- CSS assigns mathematical values to each selector.
- a class is equal to 5
- an ID is equal to 10.
- You need to have a high number to over take the elements styling.
- If you change the CSS in your theme when the theme is updated the CSS you wrote will be erased.
- It is recommended that if you want to change the CCS in your theme you should make a child theme.
- There are plugins that will change CSS, but it is still recommended to make a child theme.
- Question – How do you get your site to be seen?
- (James) Publish content on a schedule and keep to the schedule.
- Find where your clients are and share your content there. This could be Social media like twitter or facebook.
Writing A Plugin With Kevin Stover
- Writing a plugin is really simple.
- A plugin is just some code that does something in wordpress.
- If you make something that you want to use over and over again. Then you will want to make a plugin instead of putting it in your functions.php file.
- The only thing you need to have a plugin is the header.
- To create plugin you need to make a file/folder in the plugins folder in your WP content folder.
- The naming convention is the file name should be the same as the folder name.
- Once again the only thing needed is the comment header block.
- Functions
- create a job without telling wordpress to continue to do job over and over.
- Return
- Returns what ever data it is being given.
- add_filter
- allows you to modify something before it gets pushed to the page.
- you can append things to a title by using concatenation.
Resources:
CSS Rules Codepin – http://codepen.io/kbjohnson90/professor/eNvBLJ/
Override Inline styles – https://css-tricks.com/override-inline-styles-with-css/
Zach’s Slides – http://wpchattanooga.com/wp-content/uploads/2015/06/SimpleCSS.key
Marylu Carl says
So glad I had HTML/CSS “101” last year at Chatt State or my mind would have exploded last night. Love it when I (sort of) understand what is being taught.