167 lines
6.3 KiB
TeX
167 lines
6.3 KiB
TeX
|
\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}
|