Wordpress - Pagína para probar la instalación de Apache

(Proceso de creación de usuario ftp mediante cpanel)(Creación del usuario)

(Anotar la informaciones de acceso a la cuenta de ftp)Existen varias alternativas de clientes ftp como: Filezilla, Core FTP, Cyberduck eincluso podemos usar la terminal para llevar a cabo nuestras tareas. En nuestrocaso vamos a usar Filezilla como cliente FTP.Suponiendo que ya hemos descargado e instalado Filezilla en nuestro ordenador,pasamos a su configuración. Se debe usar los datos de la cuenta ftp que hemoscopiado anteriormente.(Configuración de Filezilla)Sácale partido a la red con Wordpress por Fernando FREDERICK

Instalación de WordPressDespués de haber seguido todos los pasos anteriores podemos pensar en instalarWordpress. La instalación se puede hacer de varias formas así que usaremos lafamosa instalación en 7 pasos con imágenes así podrás seguir los pasosadliteram.1. Descargar el paquete de la versión 3.5 de WordPress en español que es laúltima versión a la hora de la creación de este manual y descomprimirlo enuna carpeta vacía de tu ordenador.2. Abrir el archivo wp-config-sample.php con un editor de texto plano comonote pad o un software de edición de HTML y rellenar los datos de laconexión a tu base de datos.

(Importante modificar el prefijo, permite otras instalaciones en la misma base de datos y estambién una medida de seguridad)3. Guardar el archivo como wp-config.php.4. Subir todo a tu servidor usando FilezillaSácale partido a la red con Wordpress por Fernando FREDERICK

5. Abrir http://tudominio.com/wp-admin/install.php en tu navegador. Si hayalgún error, haz el favor de revisar tu archivo wp-config.php y probar denuevo.La forma que acabamos de ver es la más antigua y segura pero hoy día existeuna forma más sencilla que implica saltarse los pasos 2 y 3 , así tendrás quecrear el archivo wp-config en linea para rellenarlo.

6. Recordar la contraseña que has elegido7. Al pulsar al botón acceder, el programa de instalación te enviará entonces ala página de acceso. Accede con el nombre de usuario elegido y lacontraseña creada durante la instalación.Sácale partido a la red con Wordpress por Fernando FREDERICK

(página de acceso al escritorio de tu WordPress)

Escritorio de Wordpress (Back-end)Sácale partido a la red con Wordpress por Fernando FREDERICK

Primera vista de nuestro proyecto (front-end)

Configuración de WordpressAhora que ya tenemos nuestro Wordpress instalado tenemos que configurarloantes de ponernos a publicar.Entramos en Ajustes → GeneralesPara poner el título de nuestro proyecto, definir la URL del mismo, modificar elhorario, permitir la suscripción de usuarios y también el correo que se usará pararecibir las notificaciones.EscrituraLecturaLa parte de lectura define la forma en qué los visitantes podrán ver tu proyecto aprimera vista. Por defecto, se verá la última publicación pero podemos cambiaresto eligiendo lo que queremos mostrar. De momento no tenemos elección ya queno hemos creado ningún contenido por ahora.ComentariosEs importante configurar los comentarios sea cual sea el tipo de proyecto queSácale partido a la red con Wordpress por Fernando FREDERICK

quiere crear con Wordpress. En los ajustes de comentarios puedes permitircomentarios o no, crear lista negra, definir avatar, crear condiciones para moderarcomentarios, etc.

Enlaces permanentesLos enlaces permanentes es una opción muy importante por cuestión deoptimización en buscadores y facilidad para usuarios. Hasta ahora se ha usadovarios tipos y todos y cada uno con un propósito importante.Cuanto más recordable sea tus enlaces mejor para todos ya que los buscadoreste podrán encontrar fácilmente y los usuarios podrán volver con facilidad. Por loque dos de las mejores opciones para usar como enlaces permanentes son lassiguientes: /%post_id%/%postname%/ para un mayor rendimiento de tuWordpress y un poco menos de posicionamiento en buscadores /%category%/%postname%/ para un menor rendimiento dewordpress y un poco más de posicionamiento en buscadoresPlugins:Los plugins son pequeños programas dentro de los cuales están unas funcionesdesarrolladas para permitir ampliar las posibilidades de tu proyecto. Puedesencontrar muchos en el directorio de Wordpress o puedes pagar a unprogramador para desarrollar algunos con un propósito concreto.Para agregar los plugins solo tienes que irte a Plugins -->añadir nuevo, una vezdentro podrás usar el buscador para buscar e instalar los plugins necesarios.Recomiendo los siguientes plugins para tener un sitio seguro, rápido, social,optimizado y accesible desde cualquier dispositivos:Sácale partido a la red con Wordpress por Fernando FREDERICK

