60
Chapter Websites Templates, Resources, and Best Practices by Darrell Ross IEEE PES Seattle Webmaster

Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Chapter WebsitesTemplates, Resources, and Best Practices

by Darrell RossIEEE PES Seattle Webmaster

Page 2: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Getting Started● PES Site Resources● PES WordPress Theme Anatomy● Editing Basics● Plugins

Page 3: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Getting Started: Why?● Why have a website?

○ Expected to have one○ Communication○ Automate Tasks

Page 4: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Getting Started: What?● What do we put on it?

○ Contact Information○ News○ Meeting Minutes○ Officers List○ Event Information

Page 5: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Resources● IEEE Entity Hosting Options● PES Chapter Theme● Plugins● Leveraging Analytics

Page 6: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

IEEE Entity: Hosting● WordPress● vTools● HTML● Virtual Hosting

Page 7: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

IEEE Entity: WordPress● PES WordPress Themes

Page 8: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

IEEE Entity: Plugins● We Use:

○ Time.ly for Calendar of Events○ Gravity Forms for all Forms○ Google Analytics○ PollDaddy for Polls

Page 9: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

IEEE Entity: Pros and Cons● Pros

○ Hosted and Protected○ Updates

● Cons○ Hosted and Protected○ Updates○ Theme is not initially mobile device friendly

Page 10: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Website Anatomy

● Header● Menu● Sidebar● Page● Post● Event● Form

Page 11: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Header● Logo● Background● Name● Links

Page 12: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Menu● Links

○ To Pages○ To Posts○ To Anything○ Default Links

Page 13: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Sidebar ● Widgets● Automated Feeds

Page 14: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Page● Static● Posts

Page 15: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Post● Article● Post History

Page 16: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Event● Event Posts

Page 17: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Event● Calendar● Responsive

Page 18: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Event ● Sidebar● Automatic Feed● Responsive

Page 19: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Form● Basic Form

Page 20: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Anatomy: Form● RSVPs● Mailing Lists● Nominations

Page 21: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Best Practices● Keep It Simple● Automate Everything You Can● Drive Traffic To Your Site

○ Email, Event RSVPs, Polls○ News, Social Media

● Delegate

Page 22: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Keep It Simple● Low Maintenance● One Sidebar

○ Not Too Busy○ Easy to Read

Page 23: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Automate Everything● Calendars Can Be Linked● Green is IEEE Section

○ Linked Via Google○ Link Multiple Calendars

Page 24: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Automate Everything● Gravity Forms

○ Email List Signup○ Suggestions○ Event RSVPs○ Award Nominations

● Automatic Responses● Automatic Notifications● Complete History

Page 25: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Drive Traffic● Use WordPress Posts Page● Post Followups to Events with Photos● Post Award Announcements● Post Polls

Page 26: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Drive Traffic: Followups

Page 27: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Drive Traffic: Archives● Direct links to old events● Direct links to content

from events

Page 28: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Delegate● Easy User Administration

○ Our Secretary Posts Minutes○ Our Chair Facilitates RSVP Forms

Page 29: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Plugin Control: Calendar

● Time.ly (http://time.ly/)● Sidebar Configuration● Calendar Page● Event Posts

Page 30: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: Plugin Activation and Access

Page 31: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: Sidebar Addition● Per Page

● Widgets Setup

Page 32: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: Sidebar Addition

Page 33: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: Add Event

Page 34: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: Add Event

Page 35: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: Add Event

Page 36: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: Add Event

Page 37: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Calendar: View Event

Page 38: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Plugin Control: Gravity Forms

● Gravity Forms (http://www.gravityforms.com/) ● Store Data● Editing ● Settings● Notifications and Confirmations● Import and Export

Page 39: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Plugin Activation and Access

Page 40: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Add Form

Page 41: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Form Design

Page 42: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Form Design

Page 43: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Form Settings

Page 44: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Form Confirmations

Page 45: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Form Notifications

Page 46: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Form Notifications

Page 47: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Gravity Forms: Displaying Forms

Page 48: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Plugin Control: Poll Daddy

● PollDaddy (https://polldaddy.com/)

● Create Account at PollDaddy● Manage Polls from Website

Page 49: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

PollDaddy Polls: Account Setup

● Make an Accounthttps://polldaddy.com/

● Get API Key

Page 50: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

PollDaddy Polls: Plugin Activation and Access

● Activate WordPress Plugin● Access Polls Settings● Link with API Key

Page 51: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

PollDaddy Polls: Plugin Access

● Feedback

Page 52: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

PollDaddy Polls: Create Poll

Page 53: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

PollDaddy Polls: Add Poll

Page 54: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

PollDaddy Polls: View Poll

Page 55: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Leveraging Google Analytics

Page 56: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Leveraging Google Analytics: User Flow

Page 57: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Leveraging Google Analytics: User Flow

Page 58: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Concluding Remarks● Use IEEE Entity's services● Keep it simple● Use the calendar plugin● Delegate tasks

My Recommendations...

Page 60: Chapter Websites - IEEE Power & Energy Society€¦ · PES WordPress Theme Anatomy Editing Basics Plugins. Getting Started: Why? Why have a website? Expected to have one Communication

Advanced Plugins: CSS● Web Designers● Override existing CSS to improve design