Mas que Wordpress » Recursos

12 plantillas Premium de WordPress gratuitas

Damian — Fri, 11 May 2012 14:27:56 +0000

Hoy les traigo unos pocos más de themes premium y gratuitos para wordpress. Como siempre la calidad varía pero intento elegir las de mejor en vez de rellenar posts con 30 plantillas de las cuales solo 10 se salvan. Espero que les gusten.

Antes de elegir les recomiendo revisar los demo, ya que a veces en las imágenes no se aprecia toda la calidad del theme y sus efectos.

1. Gridly

Demo| Download

2. Target

Demo | Download

3. Andrina Lite

Demo | Download

4. Hikkoshi

Demo | Download

5. The Influencers

Demo | Download

6. Panoramica

Demo | Download

7. Illustrius

Demo | Download

8. Sunspot

Demo | Download

9. Lugada

Demo | Download

10. Silesia

Demo | Download

11. Zenon Lite

Demo | Download

12. Tint

Demo | Download

Espero que les haya gustado esta pequeña colección.

Via: Wpmods

Sigueme:

25 plugins de WordPress para mejorar tu sitio

Damian — Mon, 06 Feb 2012 15:02:11 +0000

A día de hoy hay 18,108 plugins de WordPress y cada día surgen decenas de ellos. Un usuario medio de WordPress sin embargo no utiliza más de 10 en su sitio. Hoy les presento algunos de mis favoritos y otros que aunque no los utilizo merecen la pena destacar. En este listado encontraran 25 plugins que recomiendo para que elijan cual les conviene más.

Dentro de la gran cantidad de plugins disponibles hoy en día, hay montones que están mal programados y solo sirven para hacer sus sitios más lentos o más fáciles de hackear, por lo que esta bien seguir algunas pautas antes de instalar un nuevo plugin.

Algunas que se me ocurren son:

Comprobar la cantidad de descargas del plugin: No queremos ser conejillos de indias en nuestro sitio web, es mejor buscar un plugin con gran audiencia.
Comprobar última actualización: Tampoco queremos un plugin que no haya sido actualizado hace 2 años. Eso significa probablemente que ni siquiera sea compatible con nuestro sitio.
Comprobar el rating: Por último podemos ver si tiene buena acogida por parte de los usuarios antes de decidir probarlo por nuestra cuenta.

Y una vez seguidas estas pautas veamos algunos de los plugins más conocidos y la mayoría de los que he utilizado yo.¿ Ustedes que plugins utilizan?

Plugins para seguridad / SPAM

Akismet: Plugin para combatir el spam con gran efectividad. Para activarlos necesitan obtener clave api
Block Spam By Math Reloaded: Añade cuentas matemáticas a sus formularios (login, registro, comentarios, etc)
WP Security Scan: Buscar archivos maliciosos o que faltan y te da sugerencias de como corregirlos.

Plugins para mejorar el SEO

WordPress SEO by Yoast: Programa muy completo para manejar las keywords, titles y descriptions de nuestros posts, crear sitemaps, etc.
All in One SEO Pack: Otro conocido plugin para manejar SEO parecido al anterior pero con menos funciones.
HeadSpace2 SEO: Otro plugin para manejar SEO que además incluye estadísticas.
Google XML Sitemaps: Crea sitemaps y los envia a los principales motores de búsqueda
RB Internal Links: Plugin para crear facilmente links internos al escribir posts.

Plugins para social media

Tweet old post: Publicar en twitter post antiguos según un intervalo dado.
Sharethis: Plugin para compartir artículos a diferentes redes
Digg Digg Social Sharing: Otro plugin para compartir y promocionar tu blog. Conocido por su floating panel

Plugins Formularios y comentarios

Contact Form 7 : Para mi gusto el mejor para crear formularios, aunque no el más completo.
Gravity Forms: Otro plugin de formularios un poco más completo que el anterior.
Reply Me: Envia emails a los usuarios cuando alguien responde uno de sus comentarios. Ideal para mantener conversaciones activas.
Disqus: Sistema de comentarios que reemplaza el de wordpress. Requiere registro
Intense Debate: Otro sistema parecido a disqus. Require registro

Plugins para mejorar rendimiento

WP Super Cache: Genera páginas estaticas de tu contenido WordPress que logra que el consumo de CPU sea menor y estas carguen más rapido.
Revision Control: Te permite modificar el número de revisiones de tus posts a guardar. Ideal para webs con miles de posts.
W3 Total Cache: Dicen que supera en rendimiento a WP Super cache.