1. Akismet: cualquier sitio en Internet que tiene formulario recibe muchos“spams” no obstante Akismet se encargara de todos los mensajes nodeseados sin ningún problema.2. Broken Link Checker: (Verificar los enlaces rotos). Este plugin se encargade revisar todos los posts (entradas) del blog, paginas y comentarios enbúsqueda de enlaces rotos y las imágenes que faltan, si encuentra algunasnos avisa al mismo tiempo. Así podemos corregir el error ya que los enlacesrotos empeoran el posicionamiento.3. All in One SEO Pack (Optimización para buscadores) Optimiza tu blog deforma automática para los buscadores y las redes sociales.4. WP Super Cache. Cargar las paginas de forma más rápida; este plugin seencarga de generar archivos HTML estáticos de tu blog de WordPressdinámico. El servidor hará menos trabajo para cargar tu pagina lo quesignifica una carga muy rápida. Mejor experiencia para los visitantes.5. Login LockDown: Este plugin es primordial para aumentar la seguridad detu blog limitando el numero de intento de inicio de sesión; después dellimite se bloquea la IP hasta un cierto tiempo. Así no podrán utilizar unalgoritmo para adivinar tus contraseña y hackear tu Wordpress.6. Google XML Sitemaps: Este plugin genera un mapa del sitio especial enXML y lo envia a los directorios populares como Yahoo. Bing y Google paraindexar tus contenidos.7. Contact Form 7 y Really Simple CAPTCHA : Si piensa recibir mensajesdesde un formulario o contenidos desde formulario entonces necesitas estosdos plugins ya que podrán crear en segundos todo tipo de formulario deforma segura.8. SexyBookmarks (Shareaholic) Después de leer un buen articulo siemprenos entra ganas de compartirlo con nuestros amigos a través de las redessociales. Este plugin permite que cualquier usuario pueda compartir con suscontactos.9. WPTouch: existen muchas formas de hacer accesible un proyecto deWordpress para teléfonos móviles y WpTouch es una de las más populares,rápidas, si tu proyecto tiene un diseño adaptativo (del inglés, ResponsiveWeb Design ), entonces no necesitarás este plugin.10. Feedburner FeedSmith Extend: es un plugin que detecta todas lasfuentes de RSS de tu blog para re-dirigirlo a tu url de feedburner.11. Ultimate landing page and Coming soon page: este plugin esprimordial cuando acabas de crear un proyecto en Wordpress y no quieresperder a los visitantes o quieres crear un evento y necesitas crear una listade correo de personas interesadas. La version gratuita funciona con tu “ID”de Feedburner.12. BackUpWordPress: Al activar este plugin podrás tener de forma

automática una copia de seguridad de tu sitio a base de Wordpress.org.Existen otras opciones para hacer copia de seguridad de tu sistemaBackUpWordPress es bastante completo para empezar.Al descubrir la existencia de los plugins muchos tienden a instalar un plugin paratareas tan simples como poner un favicon. Pero cargan su proyecto con toda unaaplicación que necesita espacio cuando solo se trata de poner una simple linea enla cabecera de tu proyecto.El uso de muchos plugins ralentizan el cms y pueden surgir algunos conflictos deplugins, cosa que impedirá el buen funcionamiento de tu proyecto con Wordpress.Por lo tanto, Instala los plugins que merecen la pena y recuerda que según elautor del mismo, puede o no ser compatible con las nuevas actualizaciones deWordpress.Maquetación: Páginas y entradasCreación y edición de EntradaEntradas -->añadir nuevaSi sabes como enviar un mensaje por correo electrónico entonces no tendrásningún problema para crear tu primera entrada con Wordpress. Importanterellenar todos los campos ya que más tarde se necesitarán los datos (Título,contenido, etiquetas, categorías). Si quieres hacer más cosas en la entradapuedes pasarte a la vista de texto, dónde solo tu creatividad y conocimientos delenguajes (HTML, Javascript, etc.) te pueden limitar.Sácale partido a la red con Wordpress por Fernando FREDERICK

