diff --git a/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.pdf b/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.pdf new file mode 100644 index 0000000..0194244 Binary files /dev/null and b/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.pdf differ diff --git a/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.tex b/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.tex new file mode 100644 index 0000000..d78ddb8 --- /dev/null +++ b/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.tex @@ -0,0 +1,166 @@ +\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} diff --git a/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.toc b/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.toc new file mode 100644 index 0000000..a31adef --- /dev/null +++ b/2/IAW/assignments/t7-ej2-wordpress-online/t7-ej2-wordpress-online-naortega.toc @@ -0,0 +1,6 @@ +\babel@toc {spanish}{}\relax +\contentsline {section}{\numberline {1}Introducción}{2}{section.1}% +\contentsline {section}{\numberline {2}Creación del Sitio Web}{3}{section.2}% +\contentsline {section}{\numberline {3}Creación de Contenido}{5}{section.3}% +\contentsline {section}{\numberline {4}Conclusión}{5}{section.4}% +\contentsline {section}{\numberline {5}Derechos de Autor y Licencia}{6}{section.5}%