Me gustaría cambiar el mundo, pero no encuentro el código fuente

Categoría: Diseño

Utiliza cualquier tipo de letra en tu blog

El poder utilizar cualquier tipo de fuente en nuestro blog, hoy es más sencillo que nunca gracias a Typekit.[break]

¿Qué es Typekit?[break]

Typekit es una nueva página en la cual nos podremos dar de alta de forma gratuita y utilizar en un solo dominio dos tipos de letra diferentes de forma totalmente gratuita, siempre y cuando no superermos los 25.000.[break]

Nos daremos de alta y deberemos

Continue Reading

El Tema Thesis de WordPress incumple la licencia GPL

Muchos de vosotros conoceréis el tema [highlight1]Thesis[/highlight1] de [highlight1]WordPress[/highlight1], otros quizás nó.[break]

El tema Thesis es uno de los temas más famosos de WordPress.[break]

Google, dijo una vez que WordPress era lo mejor para el SEO, que amaba WordPress. Pero también se dice, no dicho por Google, que si a WordPress le añades el tema thesis, directamente Google pasa de amar WordPress a acostarse con él.[break]

En las últimas horas ha surgido una polémica sobre el tema thesis. Según [highlight1]Matt[/highlight1], creador de WordPress, el tema Thesis incumple la [highlight1]licencia GPL[/highlight1].[break]

[highlight1]Andy Peatling[/highlight1], creador y desarrollador de BuddyPress nos pone un ejemplo.[break]

En el archivo [highlight1]comments.php[/highlight1] de [highlight1]Thesis 1.7[/highlight1] que lo encontraremos en [highlight1]/lib/classes/[/highlight1], en la línea 123, podemos encontrar este código:[break]

