Topic:WordPress and CSS

Jacques SurveyerEtobicoke West WordPress Meetup Organizerjbsurveyer@gmail.com 905-621-6966

Purpose of New WordPress Meetup Group

Provide for West-End WordPress meetupsRight in Bloor Village, 1st Saturdays of month at 1:00PMAt Runnymede Library near Runnymede subwayEmphasis on WP problem solvingThus each attendee introduces themselves and asks one question which the group will hopefully solve:a) immediately if possibleb) during demo or presentationc) after meeting brainstormingd) in “unfinished business” at start of next meetingEmphasis will be on live WP demos & presentations

Topics for first 2 meetingsToday is WordPress and CSS

There is a ton of new CSS technology for WPGreat free help/tutorial websitesSome powerful new, free and premium CSS pluginsA powerful new and free CSS frameworkSome very useful, free online CSS tools

Next Month is Super Web Page/Post Designersas now Themes Providers must have Design Layout and Page Builder tools to succeed in marketplaceSubsequent demos & presentations by members of group. Survey acts as kickstarter

Introductions & Questions

Every meeting will start with intros by attendees in clockwise orderTell us your name, how you use WordPress and add a WP question or problem. Note it does not have to be related to today’s topic.Enter your name and question or future topic in the Meetup Almanac which is circulating counter clockwise. Leave an email address if you add a question or would like to discuss a future topic.

Question and Answer Scrum

As we go through the questions if you have an answer come to the demo machine and show us with an online example if possible.We have localhost/WPtest ready or can plugin in your machine. Also library WiFi is available so attendees can follow on their machines.Q&A scrum will be interrupted at 1:40 for Demo and unanswered questions will be addressed at post-meeting scrum, later emails, or unfinished business at next meeting.

Survey TimeDuring passing of the Meetup Almanac is your opportunity to raise topics for future meeting demos/presentations. Those presentations can be short and sweet: 5-15 minutes. Any presentation of more than 15 minutes will require a review by Organizer.Leave an email address and before the next meeting we shall organize the presentations order. In sum, your participation will help determine the Meetings effectiveness.

WordPress and CSSMany WP users leave CSS up to the theme designsNo need to get involved in Cascading Style SheetsUse the Customize CommandAnd maybe a touch of CSS with HTML editor….But CSS is essential to add finishing styleAnd there is lots of great free CSS Help starting with …

2 More Good CSS GuidesDontfeartheinternet.comSuper intro to HTML CSS

CSS3maker.comAll you need to do CSS3

What CSS Does For You in WP

WordPress Theme provides Layout & Structure CSS used by theme does the StylingCSS is essential to give your Look and FeelBy adding Inline CSS Styles in WP pages & postsBy using Site-wide Styling across all pages/postsBy using 2 Superstyling WP plugins

Inline CSS Styling in WordPressHow to get from here To here using inline CSS in WP

Sitewide CSS Styling in WordPress

What does this get you?

2 Advanced WP Styling PluginsFree SiteOrigin CSS Editor Premium CSSHero Editor

Bonus: CSS Framework in WP

Using W3CSS as Sitewide style

PowerPoint Guidelines

Font, size, and color for text have been formatted for you in the Slide MasterUse the color palette shown belowSee next slide for additional guidelinesHyperlink color: www.microsoft.com

Sample FillSample FillSample Fill

Sample FillSample FillSample Fill