Creación y edición de PáginaPágina -->añadir nuevaLa creación de una página no es tan diferente a la de una entrada no obstantetienen dos propósitos diferentes. Las páginas pueden ser de todo tipo (estático odinámico) todo depende de ti. Ejemplo muy simple puedes crear páginas acercade ti, especialidad, tus servicios, contacto, galería, etc.

Página de contactoSiempre molesta ver una página de servicios en Internet sin ningún medio decontacto como si fuera anónima. Para cualquier profesional una página decontacto es importante y primordial. Por lo tanto, vamos a crear una página decontacto usando nuestra funcionalidad de contacto (Contact form 7).Primero, nos vamos a Contacto, una vez dentro veremos la posibilidad de crearnuevos formularios e incluso modificar lo que ya existe. Puedes tener una ideaconcreta viendo la siguiente imagen:Sácale partido a la red con Wordpress por Fernando FREDERICK

Cuando hayas terminado con la creación o modificación del formulario de contactodeberás guardar y solo hay que copiar la etiqueta generada, en mi caso:[contact-form-7 id="11" title="Formulario de contacto"]Ahora vamos a volver al escritorio para crear una nueva página: Página → añadirnuevaPonemos el título, una nota informativa y pegamos la etiqueta copiadaanteriormente.

Guardar y el resultado deberá ser el siguiente:Sácale partido a la red con Wordpress por Fernando FREDERICK

Apariencia de nuestro proyecto con WordpressTemasLos temas o plantillas de Wordpress son plantillas que ya vienen con la partegráfica y las funciones básicas. Los temas generalmente es la parte gráfica por lotanto definen el tipo de proyecto que tenemos a primera vista (Revista, periódico,blog, foro, etc.)Puedes instalar varias plantillas en tu sistema. Puedes buscar las plantillas desdela pestaña “instalar temas” en el buscador o eligiendo algunos criterios debúsqueda. Otra forma de instalar plantilla es descargar en cualquier sitioespecializado y usar la funcionalidad “subir” en el apartado “instalar temas”.Recuerda que existen dos tipos de temas: Gratuitos y de pago.Hay que tener cuidado con los temas de pago ya que suelen tener script queincluyen enlaces de forma automática en tu sistema en caso de no pagar. Por lotanto si optas por un tema de pago será mejor descargarlo desde la pagina oficialde su creador.Los temas gratuitos suelen tener licencia de libre uso y modificación por lo quesolo nuestros conocimientos nos pueden limitar en el proceso de transformacióndel mismo.Widgets en WordpressLos widgets en Wordpress se refieren a unos pequeños programas con nuevasfuncionalidades que podemos agregar o eliminar de nuestras plantillas a gusto.También podemos usar los widgets para tener un espacio en el cual podemosponer cualquier contenido.(Listas, Multimedia, Textos, etc.)MenúsLos menús son muy importantes para los visitantes ya que se usarán paraacceder a las partes interesante según su punto de vista, por lo tanto cuando mássimple mejor. No todos los temas o platillas soportan menús personalizados. Si nodispones de conocimientos de html y php se aconseja usar una plantilla quesoporta menús personalizados.CabeceraTe permite modificar la cabecera de tu proyecto poniendo imágenes, colores,textos, etc. (Esta funcionalidad solo existen en algunas platillas). Dependiendo detu proyecto podrás necesitar la funcionalidad o no.

