Building a website with WordPress (IED 2017/03/08)

Introduction

My name is Alvaro Gómez Velasco and I have been using WordPress since 2010. I collaborate with translations, speaking at events, coordinating the Madrid WordPress meetup and I am currently part of the team that is organizing WordCamp Madrid 2017. I have taught WordPress at La Bagatela, MrMarcell School and La Fábrica. There is more information on my Linkedin profile. You can also follow me on twitter, I go by MrFoxTalbot everywhere.

  • Introduce yourselves briefly.
  • Do you have any previous experience building or managing websites?
  • What do you know about WordPress?
  • What would you like to be able to build in this course?

About WordPress

  • CMS: HTML+CSS+JS (front) PHP+MYSQL (back)
  • 27% of the internet
  • All kinds of uses
  • Free software

What is free software and why it is important

  • 4 Freedoms
  • Democratize web publishing
  • Own your content
  • Community: transparency: security
  • Anyone can help (forums, translations) > Sign up on http://www.WordPress.org today!

WordPress.org VS WordPress.com

The free software VS the service. WP.com advantages:

  • Easy to setup
  • Free
  • Secure, fast, escalable no maintanance
  • Great for a basic website, blog or porfolio
  • Can be migrated to wp.com easily (La Bagatela went both ways)

When to go for WP.org (self hosted)

  • Specific usages (ecommerce, forums)
  • Specific plugins or themes
  • Fine tuning
  • Detailed metrics

Why learn WordPress anyway?

  • Create and update your own portfolio or blog
  • Manage a bigger website (The Newyorker, Voge) . See showcase here.
  • A “bridge drug” to learn coding and start building serious websites

Until a couple of years ago I used WordPress beacuse it was easier for me, clients didnt now what it was, althought they were happy to use it. Now a days I get requests specifically for WP sites, sometimes from scratch, sometimes to revamp existing ones.

Born for blogs but it can handle anything

Blogs is what it does best (wether it is a personal blog or a multi-user magazine with dozens of news a day) but there are examples of other things you can build with it:

  • Ecommerce
  • Porfolios
  • Intranets
  • School/University management
  • CRM

Examples on WordPress.com:


Let´s start! Practice for today

  • Sign up at WordPress.com
  • Add me (mrfoxtalbot) as Administrator (Users > Invite) so I can help you.
  • Create a number of pages and add content (text & galleries) to each.
  • Add those pages to the menu
  • Setup widgets

 Creating and editing Posts

  • The post, date, status, author, categories.
  • Difference between posts and pages (static VS dynamic, taxonomies, URLs, listings, hierarchy)
  • Featured Images
  • Categories VS Tags
  • A post can be many things (Portfolio, product, order, menu…)
  • Visual VS Text
  • Using Headings correctly
  • Images (sizes, alignment, links)
  • Galleries (target: file)
  • Adding links
  • Embedding external objects (Videos, Maps, Tweets, Gists)
  • The “Read More” Tag
  • Revisions
  • Bulk editing
  • Comments
  • Setting the homepage

Organizing Posts & Pages: The Menus

  • Type of menu elements
  • Adding positions
  • Arranging hierarchically
  • “Social” menus

Reusable blocks: The Widgets

  • Types of Widgers
  • Identifying areas
  • Visibility

Make it pretty: The Themes

  • Change aspect, not content
  • Re-assign Menus & Widgets
  • Use the customizer (Appearance > Customizer)
  • A note on free themes & pluigins (never pirate them!)

Theme options: The “Customizer” is your friend

  • Clicking on elements to edit them
  • Preview changes
  • Fonts
  • Color options
  • Headers
  • Favicon
  • Mobile & Tablet versions

Homework for next week

  • I will add you all as administrator for this website I made today in 1 hour so you can see how is is setup internally:  https://iedwp.wordpress.com. Please leave a comment on this post so I know your usernames.
  • Go through “Themes” and find one that you like so we can use it on the next class
  • Consider a domain name for your site (so it is http://www.yoursite.com instead of http://www.yoursite.wordpress.com) and look it up here to see if it´s available, but dont buy it, we will sew how to do it on the next class (the cost is 2$/month)

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s