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


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 today! VS

The free software VS the service. advantages:

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

When to go for (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

Let´s start! Practice for today

  • Sign up at
  • 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: 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 instead of 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)




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

Logo de

Estás comentando usando tu cuenta de 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