FondoFondo es una funcionalidad que te permite cambiar de color de foto fácilmente.(Esta funcionalidad solo existen en algunas platillas)Opciones del temaEs una funcionalidad que permite modificar la plantilla desde unos simplesformularios que hay que rellenar con las opciones adecuadas. Las opciones varíansegún la plantillas en algunos. Su propósito es facilitarte la personalización de laplantillas al máximo con la menor conocimientos de lenguajes (HTML, Javascript,etc.) (Esta funcionalidad solo existen en algunas plantillas)EditorWordpress esta escrito en php y sql por lo que tenemos la opción de editarnuestras plantillas haciendo uso de lenguajes de programación. Si no sabesprogramar mejor no tocar esta parte sin embargo, con habilidad en Php, css,Html, Jquery, etc. podrás modificar y desarrollar todas las funciones que se teocurren para mejorar tu proyecto.En caso de querer investigar este apartado a fondo se recomienda hacer unacopia de seguridad de los archivos para así poder volver al punto de inicio si algosale mal.Administración de UsuariosLa administración de usuarios en Wordpress es una funcionalidad muy potente ynecesario para tener un sitio web administrado por varios usuarios con distintospermisos. Los permisos y tipos de usuarios permitidos en Wordpress son lossiguientes:1. Super Admin: Define el usuario con acceso a la red de blogs paracontrolarla y administrarla (Este usuario existe en caso de tener una red deblogs)2. Administrador: define el usuario con acceso total y permiso deadminsitración del proyecto con Wordpress, este usuario es el primerusuario creado durante la instalación de Wordpress.3. Editor: es un usuario que tiene permiso para publicar y gestionar lasentradas y páginas creadas por si mismo y otros usuarios.4. Autor: Es un usuario que puede publicar y gestionar sus propias entradas.5. Colaborador: Es un usuario que tiene permiso para escribir entradas perono tiene permiso para publicarlas6. Suscriptor: es un usuario que solo puede gestionar su perfil.Sácale partido a la red con Wordpress por Fernando FREDERICK

Una vez dentro de la opción de “Usuarios” podrás ver tres apartados:1. Todos los usuarios: Para ver listar, gestionar y crear usuarios2. Añadir nuevo: para añadir un nuevo usuario con el permiso adecuado3. Tu Perfil: para modificar todas las informaciones de contacto, cambiarcontraseña, escribir biografía, etc.HerramientasPor defecto en el apartado de herramientas de Wordpress aparecen:Herramientas disponibles:• Publicar esto: Publicar esto es un marcador: una pequeña aplicación quese ejecuta en el navegador y permite coger secciones de cualquier web quevisitas para poder convertirlo en un trozo de una nueva entrada. No quieroque vayas a necesitarlo pero por si acaso solo tienes ue arrastrarlo alnavegador y listo.• Conversor de etiquetas y categorías: Permite convertir categorías enetiquetas (o viceversa). Dependiendo de tu estrategia de SEO puede que nolo necesites así que dejalo tal.ImportarTe da unas series de opciones para importar contenidos de otros sistemas, esdecir si tienes un blog en blogger por ejemplo, podrás importar todas tusentradas a tu nuevo wordpress sin problema.ExportarEsta opción es para exportar tus entradas hacia otros sistemas en casonecesarios. Por ejemplo, tienes un nuevo blog y te gustaría tener todas tusantiguas entradas sin tener que escribirlas de nuevo, solo tendrás que usar loopción exportar y tendrás la posibilidad de hacerlo en unos segundos.RSS feed y suscripciones con Feedburner¿Qué es RSS y como usarlo?Para entender el RSS solo tienes que ver la siguiente imagen de Feedburner yverás el funcionamiento y la importancia en seguida:

(Creamos el contenido, lo publicamos en nuestros blogs y los distribuimos a través deRSS.)RSS (abreviado del inglés Really Simple Sindication), es un sistema que tepermite suscribirte a la fuente web de un blog u otros sitios dinámicos que lotienen implementado. Es decir en vez de visitar cada sitio para leer suspublicaciones podrás usar un lector de RSS para agrupar todos los contenidos sinperderte ninguna y leerlos cuando quieras. Uno de los lectores en linea máscompletos es el Google Reader una funcionalidad que te permite desde tu cuentade Google acceder a todas las noticias de tus sitios favoritos de forma ordenada.Puedes ver a continuación una captura de pantalla de Google Reader.Puedes acceder al lector de RSS de Google de dos formas:1. Desde Gmail, solo tienes que irte al desplegable más-->Reader2. Desde el navegador web, solo tienes que escribir en la barra de dirección:https://www.google.com/reader/Sácale partido a la red con Wordpress por Fernando FREDERICK

