Artículos en esta categoría: Tips

Como Instalar WordPress Paso a Paso – Como Usar WordPress – Manual Para Novatos Parte 1

26 junio 2011 Skamasle

No se por que pero medió por hacer mini manuales, esta vez les voy a hacer uno sobre como instalar wordpress ( parte 1 ), esto por ahora, en la parte 2 y si hubiera parte 3 explicare como configurar wordpress, instalar plugins, agregar botones, instalar themes, etc.

Como Instalar WordPress y Como Crear Base de Datos en cPanel

Esta parte del manual va dirigida a los que usan cPanel, si me da por instalar plesk y directadmin luego hago otro manual.

Primero que nada tenemos que tener una base de datos, para eso entramos a cPanel, y nos desplazamos hasta donde diga bases de datos:

Entramos a donde dice Mysql Base de Datos

Al entrar nos saldrán las bases de datos que tenemos.. si estamos siguiendo este manual es que nunca hemos creado una base de datos desde cPanel así que no nos saldrá nada mas que un recuadro que dice crear base de datos.

Básicamente nos saldrá un prefijo y tenemos que poner el nombre de la base de datos y dar crear base de datos.

Si tenemos phpmyadmin 3.x podemos hacerlos desde phpmyadmin:

Es casi lo mismo escoger la base de datos y escoger una codificación:

Pero en fin no usaremos el phpmyadmin por ahora así que la que nos vale es la primera opción.

Luego de crear la base de datos nos llevara a otra página para confirmar la instalación:

En esa página solo damos clic en hacia atrás y listo. volvemos a donde estábamos antes pero con la diferencia de que tendremos una base de datos.

Ahora bien lo que tenemos hacer es crear un usuario para poder acceder a la base de datos, esa misma ventana donde creamos la base de datos un poco mas abajo nos salen las opciones para crear el usuario también:

Es casi lo mismo que antes podemos poner cualquier nombre en usuario no hace falta que sea el mismo nombre que pusimos en la base de datos, pero si ponemos el mismo no pasa nada, aunque lo recomendable es poner uno diferente para mas seguridad:

Ponemos el nombre y a contraseña y damos clic en crear usuario, al igual que antes nos llevará a otra ventana para confirmar, pero esta vez nos mostrará la contraseña:

Confirmamos dando clic en Hacia Atras y volvemos a la misma página donde hicimos el usuario y la base de datos, ahora tenemos que completar la ultima parte lo que a muchos se les pasa y por eso no les funciona.

Ahora tenemos que asignar los permisos del usuario que creamos para que pueda acceder a la base de datos, conectarse, escribir en ella etc

Esto lo hacemos en la parte que dice Añadir Usuario a la Base de Datos

Como vemos en la imagen hay dos menús desplegables, escogemos el usuario que creamos en uno y en el otro la base de datos, siempre que vallan a hacer una base de datos han de hacer este paso, si van a tener mas blogs no hace falta crear mas usuarios si no quieren, solo crean una base de datos nueva y añaden el usuario que ya tienen.

Al dar clic en añadir nos llevará a otra página para asignar los permisos:

Marcamos todas las casillas para que el usuario tenga permisos para todo en la base de datos

Confirmamos y eso es todo, tenemos nuestra base de datos lista para instalar wordpress, muy importante que no se nos olvide la contraseña que pusimos que la ocuparemos luego.

Seguimos con la instalación:

Como Instalar WordPress Guía Paso a Paso Para Novatos

Lo que Haremos es:

Descargar WordPress
Entrar al FTP
Subir WordPress
Descomprimir WordPress
Configurar el wp-confing.php
Instalar WordPress

Creo que el paso 1 es muy sencillo, vamos a wordpress.org y descargamos la ultima versión comprimida en ZIP:

Ahora volvemos a nuestro cpanel y buscamos el administrador de archivos

Escogemos el nombre del dominio ( la carpeta en donde instalaremos wordpress )

Esto nos llevará a una carpeta vacía o bien con alguno que otro archivo cgi.

Vamos a subir wordpress:

Damos clic en Upload o Cargar y subimos el ZIP.

Nos saldrá una página como esta:

Damos clic en examinar y buscamos el ZIP que descargamos damos a subir y listo esperamos que la barra se llene y luego damos clic en volver al administrador de archivos, y veremos que apareció nuestro wordpress en zip:

Damos clic en el ZIP y luego damos clic en descomprimir ( marcado con un cuadro negro en la imagen de arriba )

Nos preguntara donde descomprimir, si estamos seguro que nos encontramos en la carpeta correcta lo único que tenemos que hacer es darle clic en extraer archivo y listo, al finalizar de extraer nos saldrá otra ventana, damos clic en close en la parte de abajo y listo.

