\documentclass[12pt,a4paper,titlepage]{article}
\usepackage[spanish]{babel}
\usepackage{hyperref}
\usepackage{graphicx}
\usepackage{subcaption}

\title{Tema VII Ejercicio II: WordPress Online}
\author{Nicolás A. Ortega Froysa}

\begin{document}
\maketitle

\tableofcontents
\pagebreak

\section{Introducción}

Ya vimos en el ejercicio anterior como WordPress se podía instalar en un
servidor del que somos dueños. Esto se puede hacer con bastante facilidad y nos
permite controlar todos los aspectos de nuestro sitio web. Lo único que tenía de
malo (si así lo consideras) es que requería de un mínimo conocimiento técnico:
saber montar un servidor web y una base de datos tipo MySQL. Pues, para aquellas
personas que ni siquiera quieren aprender a hacer lo más mínimo en cuestiones
técnicas, WordPress facilita la creación de sitios web, con menos capacidades
(salvo si quieres pagar una mensualidad) en
\href{https://wordpress.com/}{WordPress.com}. Provee una interfaz web para
interactuar y crear tu sitio personalizado.

\pagebreak

\section{Creación del Sitio Web}

\begin{figure}[ht!]
	\centering
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/00-create-account.png}
		\caption{Crear cuenta WordPress.}
		\label{fig:create-account}
	\end{subfigure}
	\hfill
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/01-select-domain.png}
		\caption{Seleccionar el nombre de dominio.}
		\label{fig:select-domain}
	\end{subfigure}
	\hfill
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/02-choose-a-plan.png}
		\caption{Elegir un plan de pago.}
		\label{fig:choose-a-plan}
	\end{subfigure}
	\caption{}
\end{figure}

Para empezar, hemos de crear una cuenta WordPress (figura
\ref{fig:create-account}). Esta cuenta nos permitirá gestionar nuestros sitios
WordPress -- podemos tener más de uno -- y editar contenidos. Una vez que
hayamos creado esta cuenta, podemos elegir un dominio para nuestro sitio web
(figura \ref{fig:select-domain}). WordPress nos permite comprar dominios como
aquellos que acaban en .org, .net, etc.\ pero éstos cuestan dinero. En nuestro
caso (como no tenemos presupuesto) vamos a usar el dominio gratis, que es un
subdominio de <<wordpress.com>>. Finalmente, vemos los planes que nos ofrece
WordPress para nuestro sitio web (figura \ref{fig:choose-a-plan}). El más barato
de éstos está a 4€ mensuales, pero como no tenemos presupuesto, elegimos mejor
la opción gratis que lo esconden más arriba en el enlace que pone <<start with a
free site>>.

\begin{figure}[ht!]
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/03-goals.png}
		\caption{Especificar metas.}
		\label{fig:goals}
	\end{subfigure}
	\hfill
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/04-name-tagline.png}
		\caption{El nombre y el {\it eslogan} del sitio web.}
		\label{fig:name-tagline}
	\end{subfigure}
	\hfill
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/05-where-to-start.png}
		\caption{Elegir cómo empezar.}
		\label{fig:where-to-start}
	\end{subfigure}
	\hfill
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/06-choose-theme.png}
		\caption{Elegir un tema estético.}
		\label{fig:choose-theme}
	\end{subfigure}
	\caption{}
\end{figure}

Con esos primeros pasos configurados, ahora empezamos a establecer nuestro sitio
web como tal. Lo primero que nos pregunta es cuál es nuestro objetivo con este
WordPress (figura \ref{fig:goals}). Dependiendo de esto nos dará otras opciones,
ya que nos puede servir de formas distintas. En nuestro caso sólo nos interesa
crear una bitácora simple, así que nos interesa la opción de <<Write \&
Publish>>.

Después nos preguntará sobre el nombre que queremos darle a nuestra bitácora, y
su {\it eslogan} (figura \ref{fig:name-tagline}). Aunque hayamos definido
anteriormente un dominio, el nombre de la bitácora no tiene porqué estar
asociado a él.

Una vez hecho esto nos pregunta que por dónde queremos empezar (figura
\ref{fig:where-to-start}). Podríamos empezar ya creando un artículo o viendo
algún vídeo sobre cómo mantener y gestionar una bitácora -- cosa poco difícil --
pero a nosotros nos interesa aún fijar el tema de nuestra bitácora.

Al elegir la opción <<View designs>>, veremos una lista de diseños (temas)
variados para aplicar a nuestro sitio web (figura \ref{fig:choose-theme}). En
nuestro caso, nos gustaría aplicar alguno que fuera simple, y así no tarda
demasiado en cargar. Algo ligero. Vamos a elegir <<Livro>>.

\pagebreak

\section{Creación de Contenido}

\begin{figure}[ht!]
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/07-first-post.png}
		\caption{Primer artículo.}
		\label{fig:first-post}
	\end{subfigure}
	\hfill
	\begin{subfigure}{0.45\textwidth}
		\includegraphics[width=0.95\textwidth]{imgs/08-view-first-post.png}
		\caption{Vista del primer artículo.}
		\label{fig:view-first-post}
	\end{subfigure}
	\caption{}
\end{figure}

Una vez que hayamos elegido el diseño, podemos empezar a crear contenidos. Lo
primero que haremos será crear un artículo simple. Un <<Hello, World!>> clásico.
WordPress nos proveerá una interfaz muy sencilla para editar la página,
utilizando el modelo WYSIWYG (figura \ref{fig:first-post}). Aquí podremos editar
el contenido y gestionarlo.

Una vez que terminamos con la creación del artículo, lo publicamos y podremos
visualizarlo en nuestra bitácora (figura \ref{fig:view-first-post}). Como se
puede ver, aparece exactamente como lo diseñamos en la página de crear el
artículo. También provee unos botones por abajo para compartir el artículo en
las redes sociales: WordPress, Twitter, y Facebook.

\section{Conclusión}

El sitio web de WordPress.com facilita muchísimo la creación de sitios web,
bitácoras, y tiendas {\it online}, de tal modo que cualquiera puede crear un
sitio donde publicar lo que quiere sin necesidad de conocimientos técnicos. Si
esto es para bien o para mal, ya cada uno puede concluir lo que quiere.

\pagebreak

\section{Derechos de Autor y Licencia}

\noindent
Copyright \copyright\ \the\year\ Nicolás A. Ortega Froysa
<nicolas@ortegas.org> \\
\\
Este documento se distribuye bajo los términos y condiciones de la licencia
Creative Commons Attribution No Derivatives 4.0 International.

\end{document}