Manejo de tu RSS feed con FeedburnerFeedburner es un sistema que te permite tener estadísticas sobre los suscriptoresy a su vez permite ofrecer una suscripción vía correo electrónico.Por defecto Wordpress incluye una versión de RSS de tus contenidos en lassiguientes direcciones:• http://tusitio.com/?feed=rss• http://tusitio.com/?feed=rss2• http://tusitio.com/?feed=rdf• http://tusitio.com/?feed=atomSi quieres manejar el feed de una categoría especifica de tu proyecto puedes usaruna de las siguientes formas:• http://tusitio.com/category/categoryname/feed• http://tusitio.com/?cat=42&feed=rss2Es importante usar feedburner para el manejo de tu RSS ya que podrás tenermuchas informaciones sobre tus lectores y suscriptores y todo esto es de formagratuita. Para crear una cuenta de Feedburner solo tienes que dirigirte awww.feedburner.com y seguir unos simples pasos. Si ya tienes una cuenta degmail podrás usar los mismos datos para tener acceso a tu cuenta de feedburnerde forma automática.Configuración de RSS y suscripciones por correo electrónicoUna vez terminado con el proceso llegaremos a una ventana con las siguientesopciones:Publicize → Chiclet shooserElegimos la imagen que queremos que aparezca en nuestro blog y copiamos en elcódido generado para pegarlo en la parte de nuestro blog dónde queremos queaparezca (Normalmente dentro de un widget de texto)Publicize -->Suscripciones por e-mail -->ActivarEligir el idioma del formulario a través de cual los visitantes tendrás quesuscribirse vía coreo electrónico.Copiar el código generado y pegarlo en la parte de tu blog dónde quieres queaparezca el formulario (Normalmente dentro de un widget de Texto)Muy importante elegir la opción: “Enviadme un email cuando alguien cancele sususcripción (será enviado a su dirección de remitente).”Guadar los cambios y ahora vamos a personalizar un poco más en:• Communication preferences: Para elegir el email remitente, modificar elcontenido del mensaje a gusto.

• Email Branding: Para editar la apariencia de los mensajes que se enviaráal suscriptores cuando publiques un artículo u otro contenido. (Un logo enJPEG, GIF o PNG alojado en cualquier servidor accesible, colores de tumarca o proyecto, tipo de letras, etc.)• Delivery options: Para elegir la hora para enviar los mensajes de lasnuevas publicaciones.Existen más opciones interesantes dentro de Feedburner pero con las anteriorestenemos bastante para el uso que queremos dar. Más tarde podrás experimentarcon Feedburner si tienes la necesidad.Sácale partido a la red con Wordpress por Fernando FREDERICK

