Archive | noviembre 2011

Íconos…

De alguna manera, la última versión de Elgg (1.8.1) me mezcla los íconos de su propia plantilla.

Como el tiempo me corre, utilizaré por el momento la subversión anterior con las correcciones en los módulos embed y file. 😉

Día de Elgg y VBasic

Hoy es día de Elgg y VBasic. No me acuesto a dormir hasta que termine esos dos proyectos que hace un par de semanas vengo aplazando…

Shortcode en la portada

Los Shortcodes son funciones que se colocan entre corchetes que se colocan en los post o páginas.

Ahora bien, si uno quiere utilizar uno de esos shortcodes en la portada de wordpress, existe una función que lo hace posible: do_shortcode( $content )

Ejemplo, si por ejemplo existe una función de youtube que se llama desde un post con el shortcode: en la portada de wordpress se podría llamar:

<?php echo(do_shortcode("")); ?>

Crear áreas para widgets

WordPress nos permite manejar widgets con solo arrastrar y soltar desde el panel de administrador. ¿Pero qué sucede si el theme que utilizamos no trae esa función o necesitamos agregar mas sidebars? Aprendamos a generar un área de widgets y a utilizar condicionales para obtenersidebars diferentes para cada sección.

Agregar un área de widgets a nuestra sidebar

Abrimos el archivo functions.php y editamos o, en caso de no tenerlo, creamos un archivo y colocamos lo siguiente dentro:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

Básicamente lo que hacemos es iniciar el widget, colocarle un nombre, indicar si va a tener alguna clase antes y después del elemento, y que etiquetas utilizaremos para el título. En nuestro caso solamente indicaremos que el título del widget irá dentro de tags <h2>.

Ahora en nuestro archivo sidebar.php añadimos:

<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->

Ya con este paso podremos ver el área para manejar los widgets en Escritorio Apariencia Widgets.

Crear sidebars diferentes para cada sección

Digamos que están trabajando con dos páginas y una categoría. Utilicemos el mismo archivo sidebar.php y agreguemos condicionales para separar las barras laterales a cargar. La primer porción de la sidebar se mostrará solo si se está mostrando algún contenido dentro de la categoría 3 (pueden ser entradas o subcategorías).

<?php if (in_category(3)) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php } else { ?>
<div id="sidebar">
Blablabla
</div>
<?php } ?>

Lo que hicimos es indicar que si el contenido está dentro de la categoría 3, entonces que muestre el área dewidgets llamada “Sidebar”, si no estamos en dicha categoría entonces que muestre lo que se encuentraentre llaves luego del else.

Ahora debemos agregar las secciones para las dos páginas que mencionamos antes. En esta sección del codex en WordPress.org van a encontrar todos los conditional tags que podrían necesitar para armar sus propios condicionales.

<?php if (in_category(3)) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php elseif (is_page('Contactenos')) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Contactenos") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php elseif (is_page('2')) { ?>
<div id="sidebar">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("Otra sidebar") ) :  endif; ?>
</div><!-- end of sidebar -->
<?php } else { ?>
<div id="sidebar">
Blablabla<
</div>
<?php } ?>

Ahora agregamos dos sidebars mas, una para la página “Contáctenos” y otra para la página con ID 2. Verán en el codex que pueden referirse a las páginas por nombre, slug (permalink) o ID.

Sin embargo necesitamos declarar estas dos nuevas áreas de widgets en el functions.php para que funcionen:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Contactenos',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'Otra sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

Ahora si podemos arrastrar y soltar los widgets en las secciones deseadas. Podemos utilizar cuantas sidebarspersonalizadas querramos y a todas ellas colocarles áreas de widgets.

 

Fuente: SummArg

¿Netbook de conectar igualdad con Windows XP?

Yo utilizo normalmente una Netbook Asus con windows Xp y a pesar que las Netbook de conectar igualdad tienen un chip set mas poderoso, a los minutos de arancar con Windows 7 comienzan a hacerse muy lentas…

Así que si consigo la lista completa de los programas que vienen en las net del 2011, haré una instalación completa de Windows xp (en lugar del 7) y de Linux Mind en lugar de Ubuntu (tan desactualizado)… Luego comento

Cambiar los widgets por default

Para cambiar los Widgets que WordPress trae por default hay que editar el archivo:

/wp-includes/default-widgets.php

Es útil para quitar, por ejemplo, las opciones de rss y el link a wordpress del widget META,

Texto 3D con CSS

Es un buen efecto que vi en algún momento en internet. Funciona en todos los navegadores modernos menos en el innombrable, aunque no es responsabilidad de su interpretación ya que no hay un estandar al respecto de las sombras.

h1 {
text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);
}

 

Fuente: Diseñoweb