El zip lo podemos borrar ya no nos hace falta, solo damos clic y precionamos suprimir, nos pedira confirmar y lo borramos.

Ahora bien tenemos nuestro wordpress en nuestrodominio.com/wordpress, ahí quedara la instalación, si queremos que la instalación quede en la raíz o sea en nuestrodominio.com tenemos que mover los archivos.. y a eso vamos !

Entramos en la carpeta que dice wordpress, la misma que descomprimimos.

Seleccionamos todos los archivos y carpetas que hay ya sea presionando control y dando clic en cada uno o bien presionando control + shift, dando clic en el primero y luego en el ultimo, con eso los seleccionamos todos.

Al tener todo seleccionado damos clic en mover o en copiar

Si damos clic en mover, los archivos se moverán a donde queramos y se borrarán los de la carpeta de wordpress
Si damos clic en copiar, se copiaran a la ruta que especifiquemos pero los de la carpeta de wordpress se mantendrán.

Es casi lo mismo para ahorrar espacio los movemos así no tendremos archivos innecesarios en nuestro hosting.

Nos saldrá una ventana como esta al dar clic en mover:

Si vemos la imagen de arriba vemos que deje marcado donde dice wordpress, borramos la palabra wordpress, esto lo que hace es bajar de directorio, luego de eso le damos clic a mover y listo, tendremos nuestro wordpress en tudominio.com y no en tudominio.com/wordpress

Así de sencillo, la carpeta de tudominio.com tiene permisos 777 no tenemos que hacer nada mas, podemos entrar a tudominio.com yo lo estoy haciendo en servitecweb.net, así que entramos y nos saldrá que tenemos que crear un archivo de configuración:

Como digo si los permisos de la carpeta están bien ( en CPANEL normalmente los permisos son 775 por defecto así que no tendremos problemas ) podemos instalar wordpress:

En la siguiente página nos dará unas instrucciones, ledamos Vamos a Ello! y configuramos:

Algo como en la imagen de arriba a salirnos, aunque claro yo ya puse los datos, como ven son los datos de la base de datos que creamos hace un rato, el nombre de usuario, y la contraseña, localhost lo dejamos y el prefijo por defecto es WP_ podemos cambiarlo por cualquiercosa_ para mayor seguridad.

Luego nos dice:

¡Todo correcto! Ya has terminado esta parte de la instalación. Ahora WordPress puede comunicarse con tu base de datos. Si estás preparado es momento de …

Lo que sigue es dar clic en instalar y llenar los datos de nuestro sitio, el titulo que tendrá, la contraseña para entrar al panel y nuestro correo electrónico.

Eso es todo.

Como paso final para Iniciar sesión en nuestro blog tenemos que ir a dominio.com/wp-admin

Bien hemos instalado wordpress

Cualquier duda pregunten con gusto los atendemos y si e cometido algún error me dicen que se me pudo haber pasado algo.

Esta es solo la primera parte, la siguiente parte será de como instalar un theme, instalar plugins y muy importante dejar las urls amigables para los buscadores

PD si tienen problemas con su hosting, que no crea el fichero de configuración y no deja instalar wordpress de len permisos 777 a la carpeta en la que están instalando wordpress esto con el fin de no tener que crear el archivo de configuración a mano, si no les sale me dicen y agrego al tuto como dar permisos 777 o bien como hacer el archivo de configuración y subirlo

Busquedas Entrantes

instalar wordpress paso a paso
como instalar wordpress paso a paso
wordpress tutorial paso a paso
skamasle instalar wordpress

Como Usar Twitter – Como Hacer Una Cuenta en Twitter – Que es Twitter

Skamasle

Se que hay mucha info al respecto alguna mas completa que otra y todo el asunto de siempre, pero no hay como tener en casa tu propio manual.

Dirán que por que lo hago hasta ahora y el motivo es muy sencillo, hasta ahora voy a hacer una cuenta en twiiter, ya tengo una pero hasta ahora voy a hacer otra para nuestra nueva web así que aprovecho.