Trucos útiles:¿Cómo tener un favicon sin plugin usando cualquier tema enwordpress.org?Es algo muy simple pero desconocido para muchos hasta fecha. Solo tienes quesubir una imagen con extensión .ico en algún lugar de tu servidor preferiblementeen la carpeta de imágenes de tu plantilla o en la carpeta de carga por defecto deWordpress.org. Si no sabes como generar una imagen .ico puedes usar elgenerador de favicon online (http://www.favicon.cc)• Ahora tienes que dirigirte dentro de tu escritorio de Wordpress y enApariencia-->Editor• Haz clic en el archivo llamado header.php que se encuentra en la lista dearchivos a la derecha.• Una vez dentro busca la etiqueta y pega la siguiente linea despuésde la misma o justo antes de :• • Reemplaza url_de_tu_favicon por la direcci'on donde tienes alojado laimagen con extensión .ico.• Actualizar el archivo y deberías ver tu Favicon.¿Cómo poner una imagen en un widget de texto enlazando contenidointerno o externo?Es tan simple como :1. Dirigirte a Apariencia-->Widgets2. Elegir un widget de texto y arrastrarlo en el sitio donde quieres queaparezca la imagen3. Poner un titulo y escribir la siguiente linea de código dentro:4. Reemplazar :• título_enlace por el título de lo que se enlaza• url_contenido por la dirección donde se encuentra el contenido quequieres enlazar• url_imagen por la dirección donde se encuentra la imagen que quieresque aparezca• nombre_imagen por el nombre de la imagen• altura_imagen por un número seguido de px que define la altura de laimagen

• anchura_imagen por un número seguido de px que define la anchurade la imagen5. Guardar y listo¿Cómo quitar el formulario de contacto en páginas?Algunas plantillas permiten activar o desactivar comentarios en páginas, por lotanto hay que verificar si el tema en uso lleva tal función antes de aplicarcualquier cambio.Para quitar el formulario de comentario en las páginas tienes que seguir lossiguientes pasos:• Dirigirte a Apariencia-->Editor• Buscar el archivo page.php en la lista de archivos de la derecha.• Buscar y lo cambias por • Actualizar archivo y listo¿Cómo incluir un vídeo de Youtube y Vimeo en un post o widget sinplugin?Vídeo desde Youtube:• Dirigirte a Youtube para buscar el vídeo.• Una vez que hayas encontrado el vídeo, hay que ir debajo del mismo en elapartado compartir-->Insertar• Asegurate de que no haya opción seleccionada antes de copiar el código.Una vez copiado puedes irte al post deseado, pasar a la vista de texto ypegar el código. O bien, si prefieres ponerlo en un widget dirígete aApariencia-->widgets para elegir un widget de texto arrastrándolo en elsitio adecuado y pega el código.Sácale partido a la red con Wordpress por Fernando FREDERICK

Vídeo desde Vimeo:El proceso de Vimeo no es muy diferente, solo toca encontrar el vídeo deseado,pulsar share o compartir y copiar el código en el apartado de insertar o embed.

¿Cómo incluir Google Analytics sin plugin?Es importante saber si nuestros proyectos en Internet reciben visitas y algunasinformaciones sobre los visitantes para poder mejorar. Existen algunos script quepermite tener muchas informaciones importantes. Uno de los más usados yfiables es Google Analytics (www.google.com/analytics).Para incluir Google Analytics o cualquier otro script que permite seguir lasestadísticas de tu proyecto solo tienes que crear una cuenta rellenando loscampos necesarios para tu proyecto y al final obtener un código de seguimiento.Deberás copiar el código y posteriormente pegarlo en el pie de página de laplantilla siguiendo los siguientes pasos:• Una vez que hayas copiado el código, tienes que entrar en el escritorio detu sitio y dirigirte a Apariencia-->Editor-->footer.php• Pega el código antes de la etiqueta • Actualizar el archivo y listo.Ten en cuenta que algunas personas ponen el código en la cabecera pero porcuestión de mejor rendimiento y velocidad de carga es mejor ponerlo en el pie depágina.¿Cómo modificar el pie de página?El pie de página varia según la plantilla. De forma genérica la modificación del piede una plantilla consiste en entrar en el archivo footer.php y reemplazar lasplabras y enlaces a gusto. Vamos a ver como ejemplo el pie de la plantilla TwentyTwelve:

ConclusiónWordpress es una plataforma muy flexible, por lo que no tendrás limite para eldesarrollo de cualquiera de tus nuevas ideas. Espero haber entregado un manualfácil de seguir y preciso para empezar a conocer la plataforma de Wordpress deforma profesional y empezar a desarrollar proyectos en constante crecimiento.

Herramientas recomendadosCMS• El paquete de Wordpress.orgCliente FTP• filezilla-project.orgAnalítica web• Google AnalyticsServicio de difusión de contenidos• feedburnerServicios de hosting• 1and1• Bluehost• Hostgator• RedcorunaGenerador online de Favicon• favicon.ccFotos e imágenes con licencia adecuada.• google.com/advanced_image_search• freephotosbank.com• morguefile.com• flickr.com/creativecommonsSácale partido a la red con Wordpress por Fernando FREDERICK

Sobre el autorFernando Frederick: emprendedor Internet, desarrollador web y consultortecnológico internacional.Empresa y contacto del autor:Nova Ideas DevConsultora tecnológica que se dedica al desarrollo, diseño, programación y puestaen marcha de portales de Internet y aplicaciones para teléfonos móviles.Web: www.novaideasdev.comemail: info@novaideasdev.comDatos de contacto• Blog personal del autor: Blog de Informática y Cultura• Twitter del autor: www.twitter.com/ffrederick• Identi.ca del autor: http://identi.ca/ffrederick• About.me del autor: http://about.me/ffrederick