Plugins para traducción o sitios multilenguaje

qTranslate: Plugin que te permite crear contenido en varios idiomas
Global Translator: Plugin que utiliza el traductor de google para mostrar tu contenido en varios idiomas.

Plugins Varios

WP-PageNavi: Plugin para sustituir los links de Post Anteriores – Posts Siguientes por una paginación tal y como tengo en este blog
Buddypress: Crear una red social nunca fue tan fácil. Instala este plugin y en unos minutos tendrás tu propia red social.
bbPress: Con bbPress podrás crear un foro en tu sitio WordPress de manera sencilla.
JetPack de WordPress.com Conjunto de herramientas y estadísticas realizadas por el equipo de WordPress que antes solo estaba disponible para la versión de WordPress.com
NextGen Gallery: Plugin para crear galerías de imágenes en tu sitio.

Seguro que se me quedan un montón por poner. Por que no dejan en los comentarios sus favoritos y para que los usan así los voy agregando. Saludos!!!!

Sigueme:

Detectar pais, provincia y ciudad de procedencia mediante la IP

Damian — Mon, 23 Jan 2012 19:08:01 +0000

El tip de wordpress de hoy es para poder detectar y mostrar la ubicación de sus visitantes mediante la dirección IP de los mismos. Aunque este tip puede usarse para cualquier otro proyecto, hoy les voy a enseñar como integrarlo en wordpress.

Si todo es correcto, tu mi querido usuario deber estar ubicado en: Mar del Plata, Bs As, Argentina

Para ello vamos primero a crear un shortcode llamado “iplocation” que usaremos para mostrar los datos. Para ello en nuestro functions.php copiamos la siguiente función:

function mqw_iplocation( $atts , $content=null ) {
    return mqw_iplocation_func($_SERVER['REMOTE_ADDR']);
}
add_shortcode('iplocation', 'mqw_iplocation');

Por último la función que devuelve la ubicación mediante IP. Esta función la saque de http://snipplr.com/view/48386/detect-location-by-ip-city-state/ que usa un servicio gratuito llamado http://ipinfodb.com/ aunque existen de pago y mejores (más exactitud de los datos y mayor actualización de las IP).

function mqw_iplocation_func($ip) {
 
        $default = 'Mar del Plata, Bs As, Argentina';
 
        if (!is_string($ip) || strlen($ip) < 1 || $ip == '127.0.0.1' || $ip == 'localhost')
            $ip = '8.8.8.8';
 
        $curlopt_useragent = 'Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6 (.NET CLR 3.5.30729)';
 
        $url = 'http://ipinfodb.com/ip_locator.php?ip=' . urlencode($ip);
        $ch = curl_init();
 
        $curl_opt = array(
            CURLOPT_FOLLOWLOCATION  => 1,
            CURLOPT_HEADER      => 0,
            CURLOPT_RETURNTRANSFER  => 1,
            CURLOPT_USERAGENT   => $curlopt_useragent,
            CURLOPT_URL       => $url,
            CURLOPT_TIMEOUT         => 1,
            CURLOPT_REFERER         => 'http://' . $_SERVER['HTTP_HOST'],
        );
 
        curl_setopt_array($ch, $curl_opt);
 
        $content = curl_exec($ch);
 
        if (!is_null($curl_info)) {
            $curl_info = curl_getinfo($ch);
        }
 
        curl_close($ch);
 
        if ( preg_match('{City : ([^<]*)
}i', $content, $regs) )  {
            $city = $regs[1];
        }
        if ( preg_match('{State/Province : ([^<]*)
}i', $content, $regs) )  {
            $state = $regs[1];
        }
        if ( preg_match('{Country : ([^<]*)
}i', $content, $regs) )  {
            $country = $regs[1];
        }
 
        if( $city!='' && $state!='' && $country !='' ){
          $location = $city . ', ' . $state . ', '. $country;
          return $location;
        }else{
          return $default; 
        }
 
}

Espero que les haya gustado. Saludos!!

Ahh me olvidaba, tan solo tienen que usar el shortcode de la siguiente manera:

[iplocation]

Sigueme:

Obtener clave api AKISMET gratis

Damian — Tue, 27 Dec 2011 14:20:41 +0000

A mi gusto AKISMET es la mejor solución que existe hoy en día para prevenir el SPAM en un blog WordPress, puedes tener mil plugins, cuentas matemáticas, captchas o lo que quieras que siempre se te va a terminar metiendo algo.