class thesis_comment extends Walker {
	var $tree_type = 'comment';
	var $db_fields = array('parent' => 'comment_parent', 'id' => 'comment_ID');
...

¿Qué es lo que pasa en las líneas anteriores?[break]

El secreto de todo el lio está en [highlight2]extends[/highlight2].[break]

El problema es que no está añadiendo funcionalidades a WordPress, el problema es que está creando una [highlight1]función derivada[/highlight1] del [highlight1]Core[/highlight1] de WordPress y eso está absolutamente prohibido por la licencia bajo la que se rige WordPress.[break]

El creador del tema Thesis, [highlight1]Chris Pearson[/highlight1], pidió una reunión con [highlight1]Jane Forshort[/highlight1], que es la encargada en Automattic de mirar por los usuarios y proyectos relacionados.[break]

En la reunión, no llegaron a ningún acuerdo, defendiendo cada uno sus intereses o formas de ver las cosas.[break]

El caso, es que en estos momentos hay un gran debate sobre este tema, mucha gente se está añadiendo a la discusión, unos defendiendo a Matt M. y otros apoyando a Chris P.[break]

De momento, la posición de Automattic es la de aconsejar pasar a todos los usuarios que usen el tema Thesis a cualquier otro tema.[break]

Matt M. también ha realizado un anuncio,[break]

[one_half]
[testimonial gravatar=”matt@mullenweg.com” name=”Matt Mullenweg” company=”Automattic”]
si cualquier desarrollador de temas, es capaz de desarrollar un tema con las mismas funcionalidades y excelencias que el tema Thesis de Chris P. pero con licencia GPL se lo compraré.
[/testimonial]
[/one_half]
[break]

[break]

Está claro que la posición de Automattic es erradicar este tema y cualquier otro que use, presuntamente, las mismas técnicas, es decir, modificar fragmentos del Core de WordPress para incluirlos en sus funciones.[break]

De momento, como comento, es aconsejar que no se use, pero ya hay rumores que las intenciones de Matt van más allá, ya tendría en la cabeza llevar a los tribunales a Chris P. si no cambia de parecer y solucionar esta situación.[break]

Si no me equivoco, sería la primera vez que Automattic emprende acciones legales contra alguien en defensa de la licencia que usa, la [highlight1]licencia GPL de WordPress[/highlight1].[break]

[content_box style=”gray-box” title=”Todas las claves de la polémica las podéis encontrar en estos enlaces:” title_size=”h3″][break]

Tema Thesis[break]

Matt[break]

Chris Pearson[break]

Jane Forshort[break]

Andy Peatling[break]

#thesis[break]

#thesiswp[break]

Bettween[break]

Video y Audio: Discusión entre los implicados, (Gracias Luis por el aporte)

[break]
[/content_box]

Continue Reading
Continue Reading

Limitar la longitud del título de las entradas en WordPress

Para el nuevo diseño de mi sitio, me había encontrado con una problemática y era que en la home, en la parte inferior tenía las últimas entradas realizadas en el blog pero el título se salía de su espacio predeterminado. La consecuencia de esto era que se veía no mal, se veía fatal de diseño.[break]

Para resolverlo, he acudido al querido y amado archivo function.php[break]

Si deseáis, por un problema similar al que yo tenía limitar la longitud del título, añadir estas líneas al archivo function.php del tema que estéis usando.[break]

function limitar_titulo($title, $n){
if ( strlen ($title) > $n )
{
echo substr(the_title("","", FALSE), 0, $n) . '…';
}
else { the_title(); }
}

[break]

Después de realizar esta operación, tendréis una nueva función a utilizar en vuestro tema, que será la función [highlight1]limitar_titulo();[/highlight1]

[break]

Ahora, solo deberéis de sustituir la función [highlight1]the_title();[/highlight1] por [highlight1]limitar_titulo();[/highlight1] allá dónde queráis aplicarla.[break]

La sintaxis de esta función será:[break]

limitar_titulo($post->post_title, 30);

[break]

Siendo 30 la cantidad de caracteres que queréis que se muestren.[break]

Continue Reading

La Psicología de los tipos de Letra

En un estudio realizado por la Universidad del Estado de Wichita llegaron a la conclusión qué:

los rasgos de personalidad se pueden atribuir a fuentes basadas en un diseño por familia (serif, sans-serif, moderno, monospace, Script / Funny) y estas, asociada a un uso adecuado, pueden aumentar el resultado deseado, pudiendo incluso

Continue Reading

Zoom a las imágenes en WordPress

Si quieres que tus imágenes sean aumentadas en tu Blog de WordPress con un impresionante Zoom, solo debes instalar el siguiente plugin:

wp-fancyzoom

Conseguirás un efecto como este:

Imagen Aumentada tipo Zoom

Haz Click a la Imagen

Si no dispones de WordPress, estas de suerte. Puedes conseguir este mismo efecto siguiendo esta guía

Continue Reading

CSSPlay, un sitio increible para obtener ejemplos CSS

CssPlay.com, uno de los mejores sitios para CSS

Una de las facetas más tortuosas (para algunos) es todo el tema de la programación CSS dentro de nuestra página web.

 

Pero aunque seas un experto programador, esta página te ayudará mucho a aprender trucos, coger ideas o tomar como plantilla alguno de los ejemplos.

Sin duda, CSSPlay es una especie de muestrario de todo lo que se puede hacer con CSS.

Todos los ejemplos, o al menos prácticamente en su totalidad, son gratuitos, no están ofuscados, así que podrás utilizarlos gratuitamente, solo deberás de hacer las modificaciones que más te interesen

 

CSSPlay consta de tres páginas:

CssPlay.co.uk

Stunicholls.com

– Css Menus

Continue Reading

Miles de fuentes (tipos de letra) gratuitas

Quizás, una de las cosas más importantes del diseño de una web, es el tipo de letra o fuentes que utilizaremos en el logo, en imágenes fijas, etc.

El gran problema que podemos encontrar es la limitación de fuentes que tiene cualquier programa o SO por defecto.

En estos casos, tenemos la opción de buscar fuentes en Internet y sin duda, podemos encontrar miles de fuentes gratuitas.

 

Ejemplos de estas páginas gratuitas las podemos encontrar en:

Creamundo

 

creamundo

 

 

1001freefonts

1001freefonts

 

 

urbanfonts

urbanfonts

 

 

1001fonts

1001fonts

 

 

myfont

myfonts

 

 

fontreactor

fontreactor

 

Continue Reading

¿Que colores uso en mi diseño web? una web/herramienta muy intereante de colores

Quizás alguna vez te has planteado crear una página web.

Una de las grandes dudas que uno se plantea es ¿Qué colores uso? ¿Qué conjunto de colores pueden quedar bien?

Todos hemos estado navegando por la web y viendo páginas con grandes diseños y colores, que en un conjunto quedan muy bien.

Hay que pensar que en colores, los tenemos todos, y de cada color, tenemos infinidad de matices, y no todos los matices quedan bien con los otros colores.

Navegando por internet, podremos encontrar, como comentaba anteriormente, una página con colores muy equilibrados que nos gusta mucho como queda, pero ¿cómo se que colores son si los quiero utilizar?

Hay dos formas de hacerlo.

 

1.- simplemente, mirar si podemos encontrar el archivo CSS y buscar directamente todos los colores.

3.- Utilizar servicios gratuitos que nos dan los colores de las páginas que queramos.

 

En este sentido podemos encontrar páginas como “Colorcombos

Solo debemos poner en el formulario que encontraremos la dirección de la web que nos interesa, y nos devolverá todos los colores que usa, con código hexadecimal incluido.

 

Tambien podemos navergar entre cientos de sugerencias de combinaciones de colores para la aplicación al diseño.

Todo un lujo para los colores.

 

Continue Reading

Efecto Zoom con movimiento en las imágenes, el mejor que hayáis podido ver.

Seguramente, muchos de las personas que estén visitando el blog y hayan apretado en una imagen, se estarán preguntando que es lo que estoy utilizando para que tenga este efecto de zoom.

Pues no busqueis un plugin, porque no lo encontrareis.

Hay plugins que dicen hacer lo que hago aquí, pero no se acercan ni remotamente.

En Primer lugar, bajaros este archivo.

En el encontrareis dos carpetas:

images-global

js-global

Estas carpetas, las debeis colocar en vuestro directorio raiz.

Una vez que las tengas colocadas, deberemos hacer las llamadas necesarias desde nuestro Theme.

Para ellos, editaremos el archivo header.php

Justo antes de la etiqueta </head>

Deberemos poner:
[XML]

[/XML]

También deberemos modificar la etiqueta cambiandolo por:

[XML]

[/XML]

Podría ser que nuestra etiqueta , no se llamara exactamente así, si no que fuera algo parecido a esto:

[XML]
<body >
[/XML]

En este caso, deberiamos poner, basandonos en el ejemplo anterior:

[XML]
<body onload=”setupZoom()”>
[/XML]

y ya está, ya que el script que hemos colocado, hace las llamadas automáticamente, así que no hace falta que hagamos ninguna modificación a nuestras imágenes ni añadir nada a nuestras imágenes cuando las insertemos en el blog, todo es automático.

Eso sí, aseguraros que ponéis un título a la imagen si queréis que salga el banner inferior con la explicación, es decir, en la imagen inferior, que pone, Imagen Aumentada tipo Zoom, quizás uno de los mejores efectos con fotos, si mirásemos el código de la foto, veríamos que pone:

[XML]
Imagen Aumentada tipo Zoom
[/XML]

El código de la foto, debe tener title para que salga el banner gris oscuro, si no no sale
El resultado de esto es el siguiente, haz clic en la imagen:

Imagen Aumentada tipo Zoom

Continue Reading