Sobre que es twitter en la wikipedia hay información detalla, pero resumiendo toda la info de internet twitter es una plataforma de microblogging que permite enviar mensajes de 140 caracteres, nos permite seguir a la gente y así estar informados de los mensajes que envian, si queremos estar informados de las ultimas noticias twitter es una de las mejores opciones, ahora mas que nunca por que se puede acceder desde casi cualquier dispositivo móvil ya sea teléfono, tablet o bien PC claro, se puede acceder tanto vía web o bien usar un cliente para nuestra comodidad, en skamasle ya les hemos presentado varios tanto clientes twitter para linux (ubuntu fedora, debian etc, cliente twitter para android

En fin esa es mi explicación, yo casi no uso twitter al menos para mandar mensajes pero si que leo de vez en cuando que mucha infor interesante hay por ahí, pero si te gusta leer o lo que alguien publica tienes que estar registrado así te será mas fácil por que te llegará toda la información y no tienes que andar buscando a la gente.

Como Registrarse en Twitter

Este proceso ahora es más fácil que antes, solo tenemos que entrar a twitter.com y en la página de inicio podemos crear nuestra cuenta.

En el recuadro nos pide los datos, lo único que tenemos que hacer es poner nuestro nombre o el nombre de nuestra empresa, un correo electrónico VALIDO y una contraseña, importante que el correo electrónico sea valido:

Luego de llenar todos los datos nos va a redirigir a otra página para confirmar:

En esta página página si el correo y el nombre están disponibles nos marcara todo como bueno ( un check en color verde ) si no esta bien nos marcara con una X en color rojos.

Nota Muy Importante Su nombre real es una cosa y su nombre de usuario marcado con un cuadro en la imagen es otra cosa el nombre de usuario es con lo que las demás personas nos encontraran en twitter, si alguien te pide el twitter, si ves a alguien y te pide el twitter tendrás que darle ese nombre, por ejemplo servitecweb1 que en twitter será twitter.com/servitecweb1

En fin seguimos, si todos los datos están bien y hemos escogido el nombre de usuario que mas nos guste ( luego se puede cambiar por otro que este disponible ) damos clic en crear cuenta.

El siguiente paso se puede omitir sin ningún problema, pero es bueno saber de que se trata:

Como vemos en la imagen de arriba nos salen algunas categorías destacadas, al clicar en una de esas categorías nos saldrán los usuarios mas destacados ( los que mas publican, mas seguidores tienen etc ) por si queremos seguir a uno de esos usuarios.

Ejemplo, Clicamos en deportes, y nos saldrá una lista como esta:

Como vemos en la imagen al lado de cada cuenta hay un botón que dice seguir si nos interesa recibir información de esa cuenta damos clic en seguir y en nuestra página de twitter llegaran todos los twits que nos envíen.

Luego de revisar las categorías y escoger las cuentas que vamos a seguir damos clic en el botón azul de la parte de abajo que dice próximo paso ( marcado en un recuadro negro en la imagen de arriba )

En este próximo paso lo único que tenemos que hacer ( si queremos ) es exportar nuestros contactos de gmail, hotmail, yahoo etc:

Básicamente eso es todo tenemos nuestra cuenta de twitter.

Ahora al entrar a twitter.com, a la página principal veremos los twitts que han enviado todos nuestros contactos ( gente a la que seguimos )

Algo así:

En la página principal de twitter también a la derecha tenemos información de cuantas personas nos siguen, a cuantos seguimos, cuantos twitts hemos mandado etc.

En la cuenta no tengo nada así que no salen los twitts, ni seguidores, pero como vemos en la imagen de arriba podemos subir una imagen ( avatar ), configurar mas datos, escribir una biografía, poner el lugar de donde somos etc.

Es muy sencillo, tal vez haga otro tutorial para configurar el perfil, es muy intuitivo pero ya que e hecho este manual pues tendré que complementarlo.

Pero así de simple podemos tener una cuenta en twitter en menos de 5 minutos.

Busquedas Entrantes

no puedo usar twitter en mi android
no puedo usar twitter en android
como crear un twitter wikipedia
como usar twitter en android

Optimizar WordPress Parte 2 – Reducir el Tiempo de Carga del Blog Hasta en 3 Segundos

17 junio 2011 Skamasle

Hace un año hice la parte 1 de este tutorial, que trataba mas que nada de reducir peticiones a la base de datos para acelerar wordpress un poco aunque se puede aplicar para cualquier página web o CMS, aunque mas que tutorial eran consejos solamente, y los pueden ver en este enlace.

Ahora bien veamos a ver nuestros tiempos de carga antes de comenzar a hacer cambios.

Usamos una herramienta de medición de tiempo, si no saben de ninguna miren este enlace

Personalmente recomiendo pingdom tools

Experimentamos con skamasle antes que nada..

Tiempo de carga: 6.88 segundos

En la siguiente imagen vemos algunas cosas que tardan en cargar mas que nada los JS del theme, que pesan entre 10 y 70kb. ( si no se ve bien la imagen den clic para agrandar )

Primero nos pondremos con los JS ( Java Script )

Hay dos formas con las que podemos ahorrar Kb.

1- Borrando los comentarios del código y quitando los espacios en blanco, lo probe y de un fichero de 30kb me quito 3kb.
2- Comprimiendo los ficheros, esto quita el peso de los archivos un 60% -70% según el fichero.. un fichero de 30kb queda con un peso aproximado de 9kb.

Si queremos bajar mucho el peso podemos quitar las lineas y los comentarios y luego comprimir, pero por 3 o 4 kb según el sitio que tengas no hace mucha falta.. y menos si tienes poco tiempo y no quieres borrar lineas y comentarios.

Vamos a comprimir, lo haremos en gzip.

Entramos a un FTP, navegamos hasta la ruta del theme:

/wp-content/themes/tu-theme

Ahora bien buscamos los archivos JS, normalmente están en un la carpeta JS, o scripts depende del theme( podemos ver la ruta exacta en el pingdom tools, o bien viendo el código fuente de nuestro blog )

Nos bajamos los ficheros que queramos comprimir, desde linux no tendrán problema en comprimirlos en gzip, ya lo soporta por defecto, pero si están en windows pueden usar peazip, además les servira como alternativa a RAR, aunque solo para descomprimir…

Ahora bien comprimidos los archivos tendrán el mismo nombre solo que la extensión cambiara de .js a .js.gz

Subimos los archivos a la misma carpeta, por ahora mejor no borrar los que no están comprimidos.. aunque da igual.. si quieren dejarlo como estaba solo descomprimen y listo

Ahora una cosa muy importante, para que esto tenga efecto tenemos que editar el header.php de nuestro blog.

Vamos al ftp otra vez, buscamos y descargamos el header.php

/wp-content/themes/tu-theme/header.php

Hacemos un respaldo en nuestra pc ya sea copiándolo a otra carpeta o cambiándole el nombre ( lo importante es tener el respaldo )

Abrimos el Header.php con un editor de texto yo uso gedit ustedes el que tengan a mano, si es editor de códigos mejor ya que la sintaxis saldrá marcada con diferentes colores.

En header.php buscamos los script que acabamos de comprimir y agregamos la extinción .gz

NOTA si no ven el header.php de esta manera, es por que no han puesto los links directos a los archivos, esto se explica en el tutorial anterior ( el de los consejos, mencionado al inicio del tema ).

En fin, hacemos los cambios , guardamos, y subimos..

Vamos al pingdom tools y hacemos otra vez el test.

El resultado, la carga del blog es casi 3 segundos mas rápida,

Tiempo de carga: 3.76 segundos.

Tiempo de carga de los scripts que comprimimos bajo significativamente ( las barritas azules muestran el tiempo )

Bueno por esa parte reducimos bastante el tiempo, podemos hacerlo con otros archivos pero aun no lo e probado…

Se preguntarán.. no es más fácil habilitar la compresión gzip en el servidor ?¿

Si es más fácil, pero no se por que no manda comprimidos algunos archivos.. todo depende de la configuración del servidor, y recordemos que siempre que haya una petición se usara mas CPU para comprimir los archivos, así que eso no nos beneficia mucho si tenemos mucho trafico, y como digo hay servidores que solo comprimen el texto y el HTML, así que estos archivos se mandan sin comprimir.

Vamos con la ultima parte, del tuto / consejos..

Reducir el tiempo de carga de las imágenes bajando su peso

Las imágenes, cosa bastante importante en un blog, pero entre mayor calidad, mas peso.. cada uno decide cuales imágenes, pero yo les recomiendo usar PNG – en modo indexado, una imagen PNG indexada tiene menor peso que una JPG de baja calidad..

De ejemplo pongo este post..

Las dos imágenes que subí en JPG pesaban cada una mas de 80kb, en PNG modo indexado pesan menos de 10kb.. 70kbs que nos ahorramos por imagen.

Es importante mencionar que si tienen un index muy largo tardara mas en cargar como sabemos, es importante usar el leer mas… esto nos ayudará a mejorar la velocidad de carga del sitio y también nos ayudará a combatir el contenido duplicado en nuestra web ( esto del contenido duplicado y el leer mas lo comentaré otro día )

En fin por ahora es todo, hoy aprendimos algo mas sobre como reducir el tiempo de carga de wordpress, hacer que la trasferencia de archivos sea mas corta comprimiéndolos en GZ, y la vez pasada reducimos peticiones a la base de datos, así que ahora usamos menos CPU en nuestro hosting o VPS y además de eso ahorramos considerablemente el ancho de banda.

Por cierto si no queremos cargar los JS desde nuestro servidor podemos usar los servidores de microsoft o los de google para hacer el llamado a estos archivos, así estaríamos ahorrando mas ancho de banda aun….

Archivo de ejemplo: https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js

Microsoft también tiene de estos, pero la verdad que esta alternativa sería comernos el ancho de banda de otros.. y no lo recomiendo…..

No se si funcione en IE 6.. pero no lo e probado ( ya espero que la gente deje de usar este navegador de todas formas )

Busquedas Entrantes

tiempo de carga wordpress
disminuir tiempo de carga wordpress
timthumb tarda en cargar
skamasle optmkizar wordpress