A día de hoy, Akismet sigue siendo totalmente GRATIS aunque unos cuantos se empeñen en afirmar lo contrario.

Yo lo vengo usando hace años y siempre le recomiendo a mis clientes que hagan lo mismo. Por poner un ejemplo miren las estadísticas de mi blog en el último año:

Ni que decir que los números son impresionantes!!!

Obtener un clave API es sencillo y tan solo hay que seguir los siguiente pasos:

Ir a https://akismet.com/signup/
Hacer click en el plan Personal
Rellenar tus datos
Y por último mover la barrita de cuanto queremos pagar hasta ver la cara triste jejeje

Con eso ya tendremos una clave API de Akismet para usar en nuestro blog de WordPress totalmente gratis!!

Un saludo!!

Sigueme:

20 Plantillas Premium de WordPress totalmente Gratis

Damian — Fri, 16 Dec 2011 16:59:58 +0000

Hoy les traigo una colección de themes de WordPress totalmente gratis. La mayoría de estas plantillas podrían considerarse premium y hay variedad de todo. Pueden encontrar desde plantillas para portfolio , o themes ideales para fotógrafos.
Igualmente sigo pensando y siempre lo dire que para mi gusto el mejor sitio para comprar un theme de wordpress es Themeforest tanto por la calidad , como por el precio. Además tienen un cantidad inmensa para elegir.
Dejemonos de propaganda y veamos estos temas de WordPress.

Stunning

Imbalance

WP Anniversary

Hyperspace

Nova Theme

Portafolio

Minimal Wp Theme

Showcaser

Fotofolio

CleanMag

Splendio

Swatch

MyPhoto

MiniFolio

Wootique

Balita

ShutterShot

Light Folio

Suburbia

Big Square

Saludos!!!

Via: Spyrestudios

Sigueme:

Clase para mostrar fechas al estilo “hace 1 dia 6 min” con PHP

Damian — Fri, 18 Nov 2011 18:19:33 +0000

La mayoría de redes sociales como Twitter o Facebook en lugar de mostrar las fechas como 2011-11-18 utilizan un formato de “Hace 2 dias 4 horas 3 minutos“. Pasa usar ese formato en sus programas se pueden ayudar de la siguiente clase de PHP llamada haceTanto.
Esta clase la encontre por internet en formato ingles y la modifique para nuestro idioma y le agregue la opción de elegir una profundidad a la hora de mostrar fechas.

Importante

Esta clase solo funciona con PHP >= 5.3 ya que la función DateTime::diff() no se encuentra en versiones previas

Para utilizar la clase la llamamos de la siguiente forma:

1
2
3

date_default_timezone_set('Europe/Madrid');
$hace = new haceTanto('2010-02-22 18:42:00','s');
echo 'Hace'.$hace;

1. Definimos el Timezone que nos encontramos
2. Creamos la instancia de haceTanto pasando dos valores.
- Una fecha por ejemplo: “2011-10-26″
- La profundidad hasta la que queremos mostrar siendo los posibles valores: ‘y’ => años ,’m’ => meses, ‘d’ => dias, ‘i’ => horas, ‘m’ => minutos, ‘s’ => segundos
3. Imprimimos la fecha

El ejemplo anterior imprime:

date_default_timezone_set('Europe/Madrid');
$hace = new haceTanto('2010-02-22 18:42:00','s');
echo 'Hace'.$hace;
//Hace 1 año 8 meses 27 dias 28 minutos 5 segundos

Y ahora la clase de PHP encargada de esto:


class haceTanto extends DateTime {
 
    protected $strings = array(
        'y' => array('1 año', '%d años'),
        'm' => array('1 mes', '%d meses'),
        'd' => array('1 día', '%d dias'),
        'h' => array('1 hora', '%d horas'),
        'i' => array('1 min', '%d minutos'),
        's' => array('segundos', '%d segundos'),
    );
 
    public $profundidad;
 
    public function __construct( $fecha,$profundidad='i')
    {
        parent::__construct( $fecha );
        $this->profundidad = $profundidad;
 
    }
 
 
    public function __toString() {
	     try 
	    {  
	     	$now = new DateTime('now');
	        $diff = $this->diff($now);
 
	        foreach($this->strings as $key => $value){
 
	            if( ($text .= ' '.$this->getDiffText($key, $diff)) ){
 
	            }
	            if($this->profundidad == $key) break;
	        }
	        return $text;   
	    } 
	    catch(Exception $e) 
	    {  
	        trigger_error($e->getMessage(), E_USER_ERROR);  
	        return '';  
	    }  
 
 
    }
 
