TecnoSistema

Archivo de la categoría ‘Manuales’

Las Metatags (o metaetiquetas en español) son información extra que agregamos a nuestros sitios/blogs para aportar información extra a los motores de búsqueda y consecuentemente posicionarnos mejor. Existen muchos tipos de metaetiquetas autor, descripción, keywords… Las que son realmente importantes para cualquier buscador son las Description y Keywords.

La Meta description es las descripción que los buscadores toman como referencia para saber que hay en el sitio. Normalmente se muestra en los SERPS debajo del link hacia nuestro sitio. Las Meta Keywords son las palabras que tu consideras importantes y que quieres que cuando se busquen tu aparezcas en los resultados.

Aunque actualmente no son tomadas muy en cuenta por los buscadores, nunca viene de más ponerlas.

Hay dos maneras:

*Usando All in One SEO Pack

*Manualmente

Ahora lo vamos a hacer manualmente.

Para empezar deberemos buscar en nuestro theme, el archivo header.php. Lo abriremos con nuestro editor de texto y buscaremos la etiqueta <title>, sería algo así:

<title><?php bloginfo('name'); ?><?php wp_title(); ?></title />
Lo que debemos buscar es el final de dicha etiqueta marcada con </title>. Justamente debajo del final del título pondremos:

<meta name=”description” content=”Aqui tiene que ir la descripción entre comillas.” />

<meta name=”keywords” content=”aqui, deberemos, poner, las, keywords, que, se, relacionen, con, el, contenido, de, nuestro, blog” />

Modificando las partes en negrita por las que queramos (en ambas meta puedes usar menos/más palabras).

Ahora solamente nos queda guardar el archivo y sustituir el de nuestro servidor.

p { margin-bottom: 0.08in; }a:link { }

Para muchas personas el aspecto mas importante de su sitio web son las visitas, los usuarios que “leen” el contenido (lo pongo entre comillas porque a veces ni lo leen). Las visitas nos ayudan con las ganancias, o para motivarnos y hacer que sigamos publicando para no defraudar a nuestros lectores.

Mostrar a los los lectores los visitantes que tenemos puede ser un factor para incentivar la vuelta del usuario a nuestro blog (si pocos visitan tu sitio no es muy recomendable).

También lo puedes insertar como dato informativo.

Un modo fácil de implementar este componente es http://whos.amung.us/, esta herramienta nos muestra los usuarios que están en nuestro sitio en cada momento. Nos brinda la posibilidad de escoger color y la fuente del banner.

Simplemente nos tendremos que registrar, escoger los colores y fuentes que mas se adapten con el tema de nuestro sitio. Ya solo nos quedará copiar el código html y pegarlo en el lugar que deseamos.

Cuando hayamos insertado el código los visitantes ya podrán pulsar en él y les llevará a un sitio en el que se mostrará un mapa dinámico con los sitios de las visitas.

Twitterfeed.com es una herramienta online, que actualiza el estado de tu twitter mediante el feed de tu blog. Lo que consigues es que cada vez que publicas un artículo en tu blog el mensaje de twitter se actualiza con tu nuevo post. Esto es una buena forma de unir twitter y tu blog de forma automática, y lo que es mejor sin sobrecargar tu blog de plugins .

Para crear un directorio de enlaces online nosotros vamos a usar phpld, (PHP Link Directory). Para bajarnos los archivos accederemos a la web oficial www.phplinkdirectory.com, nos registraremos y nos descargaremos la versión gratuita (a menos que queramos la premium). Una vez descargada la versión que hayamos elegido, la descomprimiremos en nuestro ordenador y subiremos todos los ficheros a nuestro servidor. Esta tarea nos llevará un rato así que paciencia .

Cuando haya terminado Tendremos que dar permisos de lectura, escritura y ejecución (777) a los siguientes directorios:

include/config.php

/temp

/temp/adob

/temp/cache

/temp/templates

Accederemos a nuestro Cpanel y crearemos una nueva base de datos. Una vez creada accederemos a nuestra web. Allí el único idioma que habrá es el ingles aunque nos den a escoger. Así que le daremos a “Next”. En el paso dos si está todo correcto saldrán tics al final de cada linea, así que procediéremos. En este paso deberemos introducir los datos de la base de datos, (server, nombre, pass…). Aunque la pantalla actual sea muy parecida a la anterior ahora lo que deberemos hacer es crear el administrador (sobrenombre o nick, nombre, contraseña, confirmación del pass y email).

