際際滷

際際滷Share a Scribd company logo
SoCal WordPress Meetup
iWeb to WordPress
a.k.a. WP99
October 2013
Apple Store, Santa Monica
 Third Street Promenade
SoCalWP.org / l@SoCalWP / f/SoCalWP
Special thanks
Apple Store 
and a word from our hosts
Our usual sponsors:
WP Engine
WooThemes
Who are we?
Noel Saw, Presenter
Founder of Neochrome, Inc.
Natalie MacLees,
Founder of Purple Pen
Productions, LLC +
Lead Organizer, WordCamp LA
Who are we?
Both our companies provide WP
design/development services.
Clients with WordPress projects
have included Red
Bull, Vons/Safeway, and Murad.
A Disclaimer
I (Noel Saw) am not a CSS, HTML, or
PHP expert - so if I can do this, so can
you with some practice and research.
I have my designers/developers to do the
technical work for me 
I have been managing web projects since
2006 so I am familiar with web
technology concepts.
Some notes
Theres a lot to cover, so we will only
take questions near the end.
We apologize, otherwise well be here a
long time.
The slides will be available on
際際滷Share.net later tonight posted on
SoCalWP.org, Twitter, and Facebook.
Questions for the audience
How many already use WordPress?

How many of you have iWeb sites?
How many of you have have another
web hosting account?
Questions for the audience
How many existing WordPress users
consider themselves as a
 Beginner
 Intermediate
 Expert
Assumptions on our part
Were assuming you have some
knowledge of:
 Domain name registration
 HTML/CSS code
 How web pages or iWeb works in
general
What is WordPress?
WordPress (WP) is a content
management system that can be
installed on a web hosting server
account like on companies like:
 Dreamhost
 MediaTemple
 HostGator
 GoDaddy (we dont judge)
What WordPress needs
Your web hosting provider needs to
support PHP 5+ and MySQL.
Youll install WordPress usually with a
one click installer.
Most web hosts support WordPress.
What can WP do for you?
WordPress makes it easy for you to
publish your web pages including the
home page, contact page, and of
course blog pages.
WordPress democratizes web site
publishing and up keep/maintenance.
WPs content - editable areas
1.) Posts: Blog or News but can also be
other information snippets.
2.) Pages: Mostly static pages that are
not frequently updated. Ex: Contact Us
page
WPs content areas
3.) Widget Areas: Sidebar and Footers
Usually built into the theme
4.) Navigation (Menu) Bar
Tonights demo site
Example iWeb Site were using:
www.nikkialexander.com
Tonights demo site
We didnt have access to the iWeb example
site user password.
It was pure/copy paste operation.
Tonights demo site
Alternatively, you may want to try a WP
plugin to import text content into your site
like this one: http://bit.ly/synplugin
Tonights demo site
Were not going to be able to make an
exact copy of the site but it will be close
enough for you to see possibilities.
Tonights demo site
At the end of the demo, Ill show you what
an exact copy looks like with a bit more
work and different method.
Header
Navigation (Menu)
Page
(Body)

Widget area

Footer area
Header
Navigation (Menu)
Page

Widget area

Footer area

