\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 <>. 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 <>. \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 <>. 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 <>, 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 <>. \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 <> 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 \\ \\ Este documento se distribuye bajo los términos y condiciones de la licencia Creative Commons Attribution No Derivatives 4.0 International. \end{document}