     protected function getDiffText($intervalKey, $diff){
        $pluralKey = 1;
        $value = $diff->$intervalKey;
        if($value > 0){
            if($value < 2){
                $pluralKey = 0;
            }
            return sprintf($this->strings[$intervalKey][$pluralKey], $value);
        }
        return null;
    }
}
?>

Espero que les sirva de ayuda en sus proyectos. Saludos!!

Sigueme:

15 Generadores de CSS3 Online

Damian — Wed, 09 Nov 2011 20:48:10 +0000

Hoy les traigo una colección de generadores online de CSS3. Ideal para gente vaga o con poco sentido del diseño como yo jejeje ya que con un par de clicks pueden crear botones css3, degradados css3, bordes redondeados y un montón de cosas más. Los animo a probarlos!!

1.CSS3.me

css3.me es uno de los generadores online de CSS3 más usado. Como características incluye color, bordes, opacidad, relieve, y otras funciones básicas.

2.CSS3 Generator

CSS3 Generator, es un poco más avanzado porque tiene más opciones como las propiedades , duración , etc . Igualmente es tan popular como el anterior.

3.CSS3 Maker

CSS3 Maker, esta siendo cada vez más utilizado por su simpleza y diseño de facil manejo. Como característica destacada la compatibilidad con dispositivos móviles.

4.CSS3 Please

CSS3 Please Es un editor web cross browser .Soporta border-radius, box-shadow, gradient(linear), rgba colors, transform (rotate), transition and @font-face. Curioso diseño donde lo que editas va cambiando en directo.

5. CSS3 Click Chart

Click Chart es otro generador CSS3 con muchos efectos disponibles.

6.Border Radius

Border RadiusUna de las opciones más elegantes para los bordes redondeados y muy facil de usar. Ideal para los vagos como yo.

7.CSS-Tricks Button Maker

CSS-Tricks Button Maker es un generador de botones CSS3 sencillo ya que solo moviendo unos sliders podremos generar lindos botones.

8.Westciv

Westciv es como un compilado de generadores css3, un obligatorio en tus marcadores.

9.CSS3 Generador de degradados

gradients.glrzad.com es un generador de degradados lineales para mozilla y Webkit.

10. Widgetpad generador CSS3

Widgetpad CSS3 Generator es otro generador online de CSS que aunque no tiene tantas opciones como el resto , se puede considerar usable y por lo tanto incluirlo en esta lista.

11.Westciv SandBox

Westciv CSS3 Sandbox incluye sombras, degradados, text strokes y mucho más. Además prometen añadir nuevas funciones en cualquier momento.

12.Border Image

Border Image es otro generador de border radius para redondear esquinas y crear border de varios estilos.

13.CSS3 Menu Generator

CSS3 Menu Generator es una aplicación para generar hermosos menus CSS3.

14.CSS3 Column Generator

CSS3 Column Generator es un generador de columnas de los tantos que hay en internet, está en frances pero igualmente es de muy facil uso.

15.CSS3 Degradados de 3 colores

CSS3 Degradados de 3 colores es ni más ni menos que como su nombre indica , un generador de degradados de 3 colores.

Espero que este listado les haya sido útil. Ustedes usan otros sitios?

Sigueme:

Ayuda para WordPress

Damian — Wed, 02 Nov 2011 01:05:29 +0000

Hoy inauguro una sección de la web para dudas y preguntas de WordPress. Es un sitio donde se intentará resolver las dudas y problemas que surjan con WordPress. Aviso que no es un sitio donde yo voy a resolver dudas, aunque si voy a colaborar en la medida de lo posible. “Más Que WordPress Preguntas” es más bien una comunidad donde los usuarios se ayudan entre sí a resolver todas las cuestiones relacionadas con WordPress ya sea en la creación de themes, plugins o simples preguntas de cualquier tipo.

Espero que con el tiempo se pueda crear una buena base de datos para ayuda de los demás.

Ayuda WordPress

Pueden acceder en http://www.masquewordpress.com/ayuda

Sigueme:

5 Shortcodes útiles y faciles de implementar para WordPress

Damian — Thu, 27 Oct 2011 14:47:43 +0000

Hoy les traigo 5 shortocodes de WordPress poco comunes y super útiles que van a dejarlos con la boca abierta!!
Más adelante les voy a explicar como englobar todas estas funciones o shortcodes dentro de un plugin para no llenar nuestro functions.php de shortcodes.