Una vez finalizada la instalación deberemos eliminar el archivo /install/index.php y cambiar los permisos de /include/config.php a 644.

Para entrar en el panel de administración deberemos de acceder a www.tuweb.com/admin.

Lo que tendremos que hacer es ir a la página de idiomas “http://www.phpbb.com/languages/?sid=002fb0fedeed8bc9fae3693baae9fb92”, buscamos el idioma que deseemos y nos lo bajamos. Lo descomprimíos y subimos a tu-dominio.com/language la carpeta entera que hemos descomprimido anteriormente. Una vez subido vamos a nuestro foro y nos identificamos como administrador, una vez dentro pulsamos sobre “System”. Allí buscaremos en el lateral derecho “Language packs” cargada la página miraremos en el apartado de “Uninstalled language packs” buscaremos el Español y le daremos a install. Nos notificará que se ha instalado correctamente si lo hemos hecho bien. Ahora en el lateral le daremos a “Site configuration”, dentro buscaremos “Default Language” y allí escogeremos “Español” y pulsaremos sobre enviar.

El otro día me disponía a exportar unas entradas en blogger pero las prisas me “impidieron” verlo. Pero ahora que lo he investigado con mas calma es tarea fácil. Solamente tendremos que entrar en Blogger, ir a la configuración del blog que deseamos y en la pestaña de básico arriba del todo nos da la posibilidad de importar, exportar y suprimir blog. Le daremos al enlace que queramos y luego le daremos al botoncito, no tiene pérdida. Lo difícil es encontrarlo.

El otro día me disponía a exportar unas entradas en blogger pero las prisas me “impidieron” verlo. Pero ahora que lo he investigado con mas calma es tarea fácil. Solamente tendremos que entrar en Blogger, ir a la configuración del blog que deseamos y en la pestaña de básico arriba del todo nos da la posibilidad de importar, exportar y suprimir blog. Le daremos al enlace que queramos y luego le daremos al botoncito, no tiene pérdida. Lo difícil es encontrarlo.

Sound converter es un potente conversor de archivos de audio. Nos puede convertir archivos a una velocidad impresionante aunque además puede coger el audio de un filme.

La herramienta está diseñado para Gnome. Vamos a ver cómo funciona.

Abriremos el programa, y podremos escoger entre arrastrar o añadir. Si arrastramos deberemos escoger el archivo de audio que deseamos añadir hasta el espacio en blanco. Por contra si escogemos el añadir deberemos pulsar sobre el botoncito “+” de color verde. Una vez dentro deberemos ir al directorio que tenemos los archivos y seleccionarlos.

Cuando tengamos los archivos seleccionados deberemos ir al menú editar > preferencias, allí escogeremos el formato con el que deseamos. En el mismo lugar podremos indicar el lugar con el que deseamos, la calidad del archivo de salida, entre muchos otros factores.

Una vez realizados los cambios cerramos la ventana y pulsamos el botón de “Convertir”.

Ahora nos tocará esperar el tiempo proporcional al tamaño de los archivos y a la cantidad de ellos.

Los formatos permitidos son:

• Entrada: Ogg Vorbis, AAC, MP3, FLAC, WAV, AVI, MPEG, MOV, M4A, AC3, DTS, ALAC, MPC, Shorten, APE, SID, etc ..

• De salida: WAV, FLAC, MP3, AAC y Ogg Vorbi

Algunos sistemas pueden no tener Gstreamer necesario para poder codificar estos archivos, por lo tanto recomiendo que te asegures de tenerlo instalado.

Para instalar wordpress simplemente deberemos realizar unos simples pasos.

Iremos a http://es.wordpress.org y una vez allí nos bajaremos la ultima versión de WordPress Este lugar nos permite descargar la ultima versión de Wordpress traducida al castellano, aunque si queréis os podéis bajar la inglesa, pero el tiempo que hay entre que sacan la versión inglesa y la traducción española es casi nulo. Si de todos modos deseáis bajaros la versión inglesa la podréis encontrar en http://wordpress.org/download/ .

Ahora la descomprimiremos y accederemos a la descompresión para buscar el fichero wp-config-sample.php que lo abriremos mediante un editor de texto. Una vez abierto buscaremos la parte del código siguiente:

define(‘DB_NAME’, ‘putyourdbnamehere’);

