Como Modificar o Añadir CSS a tu Tema WordPress • Silo Creativo

Es una pregunta muy recurrente sobre todo en los foros de WordPress. Supongamos que queremos modificar un elemento muy concreto de nuestro diseño: el tamaño de los H1, la gama de colores o simplemente la tonalidad de los botones sociales…estas modificaciones requieren en la mayoría de los casos de un poco de CSS. Pero no hay que alarmarse, existen varios métodos para hacerlo de forma segura y sin necesidad de tocar apenas código.

El otro escenario es que directamente tengas un extracto de CSS que quieras añadir a tu tema. WordPress por defecto no trae ningún editor ni campo para introducir estas reglas de estilos. Debemos por tanto modificar la plantilla o recurrir a algunos de los métodos alternativos (y recomendables) que te contamos…

Leer más: Como Modificar o Añadir CSS a tu Tema WordPress • Silo Creativo.

Como Instalar un Tema en WordPress: Tutorial • Silo Creativo

Como Instalar un Tema en WordPress: Tutorial • Silo Creativo.

Siguiendo con nuestra serie de tutoriales paso a paso de WordPress, hoy le toca el turno a la instalación de temas o plantillas, algo que se ha simplificado mucho en las últimas versiones de WordPress, pero aún así tenemos que prestar mucha atención a la preparación del archivo a instalar.

Existen varios métodos para instalar un tema en WordPress. El más básico consiste en buscar dentro de nuestro panel de administración algún tema que nos guste del repositorio, y simplemente hacer clic en instalar. Por otro lado tendremos la instalación de un tema (normalmente premium) a partir de un archivo .zip. Y finalmente, para usuarios avanzados, también podemos realizar la instalación a través del FTP. Hablaremos de estos dos últimos, que son los que más dificultad tienen. Vamos allá.

¿Que Enlaces Permanentes Utilizar en WordPress? • SiloCreativo

¿Que Enlaces Permanentes Utilizar en WordPress? • SiloCreativo.

… tener una buena estructura de enlaces permanentes es fundamental para el posicionamiento y gestión de tu WordPress. Es algo que necesita ser pensado y decidido antes de iniciar cualquier proyecto.

No obstante, si ya tienes un WordPress con la estructura por defecto, puedes hacer el cambio a una nueva estructura y no perder nada del trabajo realizado, pues en la mayoría de los casos, WordPress hará una redirección automática de tus antiguas url a los nuevos enlaces.

En caso de que no fuera así o para tener mayor seguridad, siempre puedes utilizar algún plugin como Redirection

Whos.amung.us: quién visita tu web?

whos.amung.us es un servicio web que te indica cuántas personas están en línea (online) visitando tu blog o web personal, qué páginas están visitando y el pais de procedencia de esas visitas. Para ello sólo has de colocar el código HTML en algún lugar de tu página. En la columna lateral derecha (sidebar) de este blog puedes ver un ejemplo:

“Visitantes en línea (online)”


Actualización: 14 de diciembre 2008

¿Cómo colocamos ese código en la barra lateral de nuestro blog con “WordPress”?

1- Visitamos la web whos.amung.us y copiamos el código que aparece en mitad de esa página principal. También puedes cambiar los colores del icono a tu gusto (Customize your widget! ).

2- Acudimos a la sección “Diseño” o “Appearance” de nuestro blog donde elegiremos un widget, el de texto, para añadirlo a la barra lateral o “sidebar” del blog.

3- Sin salir de esta página veremos que se ha añadido a la derecha, en la última posición, un nuevo bloque llamado “Texto“. Pinchamos en “Editar”.

4- En el primer campo escribimos el título que lo identificará, y en el segundo pegamos el código que copiamos en el paso 2. Finalizado esto pinchamos en “Hecho”.

5- Ya hemos creado el widget de texto y debemos ahora pinchar en “Guardar cambios”, para que surta efecto todo este proceso. Si no nada de lo que hemos hecho quedará registrado.

6- Al “Guardar cambios” la página se recarga y ya podremos ver nuestro widget perfectamente identificado. Podremos moverlo y colocarlo donde queramos, entre los otros widgets.

