Archivo para 'Wordpress'
Divine, crea tu propio theme para Wordpress desde Photoshop

Divine, crea tu propio theme para Wordpress desde Photoshop

publicado 04 Agosto 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

Divine es un plugin de Photoshop que sirve para convertir archivos de
Photoshop en temas de Wordpress. Funciona mediante la selección de lugares en los archivos de diseño ( header, footer, comentarios, contenido, sidebar, etc ) y marcar dichas secciones como variables:
[...]

Como beneficiarse ante el hotlinking

publicado 07 Julio 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

Como hemos visto en el artículo, Evitar el robo de ancho de banda – Hotlinking, creamos un fichero .htaccess para prohibir el uso de las imágenes y archivos alojados en nuestro servidor.

Con la configuración de ese artículo bloqueamos por completo todo tipo de archivos. Ahora, si somos victimas de hotlinking podemos usarlo para nuestro beneficio :) , cada vez que usen una imágen alojada en nuestro servidor les aparecerá una imagen que nosotros querramos, como por ejemplo el logo de nuestro blog.

Tenemos la configuración predeterminada de nuestros premalinks (en caso de elegir la opción de Día y nombre)

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

</IfModule>

Agregando las lineas para evitar el hotlinking quedará de la siguiente manera:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

RewriteCond %{HTTP_REFERER} !^http://sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com$      [NC]
RewriteRule .*\.(jpg|jpeg|gif|png|bmp|tiff)$ http://sisar4k.com [R,NC]

Para agregar la imagen que qerramos que se visualice ante un hotlinking debemos ingresar la siguiente linea:

 RewriteRule .*\.(gif|jpg|jpeg|png|bmp)$ http://dominio-de-la-imagen.com/nohotlink.jpe [R,NC,L]

La imagen a mostrar puede tener el nombre que uds quieran, en este caso la llamé nohotlink.jpe . Reemplacen la linea 13 por la anterior.

El fichero .htaccess quedará de la siguiente forma:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

RewriteCond %{HTTP_REFERER} !^http://sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com$      [NC]
RewriteRule .*\.(gif|jpg|jpeg|png|bmp)$ http://sisar4k.com/nohotlink.jpe [R,NC,L]

Nota: La imagen que usaremos deberá ser guardada con la extensión .JPE

Ahora cada vez que hagan hotlinking con alguna imagen de mi blog verán la siguiente imagen:

Ahora, ¿Como hacemos para permitir que nuestros lectores de feed burner y google reader vean las imágenes originales de nuestros posteos?

Agregando las siguientes lineas:

RewriteCond %{HTTP_REFERER} !^http://www.google.com/reader/view/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.google.com/reader/m/view/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.feedburner.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://feeds.feedburner.com/sisar4k$ [NC]

Como resultado de todo nuestro .htaccess quedará asi:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

RewriteCond %{HTTP_REFERER} !^http://sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com$      [NC]
RewriteRule .*\.(gif|jpg|jpeg|png|bmp)$ http://sisar4k.com/nohotlink.jpe [R,NC,L]
RewriteCond %{HTTP_REFERER} !^http://www.google.com/reader/view/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.google.com/reader/m/view/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://www.feedburner.com/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://feeds.feedburner.com/sisar4k$ [NC]

Espero que les sirva, cualquier duda que tengan no olviden dejar un comentario :)

Wp Theme Designer, decenas de excelentes themes totalmente gratuitos

Wp Theme Designer, decenas de excelentes themes totalmente gratuitos

publicado 07 Julio 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

Wpthemedesigner, es un blog con decenas de themes gratuitos para Wordpress. Además de ser gratis también existe la opción de personalización de los themes ofrecidos por el blog por una pequeña donación.

Algunos screenshot´s de sus diseños:

Enlace: Wpthemedesigner

Evitar el robo de ancho de banda – Hotlinking

Evitar el robo de ancho de banda – Hotlinking

publicado 01 Julio 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

¿Que es hotlinking? En pocas palabras es el robo de ancho de banda mediante un link directo a una imagen, archivo, video etc.
Incluido el contenido en otros sitios, el mismo se descarga desde nuestro propio servidor, lo que osaciona una perdida o un mayor consumo de nuestro ancho de banda.

¿Como prevenirlo?

Puede prevenirse mediante el uso de .htaccess. En los siguiente tips podrán ver como prevenir hotlink hacia los diferentes archivos que normalmente hospedamos en nuestro servidor.

Evitar Hotlinking para imágenes:

# DO NOT REMOVE THIS LINE AND THE LINES BELOW HOTLINKID:lDNWt1
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com$      [NC]
RewriteRule .*\.(jpg|jpeg|gif|png|bmp|tiff)$ http://sisar4k.com [R,NC]
# DO NOT REMOVE THIS LINE AND THE LINES ABOVE lDNWt1:HOTLINK 

Evitar hotlink para videos:

# DO NOT REMOVE THIS LINE AND THE LINES BELOW HOTLINKID:AblCit
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com$      [NC]
RewriteRule .*\.(avi|mpg|mpeg|wma|mov)$ http://sisar4k.com [R,NC]
# DO NOT REMOVE THIS LINE AND THE LINES ABOVE AblCit:HOTLINKID 

Archivos descargables:

# DO NOT REMOVE THIS LINE AND THE LINES BELOW HOTLINKID:c9hM5X
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com$      [NC]
RewriteRule .*\.(zip|rar|exe|mp3|pdf|swf|psd)$ http://sisar4k.com [R,NC]
# DO NOT REMOVE THIS LINE AND THE LINES ABOVE c9hM5X:HOTLINKID

HTML Related Files:

# DO NOT REMOVE THIS LINE AND THE LINES BELOW HOTLINKID:KJMwcE
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://sisar4k.com$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com/.*$      [NC]
RewriteCond %{HTTP_REFERER} !^http://www.sisar4k.com$      [NC]
RewriteRule .*\.(txt|html|htm|php|swf)$ http://sisar4k.com [R,NC]
# DO NOT REMOVE THIS LINE AND THE LINES ABOVE KJMwcE:HOTLINKID

Solo debemos crear un archivo .htaccess y copiar los códigos anteriores.

WpRecipes, cientos de tips y hacks para wordpress

WpRecipes, cientos de tips y hacks para wordpress

publicado 30 Junio 2009 | por sisaR | Categories: General, Wordpress | 3 Comentarios

Desde WpRecipes podrás encontrar cientos de tips y codigos para optimizar tu blog, tanto asi su apariencia como su funcionalidad.

Algunos de los ejemplos que podremos encontrar:

Detectar que navegador usan los visitantes:

Copiar y pegar el siguiente codigo en el archivo functions.php

<?php

add_filter('body_class','browser_body_class');

function browser_body_class($classes) {

global $is_lynx, $is_gecko, $is_IE, $is_opera, $is_NS4, $is_safari, $is_chrome, $is_iphone;
if($is_lynx) $classes[] = 'lynx';

elseif($is_gecko) $classes[] = 'gecko';

elseif($is_opera) $classes[] = 'opera';

elseif($is_NS4) $classes[] = 'ns4';

elseif($is_safari) $classes[] = 'safari';

elseif($is_chrome) $classes[] = 'chrome';

elseif($is_IE) $classes[] = 'ie';

else $classes[] = 'unknown';
if($is_iphone) $classes[] = 'iphone';

return $classes;

}

Guardar los cambios realizados y añadir la siguiente clase en tu archivo style.css:


<body class="home blog logged-in safari">

[...]

Arras Theme, excelente theme gratuito para Wordpress

Arras Theme, excelente theme gratuito para Wordpress

publicado 27 Junio 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

Arras Theme, es un excelente theme gratuito con aspecto magazine.
Ofrece las siguientes características de configuración :

  • 5 diferentes layouts.
  • Campos meta personalizados en los post’s.
  • Auto thumbnail resizer.
  • Posibilidad de personalizar el Background.
  • Compatible con Firefox 3.0+, Internet Explorer 6+, Opera 9.0+, Safari 3.0+, Chrome 1.0+.
  • Widget incorporados que son compatible con muchos Plugins.
  • Optimizado para los motores de búsqueda

Demo online: Arras Theme 1.3
Descargar Arras Theme 1.3

Wordpress 2.8 – Novedades de la nueva versión

Wordpress 2.8 – Novedades de la nueva versión

publicado 12 Junio 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

La nueva versíon 2.8 de Wordpress fue liberada el día 10 de junio para su descarga. Podrás ver los cambios realizados en esta sección desde aquí: Changelog

Las novedades de la nueva versión en vídeo


¿Que faltó integrar en esta nueva versión?

  • Algunos shortcodes por defecto, quizás los 10 más populares de WordPress.com
  • Soporte de oEmbed, enlazado con shortcodes
  • Una mejor interfaz de usuario para las revisiones de posts, quizás un campo opcional que nos diga que cambió en cada versión
  • Soporte de OAuth
  • GeoData para los posts, comentarios, adjuntos, etc.
  • Tags de plantilla para tener todo lo que ma.tt tiene en su galería personalizada
  • Editor de menús
  • Tags para las etiquetas “more” y “nextpage” (Ticket 6297)
  • Sitemaps por defecto
  • Mejora de los importadores (solo se ha mejorado el de LiveJournal)
  • post_type para la Galería
  • Versiones de las ediciones de plantillas
  • Enlaces en la documentación para las funciones utilizadas en la plantilla que estamos editando
  • MPTT (Modified Preorder Tree Traversal) para las jerarquías

Vía: Ayuda Wordpress

Digital Statement & Statement – Blog Oh! blog

Digital Statement & Statement – Blog Oh! blog

publicado 09 Junio 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

Dos excelentes themes para wordpress totalmente gratis creados por Blog Oh! blog: Digital Statement & Statement.

[...]

deStyle – Themeshift

deStyle – Themeshift

publicado 06 Junio 2009 | por sisaR | Categories: Wordpress | Sin Comentarios

Themeshift nos ofrece esta excelente theme totalmente gratuito.

[...]