More thorough anatomy - http://yoast.com/wordpress-theme-anatomy/
Steps
1. Setup domain in cPanel
2. Setup WordPress and login
3. Install Theme (http://bit.ly/ostheme)
4. Setup header
5. Customize header
6. Setup widget areas
7. Setup pages with Bulk Creator plugin
8. Setup Home page slider
Real World
Demo time!
WordPress Dos and Donts
Do update WP core, themes, and
plugins frequently
Do run and download frequent backups
 ex: BackupBuddy commercial plugin
Do change Permalinks to Month and
Name in WP admin settings
WordPress Dos & Donts
Do only install themes and plugins from
reputable companies or from
WordPress.org
Buy subscription to WP101.com and
Lynda.com or YouTube (get what you
pay for)

Buy subscription to Akismet.com to
block spam posts
WordPress Dos & Donts
And finally, do not edit WordPress core
files via FTP or WP admin editor
otherwise when WP core is
updated, youll lose changes.

Editing these files could also crash your
site in seconds.
Demo links
 OpenStrap theme:
http://bit.ly/ostheme







PageLines theme
Google Fonts plugin
WordFence plugin
Bulk Creator plugin
Anatomy of a WP theme:
http://yoast.com/wordpress-theme-anatomy/
Learn more links
 WordPress.org  themes and
plugins
 WP101.com  training videos
 Lynda.com  general HTML/CSS
learning videos
 Firebug extension  Google it!
 Other awesome WP plugins:
http://bit.ly/wwlakb
Thanks for Listening to Me!

The End!
Follow me:
l@wpverse
Thanks again to:

Apple Store
And our other sponsors:
WP Engine
WooThemes

SoCalWP.org / l@SoCalWP / f/SoCalWP
SoCal WordPress Meetup - iWeb to WordPress aka WP99

More Related Content

SoCal WordPress Meetup - iWeb to WordPress aka WP99

  • 1. SoCal WordPress Meetup iWeb to WordPress a.k.a. WP99 October 2013 Apple Store, Santa Monica Third Street Promenade SoCalWP.org / l@SoCalWP / f/SoCalWP
  • 2. Special thanks Apple Store and a word from our hosts Our usual sponsors: WP Engine WooThemes
  • 3. Who are we? Noel Saw, Presenter Founder of Neochrome, Inc. Natalie MacLees, Founder of Purple Pen Productions, LLC + Lead Organizer, WordCamp LA
  • 4. Who are we? Both our companies provide WP design/development services. Clients with WordPress projects have included Red Bull, Vons/Safeway, and Murad.
  • 5. A Disclaimer I (Noel Saw) am not a CSS, HTML, or PHP expert - so if I can do this, so can you with some practice and research. I have my designers/developers to do the technical work for me I have been managing web projects since 2006 so I am familiar with web technology concepts.
  • 6. Some notes Theres a lot to cover, so we will only take questions near the end. We apologize, otherwise well be here a long time. The slides will be available on 際際滷Share.net later tonight posted on SoCalWP.org, Twitter, and Facebook.
  • 7. Questions for the audience How many already use WordPress? How many of you have iWeb sites? How many of you have have another web hosting account?
  • 8. Questions for the audience How many existing WordPress users consider themselves as a Beginner Intermediate Expert
  • 9. Assumptions on our part Were assuming you have some knowledge of: Domain name registration HTML/CSS code How web pages or iWeb works in general
  • 10. What is WordPress? WordPress (WP) is a content management system that can be installed on a web hosting server account like on companies like: Dreamhost MediaTemple HostGator GoDaddy (we dont judge)
  • 11. What WordPress needs Your web hosting provider needs to support PHP 5+ and MySQL. Youll install WordPress usually with a one click installer. Most web hosts support WordPress.
  • 12. What can WP do for you? WordPress makes it easy for you to publish your web pages including the home page, contact page, and of course blog pages. WordPress democratizes web site publishing and up keep/maintenance.
  • 13. WPs content - editable areas 1.) Posts: Blog or News but can also be other information snippets. 2.) Pages: Mostly static pages that are not frequently updated. Ex: Contact Us page
  • 14. WPs content areas 3.) Widget Areas: Sidebar and Footers Usually built into the theme 4.) Navigation (Menu) Bar
  • 15. Tonights demo site Example iWeb Site were using: www.nikkialexander.com
  • 16. Tonights demo site We didnt have access to the iWeb example site user password. It was pure/copy paste operation.
  • 17. Tonights demo site Alternatively, you may want to try a WP plugin to import text content into your site like this one: http://bit.ly/synplugin
  • 18. Tonights demo site Were not going to be able to make an exact copy of the site but it will be close enough for you to see possibilities.
  • 19. Tonights demo site At the end of the demo, Ill show you what an exact copy looks like with a bit more work and different method.
  • 21. Header Navigation (Menu) Page Widget area Footer area More thorough anatomy - http://yoast.com/wordpress-theme-anatomy/
  • 22. Steps 1. Setup domain in cPanel 2. Setup WordPress and login 3. Install Theme (http://bit.ly/ostheme) 4. Setup header 5. Customize header 6. Setup widget areas 7. Setup pages with Bulk Creator plugin 8. Setup Home page slider
  • 24. WordPress Dos and Donts Do update WP core, themes, and plugins frequently Do run and download frequent backups ex: BackupBuddy commercial plugin Do change Permalinks to Month and Name in WP admin settings
  • 25. WordPress Dos & Donts Do only install themes and plugins from reputable companies or from WordPress.org Buy subscription to WP101.com and Lynda.com or YouTube (get what you pay for) Buy subscription to Akismet.com to block spam posts
  • 26. WordPress Dos & Donts And finally, do not edit WordPress core files via FTP or WP admin editor otherwise when WP core is updated, youll lose changes. Editing these files could also crash your site in seconds.
  • 27. Demo links OpenStrap theme: http://bit.ly/ostheme PageLines theme Google Fonts plugin WordFence plugin Bulk Creator plugin Anatomy of a WP theme: http://yoast.com/wordpress-theme-anatomy/
  • 28. Learn more links WordPress.org themes and plugins WP101.com training videos Lynda.com general HTML/CSS learning videos Firebug extension Google it! Other awesome WP plugins: http://bit.ly/wwlakb
  • 29. Thanks for Listening to Me! The End! Follow me: l@wpverse
  • 30. Thanks again to: Apple Store And our other sponsors: WP Engine WooThemes SoCalWP.org / l@SoCalWP / f/SoCalWP