/** MySQL database username */

define(‘DB_USER’, ‘usernamehere’);

/** MySQL database password */

define(‘DB_PASSWORD’, ‘yourpasswordhere’);

/** MySQL hostname */

define(‘DB_HOST’, ‘localhost’);

Donde pone “putyourdbnamehere” deberemos poner el nombre de la base de datos, en el lugar de “usernamehere” pondremos el nombre de la base de datos, al lugar de “yourpasswordhere” pondremos el pass de la base de datos y finalmente donde pone “localhost” pondremos la dirección web de nuestra base de datos (en mi caso en 000webhost es: “mysql5.000webhost.com”).

Una vez configurado lo guardaremos con el nombre wp-config.php en el mismo directorio que el archivo anterior.

Una vez terminado el proceso subiremos los archivos al servidor escogido. Para subirlos yo recomiendo FileZilla o FireFTP (extensión para Firefox).

Cuando hayamos terminado de subir los archivos al servidor iremos a la dirección www.tudominio.com/wp-admin/install.php. Una vez allí nos pedirá el nombre que deseamos asignarle a nuestro blog pero además deberemos indicarle nuestra dirección de correo electrónico. Cando hayamos realizado este paso nos mostrará nuestra contraseña por defecto, tendremos que apuntárnosla bien. Ahora teniendo el nombre y la contraseña iremos a www.tudominio.com/wp-admin y pondremos el nombre que será admin y el as que se nos haya asignado por defecto. Una vez dentro sería conveniente modificar nuestra clave para recordarla mejor y evitar algunos intentos de ataque.

Para resaltar código en Wordpress de forma sencilla podemos usar el plugin WP-Syntax. Sencillamente es un buen plugin, nos permite resaltar el código de la forma que deseemos solo indicándole que lenguaje es. Este plugin también nos permite numerar las lineas, empezando por las que queramos.

Usar el plugin es sencillo. Solamente debemos añadir el siguiente código en formato HTML:

<pre lang=”php” line=”1″> Código dentro  </ pre>

Dónde hay puesto php podemos poner cualquier tipo de lenguaje del código que hayamos insertado y el plugin nos lo resalta correctamente. El atributo line puede ser borrado evitando así que se numeren las lineas, si queremos empezar por otra linea que no sea la primera solamente tendremos que cambiar el 1 por el numero que deseamos.

En este manual aprenderás a crear unas cajitas de texto de distintos colores que contengan una imagen. Para hacerlo modificaremos el CSS (Cascade Style Sheet).

Nos quedará algo parecido al siguiente ejemplo:

Que hacer para poner las cajitas?

Para empezar deberemos modificar el archivo css que está en (pon el nombre del tema que estés usando):

wp-content/nombredeltheme/stylesheet.css

Una vez listo para editar el archivo deberemos poner este código:

.aviso {

background: #fffddc url(url de imagen de aviso) no-repeat 10px;

padding: 7px 10px 7px 37px;

border: 1px solid #f0ea8b;

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

font-size:10px;

width: 580px;

}

Aviso será el nombre.

background: #fffddc url(url de imagen de aviso) no-repeat 10px; dónde background indica el fondo, #fffddc es el color, url de la imagen ya se sabe, url entera entre paréntesis y sin espacio entre url y los paréntesis.

padding: 7px 10px 7px 37px; paddinges la separación entre los objetos en pixels.

border: 1px solid #f0ea8b: Esto es el ancho del borde y su color.

-moz-border-radius: 5px; Esto es el radio de la esquina en caso que queramos redondearlo.

-webkit-border-radius: 5px; Esto es el radio de la esquina en caso que queramos redondearlo.

font-size:10px; Este será el tamaño de la letra.

width: 580px; Será el ancho.

Quizás os sea de ayuda esta imagen para comprenderlo un poco mejor.

Las fotos mejor que sean 16×16 porque 48×48 es demasiado grande aunque no lo parezca.

De este modo usaremos el estilo de texto de la página es decir el tipo de letra y su tamaño.

Ahora la parte de configuración ya está lista.

Cómo indicar que queremos colocar las cajas de texto?

Para colocar las cajitas de texto deberemos crear un post normal y poner <div class=”nombre”>Aqui escribes el texto que va en la caja</div>, pero en código HTML, no lo insertes como texto plano Nombre será el nombre que le hayamos puesto para identificarlo.