Ahora, si visitas tu blog, verás el widget en la barra lateral y ya podrás empezar a ver las estadísticas de visitantes pinchando sobre ese icono.

Espero que os haya servido. ;)

Test de velocidad y carga de páginas web

En numion.com disponen de un test, “Stopwatch“, donde puedes comprobar cuánto tarda en cargar cualquier página web.

Un dato interesante para aquellos que tengan algún blog y quieran ver el tiempo que transcurre desde que se abre hasta que se visualiza por completo. O bien si quieres medir la velocidad de distintos navegadores al mostrar las páginas más habituales por las que te mueves.

Ten en cuenta que no es lo mismo medir la velocidad de carga de una página que ya has visitado con tu navegador anteriormente, que medir otra que no hayas visitado aún.

Nota: javascript debe estar habilitado en tu navegador para que la prueba se efectúe.

También tienes otros medidores, como “Yourspeed“, que detecta las velocidades de descarga (download) y subida (upload) de tu conexión de internet. Todo ello con gráficos y comparativas con respecto a otros datos analizados anteriormente, incluidos los tuyos si eliges la opción “Your history“.

Picasa LightBox: mostrar tus fotos de Picasa en WordPress

Supongo que muchos de vosotros usaréis el programa Picasa para organizar vuestras fotos en el pc. Sabréis que podéis disponer también de un espacio para crear álbumes en la propia web de Picasa, picasaweb.google.es, con sólo tener alguna cuenta de correo Gmail en Google.

Si queréis mostrar esas fotos en vuestro blog de Worddress podéis utilizar el plugin Picasa Lightbox. Eso sí, sólo para versiones de WordPress anteriores a la 2.5, ya que el autor, a mayo de 2008, aún no ha optimizado el plugin a esta última actualización de WordPress.

Este plugin requiere que tengas ya instalado en tu blog algún plugin LightBox.

A continuación tenéis los enlaces y un vídeo explicativo de cómo funciona:

Read More »

Picasion: crear gifs animados online

Picasion es una herramienta online para crear gifs animados de una manera sencilla.

Puedes subir hasta 10 imágenes de tu pc, de tu cuenta de Fickr o de la de Picasa. Ajustas el tamaño (desde 100px hasta 450 px máximo) y la velocidad de transición en segundos entre cada imagen. Al momento obtendrás un gif animado que podrás incrustar en tu blog o web ya que te facilitan el código HTML para ello. También lo podrás descargar a tu pc.

Dispone de una galería donde puedes ver gifs que otros usuarios han creado con anterioridad.

Te muestro un gif que he creado en Picasion con algunas notas sobre su funcionamiento.

create animated gif
Probar Picasion

Leído en: CodigoGeek.com

Webnode: crea tu web personal fácilmente.

Si no tienes aún muchos conocimientos sobre creación de páginas web y no quieres complicarte con diseños y programas avanzados Webnode.com es una de las mejores maneras de empezar a disfrutar de tu web personal y gratis.

Una vez registrado en la web recibes un correo para confirmar tu cuenta. Un asistente te guiará en los primeros pasos y tú mismo elegirás el nombre de tu página web. Algo así: (http://eligenombre.webnode.com).

Dispondrás de numerosos diseños y opciones para configurarlo, un editor (texto y html), posibilidad de publicar imágenes (max 8 Mb), vídeos de Youtube y similares, compartir archivos (Box.net, Windows Live Skydrive y otros), incrustar código “embed”, encuestas (“Poll”), galerías de fotos, RSS…, incluso estadísticas de las visitas que ha tenido tu página.

En definitiva, un servicio muy sencillo pero muy completo, tanto para novatos como para todo aquel deseoso de tener su web personal. Muy recomendable.

Visita mi web en Webnode para aprender algunos aspectos iniciales.

Algunas capturas de pantalla con información sobre Webnode.com:

Gif animado sobre Webnode.com Pincha en la imagen

Leído en: Techlosofy.com

Enlace: Webnode.com