Archivos de la categoría Programación web

Nuevo diseño de ScaryPenguin: Temas hijo de WordPress

Cuando empecé ScaryPenguin hace un par de años personalicé un tema de WordPress, Always Forever, pero al volver a escribir en el blog note que se había quedado obsoleto. No es un diseño web adaptable, tenia que usar el plugin WPtouch Mobile Plugin para dispositivos móviles y aunque sea un buen plugin no acababa de ser lo que yo quería.

Por eso a partir de ahora el tema de ScaryPenguin va a ser uno de los temas por defecto de WordPress, Twenty Fourteen, que se adapta casi perfectamente a lo que busco (sencillez y limpieza) y poco a poco lo iré personalizando a mi gusto creando un tema “hijo” basado en el.

De ahí la segunda parte de esta entrada explicando como crear temas hijo de WordPress.

Sigue leyendo Nuevo diseño de ScaryPenguin: Temas hijo de WordPress

Botones “compartir” de Google+, Facebook, Twitter, Tuenti, LinkedIn y Pinterest

Gran parte de las visitas que tenemos en nuestras páginas son gracias a lo que comparten nuestros visitantes en las redes sociales y usando estos botones les facilitamos el trabajo. La gente es vaga y si pueden compartir con darle a un solo botón ganaremos muchas más visitas.

En los siguientes enlaces obtendréis los códigos de los botones de algunas de las redes sociales más utilizadas actualmente.

Sigue leyendo Botones “compartir” de Google+, Facebook, Twitter, Tuenti, LinkedIn y Pinterest

Forzar o eliminar www. en tu dominio utilizando .htaccess

Normalmente a una página web se puede acceder poniendo las www. o sin ponerlas. Esto puede parecer hasta bueno, y en realidad no es ni bueno ni malo para nuestra web hasta que hablamos de SEO o, lo que es lo mismo, posicionamiento en buscadores.

Si esto se deja así los buscadores interpretarán y posicionarán dos páginas distintas. Una forma mas fácil de verlo que el simple posicionamiento de la web es el PageRank de Google, nuestra página puede que tenga un PageRank con www. y otro distinto sin ellas.

Sigue leyendo Forzar o eliminar www. en tu dominio utilizando .htaccess

Archivo .htaccess “a medida”

Hoy os traigo un .htaccess a medida de un manual/tutorial que encontré hace tiempo en el blog JourmolyIntroducción a MVC con PHP (Parte 1 | Parte 2). Los artículos ya tienen un tiempo, son de 2007 y 2008, pero siguen dando una solución muy buena para aplicar el patrón MVC y la programación orientada a objetos en PHP sin depender de ningún framework. Tecleando el código desde cero.

Yo mismo he usado como base esos tutoriales en alguna aplicación, pero las urls resultantes resultaban bastante desagradables:

http://miaplicacion.com/?controlador=user&accion=edit

Había que hacerlas mas “amigables”. Algo como:

http://miaplicacion.com/user/edit/

Y con este .htaccess se consigue casi al 100%.

1
2
3
4
5
6
7
RewriteEngine On
RewriteCond %{QUERY_STRING} ^([^/]+)
RewriteRule ^([a-z0-9-_]+)/([a-z0-9-_]+)(/)?$ index.php?controlador=$1&accion=$2&%1 [NC]
RewriteRule ^([a-z0-9-_]+)/([a-z0-9-_]+)(/)?$ index.php?controlador=$1&accion=$2 [NC]
RewriteCond %{QUERY_STRING} ^([^/]+)
RewriteRule ^([a-z0-9-_]+)(/)?$ index.php?controlador=$1&%1 [NC]
RewriteRule ^([a-z0-9-_]+)(/)?$ index.php?controlador=$1 [NC]

Sigue leyendo Archivo .htaccess “a medida”

Corrigiendo “símbolos raros” en php

Una de las cosas que más quebraderos de cabeza nos puede dar programando en php es la codificación de caracteres. Y muchas veces debemos presentar en nuestras páginas información de la cual no podemos controlar esta codificación obteniendo resultados desagradables con errores en los acentos, eñes y caracteres no ascii.

Una solución fácil y efectiva, aunque no será la más óptima, es una función que sustituya esos “símbolos raros” por su código html equivalente. De esta forma el navegador no tendrá ningún problema a la hora de mostrarlos.

1
2
3
4
function normStr($str) {
    $noASCII = array(' ' => '', '¡' => '¡', '¢' => '¢', '£' => '£', '¤' => '¤', 'Â¥' => '¥', '¦' => '¦', '§' => '§', '¨' => '¨', '©' => '©', 'ª' => 'ª', '«' => '«', '­' => '­', '®' => '®', '¯' => '¯', '°' => '°', '±' => '±', '²' => '²', '³' => '³', '´' => '´', 'µ' => 'µ', '·' => '·', '¸' => '¸', '¹' => '¹', 'º' => 'º', '»' => '»', '¼' => '¼', '½' => '½', '¾' => '¾', '¿' => '¿', 'À' => 'À', 'Á' => 'Á', 'Â' => 'Â', 'Ã' => 'Ã', 'Ä' => 'Ä', 'Ã…' => 'Å', 'Æ' => 'Æ', 'Ç' => 'Ç', 'È' => 'È', 'É' => 'É', 'Ê' => 'Ê', 'Ë' => 'Ë', 'ÃŒ' => 'Ì', 'Í' => 'Í', 'ÃŽ' => 'Î', 'Ï' => 'Ï', 'Ð' => 'Ð', 'Ñ' => 'Ñ', 'Ã’' => 'Ò', 'Ó' => 'Ó', 'Ô' => 'Ô', 'Õ' => 'Õ', 'Ö' => 'Ö', '×' => '×', 'Ø' => 'Ø', 'Ù' => 'Ù', 'Ú' => 'Ú', 'Û' => 'Û', 'Ãœ' => 'Ü', 'Ý' => 'Ý', 'Þ' => 'Þ', 'ß' => 'ß', 'à ' => 'à', 'á' => 'á', 'â' => 'â', 'ã' => 'ã', 'ä' => 'ä', 'Ã¥' => 'å', 'æ' => 'æ', 'ç' => 'ç', 'è' => 'è', 'é' => 'é', 'ê' => 'ê', 'ë' => 'ë', 'Ã' => 'ì', 'í' => 'í', 'î' => 'î', 'ï' => 'ï', 'ð' => 'ð', 'ñ' => 'ñ', 'ò' => 'ò', 'ó' => 'ó', 'ô' => 'ô', 'õ' => 'õ', 'ö' => 'ö', '÷' => '÷', 'ø' => 'ø', 'ù' => 'ù', 'ú' => 'ú', 'û' => 'û', 'ü' => 'ü', 'ý' => 'ý', 'þ' => 'þ', 'ÿ' => 'ÿ');
    return (strtr($str, $noASCII));
}

splashDL

Hoy os traigo un gestor de descargas sencillo, de mi propia cosecha, para implementar en vuestras webs o blogs. De forma completamente transparente al usuario (y a vosotros mismos) presenta una página “splash” que retrasa la descarga unos segundos, con un banner publicitario de AdSense. Como añadido si se entra a la raíz del directorio de descargas muestra un listado de los archivos que se encuentran en el directorio con enlaces para descargar.

Sigue leyendo splashDL