Botones sociales en HTML5 y CSS3

Tanto HTML5 como CSS3 son los nuevos estándares de la web que conocemos hoy en día. No sólo eso, sino que además son la base de las webs sociales que más frecuentamos últimamente todos. Nunca está de más añadir a nuestro WordPress unos botones sociales para que nuestros visitantes nos puedan seguir en las redes sociales que utilizamos diariamente:

Hoy os traemos una recopilación de botones sociales creados por Zocialbuttons. Botones de varios tamaños y para cualquier tipo de red que podamos imaginar.

Como todo tiene un precio, el paquete con estos botones cuesta $24 para darle un colorido más a tu blog, aunque si lo tuyo no es pagar por ello, los mismos creadores han liberado el código y lo han dejado en el repositorio de github para que puedas jugar y crear tus propios botones con facilidad.

Enlace: Github ZocialButtons

WordPress 3.4 beta 3 ya disponible

Hace unos días se ha lanzado la última beta de la próxima versión de WordPress, WordPress 3.4. Los desarrolladores están intentando sacar una beta semanal hasta alcanzar la versión definitiva.

Os recordamos que debéis utilizar la versión beta de WordPress bajo vuestra responsabilidad, ya que como bien se dice, es una versión en desarrollo y aún tiene muchas cosas por pulir. Si eres desarrollador de temas o administrador de un sitio web, prueba esta beta en el entorno de pruebas y desarrollo e informa de los posibles problemas que te pueda ocasionar para que posteriormente se puedan resolver.

Esta beta incluye la última actualización de seguridad conocida como 3.3.2 que incorpora numerosas correcciones de la versión 3.3 de WP. Está disponible para su descarga aquí.

WordPress 3.4 beta 2

Con solución a más de 60 fallos y cambios propuestos por los que ya hemos probado la beta 1, ya está disponible WordPress 3.4 beta 2, lista para seguir haciendo pruebas y ver como se adaptan tus plugins y temas.

La puedes descargar aquí o echarle un vistazo en el sitio de pruebas.

WordPress 3.4 beta 1 listo para probar

Si te gusta probar las cosas antes que nadie ya tienes listo WordPress 3.4 en su versión beta 1, disponible para descarga y pruebas a gozó.

Entre las novedades a destacar de WordPress 3.4 que ya puedes experimentar están estas:

  • Personalizador y previsualización de temas
  • Tamaños de cabecera personalizables
  • Puedes elegir imágenes para el fondo y cabecera desde la biblioteca de medios de tu WordPress
  • Mejoras en la búsqueda y elección de temas
  • Mejoras de rendimiento en WP_query
  • Ya se pueden instalar temas hijo (child themes) del directorio oficial
  • Nueva API XML-RPC para aplicaciones móviles y externas
  • Mejoras en la internacionalización
  • Nueva API para soporte de personalización de temas
personalizar temas wordpress 34

Nueva opción de personalizar temas (WordPress 3.4)

Además, es bueno hacer pruebas y reportar posibles fallos, para tener una versión WordPress 3.4 final lo más probada y estable posible.

Ah, y si no quieres instalarlo ya lo tienes disponible en WordPress beta testing.

Actualización: Tema Jooc para Buddypress

Aquí esta la nueva versión de un tema gratuito que diseñe hace algún tiempo al que no hice ninguna actualización  posterior a su primera versión. El tema Jooc lo hice como un experimento cuando iniciaba en la creación de temas para WordPress y Buddypress y que al principio tenia muchos defectos grandes que poco a poco fui resolviendo. Aqui esta el gran salto de su versión 1.0 a la 1.5.6.

Por el momento esta en espera de la aprobación de los chicos de WordPress para aparecer en Buddypress.org, no tardara mucho en salir si no surge no se detecta ningún problema,  por el momento lo pueden descargar desde mi sitio web para aquellos que no quieran esperar.

¿Que tiene esta nueva versión?

  1. Elimine la caja de búsqueda de la cabecera y la posicione en el sidebar con opcion para activar o desactivar l widget desde el panel de opciones
  2. Cambie de lugar el cuadro de noticias del sidebar a debajo del menu principal, pueden ver la caja en los screenshots.
  3. Panel de opciones para cambiar el logotipo y añadir código de rastreo de analytics.
  4. Modifique el adminbar para darle un aspecto mas fresco y menos estorboso en el header, añadiendo también, una burbuja con el numero de notificaciones y una animación ”DropDown” al los menús desplegables.

El panel de control lo obtuve de nuestros amigos de wp.tutsplus.com y por el momento tiene pocas opciones en el área de administración pero para sus próximas versiones espero poder agregar muchas mas  para que cada sitio pueda tener un aspecto totalmente diferente a otro.

Link de Descarga

Screenshots

joooc ss1 joooc ss2

Iconos en alta calidad para formatos de entrada personalizados

Si usas formatos de entrada personalizados no está de más darles un toque de calidad y diseño, con unos buenos iconos en alta calidad, que los distingan del resto de iconos por defecto de WordPress.

Una vez hayas registrado los tipos de entrada personalizados solo tienes que añadirles el código necesario para que muestre iconos personalizados, mediante código, o incluso gracias a algún plugin para gestionar tipos de entrada personalizados.

Y si necesitas unos iconos a alta calidad aquí tienes unos fantásticos.

Timthumb en WordPress Multisite

Seguramente, la mayoría de vosotros conoce Timthumb, el script por excelencia que se usa para crear miniaturas por muchos temas de WordPress, sobre todo temas Premium.

¿Pero que pasa si usamos un tema premium que incorpora Timthumb?, simplemente no funcionará. El motivo es que Timthumb necesita la ruta correcta a la imagen y WordPress Multisite le da la ya conocida por todos ruta de http://subsitio.sitio.tld/files/año/mes/imagen.jpg

El problema consiste en que en esta dirección no existe la imagen ya que es un rewrite de http://subsitio.sitio.tld/wp-content/blogs.dir/blog_id/files/año/mes/imagen.jpg por lo tanto, no la encontrará y no mostrará la miniatura.

Por un proyecto que estoy realizando y porque muchas de mis páginas la he migrado a una instalación Multisite (simplemente para facilitarme la vida en la gestión y actualización de estas) me he encontrado de frente con este problema.

Pero hay una solución y muy sencilla y que podréis ir aplicando actualización tras actualización de Timthumb, cómo mínimo dentro de la rama 2.8.x.

La solución es la siguiente, descargados Timthump de la página oficial, debéis copiar todo el código y pegarlo dentro un editor de texto plano.

Seguidamente, justo bajo:

// -------------------------------------------------------------
// -------------- STOP EDITING CONFIGURATION HERE --------------
// -------------------------------------------------------------

Añadís esto:

// FIX Multisitio 1 de 2
require( $_SERVER['DOCUMENT_ROOT'] . '/wp-load.php' );

De forma que os quedaría así:

// -------------------------------------------------------------
// -------------- STOP EDITING CONFIGURATION HERE --------------
// -------------------------------------------------------------

// FIX Multisitio 1 de 2
require( $_SERVER['DOCUMENT_ROOT'] . '/wp-load.php' );

timthumb::start();

A continuación, buscáis la línea que pone:

protected function calcDocRoot(){
        $docRoot = @$_SERVER['DOCUMENT_ROOT'];

Y justo debajo, añadís esto:

// FIX Multisitio 2 de 2
if (is_multisite())
{
    global $blog_id;
    if (isset($blog_id) && $blog_id > 0)
    {
        $docRoot .= '/wp-content/blogs.dir/' . $blog_id . '/';
    }
}

Es decir, os quedará así:

protected function calcDocRoot(){
        $docRoot = @$_SERVER['DOCUMENT_ROOT'];

/// Fix Multisitio 2 de 2
if (is_multisite())
{
    global $blog_id;
    if (isset($blog_id) && $blog_id > 0)
    {
        $docRoot .= '/wp-content/blogs.dir/' . $blog_id . '/';
    }
}

Y ya está, guardáis con el nombre que utilice vuestro tema, normalmente timthump.php o thump.php y ya os funcionarán las miniaturas generadas.

Para todo aquel que quiera, también os dejo el archivo modificado con las indicaciones señaladas (Versión 2.8.3 la última en estos momentos) solo debéis descargarlo y borrar el txt del final.

Para futuras actualizaciones (cómo mínimo dentro de la rama 2.8.x, ya tenéis la metodología para que funcione de nuevo.

Instala WordPress en 5 minutos con todo

Siguiendo un poco con las últimas entradas que se han realizado en Ayuda WordPress, cómo Instala WordPress sin usar MySQL o Instala WordPress sin instalarlo, aquí os presento Instala WordPress en 5 minutos con todo. He creado un template que os facilitará enormemente la vida a la hora de instalar WordPress 3.2.1

En solo 5 minutos, tendréis un WordPress 3.2.1 instalado y funcionando, pero os diréis, pero si WordPress ya se tiene instalado en solo 5 minutos ¿Qué aporta esta entrada?

Pues bien, lo que aporta es que en solo 5 minutos tendréis instalado un WordPress con todos los plugins necesarios, un tema Premium instalado y configurado.

Como es lógico y natural, esto solo lo deberéis descargar y utilizar si estáis creando un sitio nuevo, ni se os ocurra utilizarlo en un sitio ya en funcionamiento o lo sustituiréis por completo por este template y perderéis todo vuestro sitio.

Si deseas crear un nuevo sitios desde cero, te puede ser muy útil esta entrada, pero si te dedicas profesionalmente a instalar y mantener instalaciones de WordPress, vas a amar este método.

Gracias a esta forma de proceder, podéis crear una instalación maestra y en ella instalar todos los plugins que deseéis, crear entradas aclaratorias, páginas, etc. más tarde, en unos pocos minutos, lo podréis replicar en cualquier sitio nuevo.

Un buen truco sería instalar todo lo que necesitáis para cualquier instalación en la instalación maestra y luego, una vez que la repliquéis, eliminar lo que no necesitéis. Esto es mucho más rápido que tener que subir a cada instalación lo que pueda necesitar. Encontrareis todo lo necesario una vez instalado el template.

Lo primero que debéis hacer, es descargaros este archivo. Una vez que os lo descarguéis, lo descomprimís en vuestro ordenador y subís el archivo importbuddy.php al directorio raíz de vuestro hosting.

Una vez hecho esto, solo deberéis ir a http://vuestrositio.tld/importbuddy.php y seguir las instrucciones:

En este primer paso, deberéis seleccionar Upload y subir el archivo zip que estaba dentro del anterior archivo zip que os habíais descargado. En el caso en que hubierais subido vosotros mismos el segundo archivo zip al servidor, os saldrá directamente en esta primera pantalla.

Una vez que se os muestre el archivo en el wizard, apretáis sobre “Next Step

Es este segundo paso, os descomprimirá toda la estructura de WordPress y el backup de la base de datos.

Una vez que finalice, apretáis nuevamente sobre “Next Step“.

En este tercer paso, debereis  poner en primer lugar, la dirección de vuestra página web y a continuación, los datos de conexión con vuestra base de datos. Debéis sustituir todo los datos que os saldrán por defecto, ya que son los datos que tenía en mi servidor. Que nadie se haga ilusiones que ya no existe nada de ello :) .

Os aconsejo encarecidamente que cambiéis el “Database Prefix“, aunque no hace falta. Pero es por seguridad. Una vez que lo tengáis todo rellenado con vuestros datos, apretad en “Test database settings…” y de esta forma veréis si se realiza la conexión de forma correcta. Si os dice que todo Ok, apretad sobre “Next Step“. Si os dice que no, revisad los datos que habéis introducido, en algún punto os habéis equivocado.

En este cuarto paso, lo que realizará en una modificación de la base de datos según vuestras preferencias y path en el hosting y luego modificará el archivo wp-config.php y el archivo .htaccess para que todo que conectado y con vuestro dominio.

Una vez finalice, nuevamente le damos al botón “Next Step

Una vez lleguemos a esta paso, debéis marcar todos los puntos inferiores y apretar en “Clean up & remove temporary files“. Lo que conseguiremos es que elimine todos los archivos que ha creado y los que habíamos subido nosotros mismos para instalar el Template de WordPress 3.2.1

Cuando finalice, ya podéis salir de esa página y visitar vuestro nuevo y flamante sitio que será idéntico a este, bueno, casi idéntico. La única diferencia sería que no tendríais colocados los widgets que veis en la captura, pero por todo lo demás, 100% idéntico:

Cómo podeis ver, el proceso dura apenas 5 minutos y tendréis un WordPress 100% funcionando.

Lo primero que debereis hacer;

Datos de acceso:

  • Usuario de acceso a WordPress: admin
  • Password de acceso a WordPress: 1234567890 (debeis cambiarla inmediatamente una vez instalado)

Acceded a la administración de WordPress y cambiad tanto la contraseña de acceso como el email. El email que sale es el mio y lo he dejado aproposito por si alguien necesita ayuda profesional.

A continuación encontrareis detallado todo lo que integra este teamplate de WordPress;

Plugins que encontrareis instalados (No configurados):

  • Akismet
  • Formulario de contacto 7
  • Embedly
  • Google Analytics for WordPress
  • Google XML Sitemap
  • HTML Javascript Adder
  • Jetpack by WordPress.com
  • Maintence Mode
  • Page Link To
  • Platinum SEO Pack
  • Simple Tags
  • Sociable
  • Ultimate TinyMCE
  • W3 Total Cache
  • WangGuard
  • WordPress Importer
  • WP Smus.it
  • WPtouch

Y ya está todo, que no es poco.

Ya sabeis, 5 minutos y teneis un WordPress al 100% con todo incluido.

En los próximos dias, crearé un template similar pero esta vez de BuddyPress. Lo podreis encontrar en mi página dedicada a BuddyPress

NOTA: En este Template se usa un theme de Elegant Themes y el plugin BackupBuddy de iThemes. Ambos, tanto el tema como el plugin, están sujetos a la licencia GNU Public License version 2.0. por lo tanto son de libre distribución y de esta manera está especificado en los terminos de uso de Elegant Themes y de iThemes.

WordPress 3.1.2, actualización de seguridad

Ya está disponible WordPress 3.1.2, una actualización de seguridad que soluciona varios fallos encontrados en la versión 3.1.1.

La lista de ficheros con modificaciones es la siguiente:

  • wp-includes/post-template.php
  • wp-includes/version.php
  • wp-includes/user.php
  • wp-includes/query.php
  • readme.html
  • wp-admin/includes/class-wp-posts-list-table.php
  • wp-admin/includes/update-core.php
  • wp-admin/press-this.php

Puedes instalarla desde tu Escritorio de WordPress si ya estuviera disponible (depende de la ubicación de tu servidor) o descargarla desde el sitio oficial.

WordPress 3.1 disponible – La nueva revolución

Pues si, ya está aquí la nueva revolución de WordPress. Y es que aunque a priori parezca que las novedades son pocas, hazme caso, WordPress 3.1 es un nuevo comienzo en el modo de ver WordPress como CMS. Hay pequeñas novedades que van a marcar un antes y un después en el desarrollo y uso de esta querida plataforma.

Las novedades principales son estas:

  • Enlaces internos – con un clic en el nuevo botón para enlaces internos podrás buscar una entrada o revisar el contenido existente para enlazarlo.
  • Barra de admin – contiene varios enlaces para acceder a diversas pantallas de administración. Por defecto, la barra de admin se muestra cuando un usuario ha accedido y está visitando el sitio, y no se muestra en las pantallas de administración en las instalaciones simples (sin multisitio activado). Para las instalaciones con multisitio se muestra tanto cuando estás visitando el sitio como en las pantallas de administración
  • Mejoras en la interfaz de escritura – Los nuevos usuarios de WordPress encontrarán la pantalla de escritura mucho más limpia que antes, con la mayoría de las opciones ocultas por defecto. (puedes hacer clic en Opciones de pantalla de la parte superior para volverlas a mostrar)
  • Formatos de entrada – La información de los formatos pueden usarla los temas para personalizar la presentación de una entrada. Tienes más información en  Formatos de entrada (en inglés todavía).
  • Administrador de la red – Se han movido los menús del Super administrador y las páginas relacionadas de la pantalla de admin habitual a la nueva Pantalla de administrador de la red.
  • Pantallas de administración en modo de lista – puedes ordenar las columnas de las pantallas con listados (páginas, entradas, comentarios, etc) para mejorar la paginación.
  • Mejoras del exportador/importador – Hay muchos cambios en la información del autor, mejora en el manejo de taxonomías y términos, soporte correcto de menús de navegación, etc.
  • Mejoras en el tipo de contenido personalizado – Permite a los desarrolladores crear páginas de archivo y disponer de más controles de las capacidades y mejores menús. Aprende más en Tipos de entrada (en inglés todavía).
  • Consultas avanzadas – Permite a los desarrolladores realizar consultas múltiples de taxonomías y campos personalizados.
  • Un esquema de color azul para la administración más fresco que centra la atención en tu contenido.

Como siempre, lo tienes disponible en el escritorio de tu WordPress y en la página oficial de WordPress.org.