Los shortcodes que vamos a ver son : Mostrar un snapshot de una página web , Añadir un botón de donaciones de Paypal, Ofuscar direcciones de email, Generar contenido privado y Mostrar solo en los feeds de RSS.

Como funciona?

Copiar todos los shortcodes a functions.php

1. Mostrar un snapshot de un website

function mqw_wp_snapshot($atts, $content = null) {
        extract(shortcode_atts(array(
            "snap" => 'http://s.wordpress.com/mshots/v1/',
            "url" => 'http://www.masquewordpress.com',
            "alt" => 'SnapShot',
            "w" => '400', // width
            "h" => '300', // height
            "align" => 'aligncenter'
        ), $atts));
 
    $img = ' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '" class="' . $align .'"/>';
        return $img;
}
 
add_shortcode("snapshot", "mqw_wp_snapshot");

Lo usamos de la siguiente manera:

1	[snapshot url="http://www.masquewordpress.com" alt="Snapshot" w="400" h="300" align="aligncenter"]

Impresionante verdad?

2. Añadir boton de donación Paypal

Hacer una donación

function mqw_shortocode_donacion( $atts ) {
    extract(shortcode_atts(array(
        'text' => 'Hacer una donación',
        'account' => 'TU CUENTA',
        'for' => '',
    ), $atts));
 
    global $post;
 
    if (!$for) $for = str_replace(" ","+",$post->post_title);
 
    return '.$account.'&item_name=Donation+for+'.$for.'">'.$text.'';
 
}
add_shortcode('boton-donacion', 'mqw_shortocode_donacion');

Lo usamos de la siguiente manera:

1	[boton-donacion]

Lo único que tienen que hacer es usar un poco de CSS para darle estilo al botón.

3. Ofuscar una dirección de email

email@yourdomain.com

Todos odiamos el SPAM, eso es un echo. Este código lo que hace es “ocultar” tu dirección de email para que no sea indexada por robots y spiders que van por la web.

function mqw_ofuscar_email( $atts , $content=null ) {
    for ($i = 0; $i < strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';';
    return '.$encodedmail.'">'.$encodedmail.'';
}
add_shortcode('mailto', 'mqw_ofuscar_email');

Se usa de la siguiente manera:

1	[mailto]email@yourdomain.com[/mailto]

El código fuente se verá de la siguiente manera evitando así un monton de BOTS

1	email@email.com

4. Crear Contenido Privado

Pequeño y útil shortocode que sirve para mostrar contenido solo a usuarios registrados. Esta perfecto para archivos de descargas o formularios privados.

function mqw_miembros_check( $atts, $content = null ) {
     if ( is_user_logged_in() && !is_null( $content ) && !is_feed() )
        return $content;
    return '';
}
 
add_shortcode( 'miembros', 'mqw_miembros_check' );

Como usar el shortcode?Fácil

1	[miembros]Este texto solo será visible por los miembros registrados.[/miembros]

5. Mostrar solo en los feeds RSS

Es muy parecido al shortcode anterior con la única diferencia de que el contenido solo se mostrará es los feeds rss.

function mqw_rss_only( $atts, $content = null) {
    if (!is_feed()) return "";
    return $content;
}
add_shortcode('rssonly', 'mqw_rss_only');

Lo usamos de la siguiente manera:

1	[rssonly]Querido usuario gracias por subscribirte a mis feeds.[/rssonly]

Y por arte de magia cuando lean el post en los feeds verán ese mensaje.

Sigueme:

Dropdowns que no funcionan en iPhone o iPad

Damian — Wed, 19 Oct 2011 21:00:39 +0000

Hoy en día el diseño para telefonos de última generación como el iPhone o teléfonos Android es algo que no podemos obviar. El otro día me encontre que los dropdowns de un sitio en el que estaba trabajando por algún extraño motivo no funcionaban en iPhone ni en el iPad.
Si son menus normales suelo usar superfish que si es compatible con los dispositivos móviles pero por un motivo que aun desconocía esta vez no funcionaba.

El problema era tan simple como la solución. En ocasiones suele escribir mucho código antes de probar y en este caso apliqué el script de superfish antes de probar los menus y me olvide de aplicar una regla fundamental de CSS para los submenus.

1	ul.submenu { ;display: none;}

No se rían , el problema era solo eso. Superfish automáticamente te oculta los submenus por lo que nunca me di cuenta de que faltaba dicha regla hasta que me encontre con un email de mi cliente diciendo que los menus no funcionaban

Saludos, espero que le sirva a alguno!!

Sigueme: