Xyberneticos

Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

Nikko — Mon, 31 Oct 2011 14:49:01 +0000

Supersized es un script que permite crear presentaciones de diapositivas de fondo y ha pantalla completa, todo bajo la librería jQuery.

Es versión de Supersized tiene temas, vínculos directos de diapositivas, precarga dinámica, y una API.

Características

Cambia el tamaño de las imágenes para llenar completamente el navegador, manteniendo obvio la dimensión de la imagen
Ciclos de fondos a través de diapositivas con transiciones y precarga dinámica
Posee la versión base disponible para aquellos que sólo quieren cambiar el tamaño del fondo.
Controles de navegación con soporte para teclado
Integración con Flickr – tirar fotos del usuario, establecido o grupo
Dirígete a la página del proyecto para todos los detalles.

Nuevo en Supersized 3.2

Completa reescritura del guión para imágenes super grandes.
Más opciones, incluida la capacidad para prevenir las diapositivas que se corten en carga.
Puedes ahora enlazar directamente a las diapositivas
API que te permite llamar a funciones de forma directa (por ejemplo, el efecto / pausa, siguiente, anterior, y saltar directamente a una diapositiva)
Los archivos de los themes están separados de los archivos de base, lo que hará que las actualizaciones sean mucho más fácil. El Shutter theme está incluido en cada descarga.
Flickr no está actualizado a 3.2 (trabajando en eso)

WordPress

WP Supersized desarrollado por el talentoso Ben De Boeck del World In My Eyes . Nota: Este plugin está utilizando la versión 3.1.3

Cómo crear pestañas en la interfaz de usuario WordPress

Nikko — Tue, 25 Oct 2011 13:56:38 +0000

El uso de pestañas en la interfaz de usuario de wordpress puede ayudarte a organizar mejor el contenido, por lo que es natural que los temas para WordPress que tiene un montón de opciones se benefician de las pestañas en su página de configuración. En este tutorial desde smashingmagazine, aprenderás cómo crear una página de configuración de pestañas, y podrás descargar un theme WordPress que implementa el código para estudiarlo a fondo.

La creación de aquí

El primer fragmento de código que va a inspeccionar es el código que produce en las fichas:

PLAIN TEXT

JavaScript:

function ilc_admin_tabs( $current = 'homepage' ) {
$tabs = array( 'homepage' => 'Home Settings', 'general' => 'General', 'footer' => 'Footer' );
echo '

';
echo '

';
foreach( $tabs as $tab => $name ){
$class = ( $tab == $current ) ? ' nav-tab-active' : '';
echo "$name";

}
echo '

';
}

Esta función se llamará más tarde en el contenido de la página de configuración. En primer lugar, definir una matriz que contiene todas nuestras fichas. La primera pestaña que aparece en primer lugar por defecto, es homepage , donde podemos configurar algunas opciones para la apariencia de la página principal. Entonces tenemos general , que podría ser una página que contiene las opciones utilizadas en todo el sitio web, y, por último, footer , para incluir un código de seguimiento en el pie de página.

Mostrar el contenido con pestañas

El contenido de la página de configuración se muestra en la función callback para add_theme_page (que es una abstracción de add_submenu_page, establecido en themes.php), que en nuestro tema será nombrado ilc_settings_page. Aquí es donde se va a llamar a la función.

PLAIN TEXT

JavaScript:

function ilc_settings_page() {
global $pagenow;
$settings = get_option( "ilc_theme_settings" );

//generic HTML and code goes here

if ( isset ( $_GET['tab'] ) ) ilc_admin_tabs($_GET['tab']); else ilc_admin_tabs('homepage');

Siguiendo la misma función, ahora tenemos que mostrar el conjunto a la derecha de los campos. Dependiendo del valor de $tab , nos muestra los campos de la ficha de configuración de la página principal o de una de las otras fichas:

PLAIN TEXT

JavaScript:

"post" action="">
wp_nonce_field( "ilc-settings-page" );

if ( $pagenow == 'themes.php' && $_GET['page'] == 'theme-settings' ){

if ( isset ( $_GET['tab'] ) ) $tab = $_GET['tab'];
else $tab = 'homepage';

echo '

';
switch( $tab ){
case'general' :
?>

break;
case'footer' :
?>

break;
}
echo '

Tags with CSS classes:	"ilc_tag_class" name="ilc_tag_class" type="checkbox" if ( $settings["ilc_tag_class"] ) echo 'checked="checked"'; ?> value="true" /> for="ilc_tag_class">Checking this will output each post tag with a specific CSS class based on its slug.
for="ilc_ga">Insert tracking code:</label>th>	Enter your Google Analytics tracking code: "ilc_ga"</span> <span style="color: #000066;">name</span>=<span style="color: #3366CC;">"ilc_ga"</span> cols=<span style="color: #3366CC;">"60"</span> rows=<span style="color: #3366CC;">"5"</span>><?php echo esc_html<span style="color: #66cc66;">(</span> stripslashes<span style="color: #66cc66;">(</span> $settings<span style="color: #66cc66;">[</span><span style="color: #3366CC;">"ilc_ga"</span><span style="color: #66cc66;">]</span> <span style="color: #66cc66;">)</span> <span style="color: #66cc66;">)</span>; ?><<span style="color: #0066FF;">/textarea><br /</span>></p> <p> </td><br /> </tr><br /> <?php<br /> <span style="color: #000066; font-weight: bold;">break</span>;<br /> <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'homepage'</span> :<br /> ?><br /> <tr><br /> <th><label <span style="color: #000066; font-weight: bold;">for</span>=<span style="color: #3366CC;">"ilc_intro"</span>>Introduction<<span style="color: #0066FF;">/label></</span>th><br /> <td><br /> Enter the introductory text <span style="color: #000066; font-weight: bold;">for</span> the <span style="color: #000066;">home</span> page:<br /> <textarea id=<span style="color: #3366CC;">"ilc_intro"</span> <span style="color: #000066;">name</span>=<span style="color: #3366CC;">"ilc_intro"</span> cols=<span style="color: #3366CC;">"60"</span> rows=<span style="color: #3366CC;">"5"</span>><?php echo esc_html<span style="color: #66cc66;">(</span> stripslashes<span style="color: #66cc66;">(</span> $settings<span style="color: #66cc66;">[</span><span style="color: #3366CC;">"ilc_intro"</span><span style="color: #66cc66;">]</span> <span style="color: #66cc66;">)</span> <span style="color: #66cc66;">)</span>; ?>

Tags with CSS classes:

"ilc_tag_class" name="ilc_tag_class" type="checkbox" if ( $settings["ilc_tag_class"] ) echo 'checked="checked"'; ?> value="true" />
for="ilc_tag_class">Checking this will output each post tag with a specific CSS class based on its slug.

for="ilc_ga">Insert tracking code:</label>th>

Enter your Google Analytics tracking code:

"ilc_ga" name="ilc_ga" cols="60" rows="5"><?php echo esc_html( stripslashes( $settings["ilc_ga"] ) ); ?></textarea> >
            </td> 
         </tr> 
         <?php 
      break; 
      case 'homepage' : 
         ?> 
         <tr> 
            <th><label for="ilc_intro">Introduction</label></th> 
            <td> 
               Enter the introductory text for the home page: 
               <textarea id="ilc_intro" name="ilc_intro" cols="60" rows="5"><?php echo esc_html( stripslashes( $settings["ilc_intro"] ) ); ?>

';
}

class="submit" style="clear: both;">
"submit" name="Submit" class="button-primary" value="Update Settings" />
"hidden" name="ilc-settings-submit" value="Y" />

Guardando campos con pestañas

PLAIN TEXT

JavaScript:

function ilc_save_theme_settings() {
global $pagenow;
$settings = get_option( "ilc_theme_settings" );

if ( $pagenow == 'themes.php' && $_GET['page'] == 'theme-settings' ){
if ( isset ( $_GET['tab'] ) )
$tab = $_GET['tab'];
else
$tab = 'homepage';

switch ( $tab ){
case 'general' :
$settings['ilc_tag_class'] = $_POST['ilc_tag_class'];
break;
case 'footer' :
$settings['ilc_ga'] = $_POST['ilc_ga'];
break;
case 'homepage' :
$settings['ilc_intro'] = $_POST['ilc_intro'];
break;
}
}
//code to filter html goes here
$updated = update_option( "ilc_theme_settings", $settings );
}

Redirigir al usuario a la pestaña derecha

Ahora que el contenido se guarda, es necesario que WordPress pueda redirigir al usuario a la ficha correspondiente en la página de configuración.

PLAIN TEXT

JavaScript:

function ilc_load_settings_page() {
if ( $_POST["ilc-settings-submit"] == 'Y' ) {
check_admin_referer( "ilc-settings-page" );
ilc_save_theme_settings();

$url_parameters = isset($_GET['tab'])? 'updated=true&tab='.$_GET['tab'] : 'updated=true';
wp_redirect(admin_url('themes.php?page=theme-settings&'.$url_parameters));
exit;
}
}

Descargar el theme demo

Sólo recuerde que este es un enfoque. Otro enfoque sería añadir varios cuadros de meta plegable, como se ve en la página para escribir mensajes, y el colapso de forma automática las casillas que no se utilizan con frecuencia. Sin embargo, las pestañas permiten separar mejor cada una de las opciones.

Finalmente, aquí está el tema, de modo que podrán estudiarlo mas a fondo, viendo cómo funciona

* Descargar Theme con configuración con pestañas

El tema también lleva a cabo la función por la que se emite cada etiqueta con una única clase de CSS.

Via How To Create Tabs On WordPress Settings Pages by smashingmagazine

SimpleModal – Modal Boxes by MooTools

patagoniacreative — Thu, 13 Oct 2011 17:03:24 +0000

SimpleModal es un plugin MooTools para la creación de modal boxes (cajas) con mucha facilidad.
SimpleModal es ligero y puede utilizarse para mostrar alertas / cuadros de diálogo de confirmación, además de cualquier contenido HTML (texto, imagen, video, etc.)
Para confirmar los cuadros de diálogo, proporciona una función de devolución de llamada. Además, SimpleModalpuede trabajar en modo asíncrono y obtener contenidos de URLs en línea o de otra índole.
Su apariencia se puede personalizar con opciones que van desde la manipulación de la opacidad, ancho, color de superposición, movimiento arrastre on / off y mucho más.

Demos e info: http://simplemodal.plasm.it/
Descarga : https://github.com/plasm/simplemodal

Via webresourcesdepot

Pix Eden – Recursos para diseñadores

Nikko — Mon, 19 Sep 2011 15:49:11 +0000

Pixeden es otra comunidad para diseñadores que nació con la idea de crear un lugar único para todas las herramientas que un diseñador moderno pueda necesitar en su día a día. Posee recursos con mucha calidad desde diseños de folleteria hasta tarjetas personales (todo en PSD), entre otras cosas. Los archivos son gratuitos y sin límite de descarga.

Design Kindle – Recursos para el diseñador moderno

Nikko — Mon, 19 Sep 2011 15:21:49 +0000

Design Kindle una comunidad sobre diseño web donde podrán encontrar diversidad de recursos gratis. No requiere membresía y los recursos de diseño web están listos para ser descargados.

Los diseños que encontraremos son diseñados exclusivamente por Design Kindle, lo que garantiza no lo veraz en ningún otro lado. Por último, pero no menos importante, es que podrás utilizar cualquiera de los archivos descargados en tus proyectos personales o comerciales. Algunas de las categorías que podremos encontrar:

50 Paquetes de Iconos Sociales – Edición 2011 by speckyboy

Nikko — Thu, 15 Sep 2011 14:19:59 +0000

Tanto como para desarrollos personales como comerciales, algo que nunca podemos pasar por alto, son los enlaces para nuestras redes sociales o la de nuestros clientes. Creo que es el motivo por el cual estos 50 set de iconos sociales con diversidad de diseños, me ha parecido fantástica. Todos los paquetes de iconos sociales que encontraremos son de la más alta calidad y han sido diseñados pensando en la versatilidad y se integrará en el estilo de la mayoría de los sitios web.
Enlace 50 Social Media Bookmarking Icon Sets – 2011 Edition by speckyboy

7 Nuevos e increíbles trucos WordPress

Nikko — Thu, 15 Sep 2011 13:49:28 +0000

Reemplazar fácilmente la fuente del editor WordPress

¿No te gusta la fuente predeterminada utilizada por el editor de WordPress? , entonces creo que eso ya no será problema, el código que veras a continuación te permitirá cambiarlo por completo. Basta con pegarlo en tu archivo functions.php de tu theme archivo. Podrás definir qué tipo de letra utilizar en la línea 5.

PLAIN TEXT

JavaScript:

add_action( 'admin_head-post.php', 'cwc_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'cwc_fix_html_editor_font' );

function cwc_fix_html_editor_font() { ?>

}

Source: http://devpress.com/blog/fixing-wordpress-3-2s-html-editor-font/

Modo Mantenimiento Wp

A veces, tienes que poner tu blog en espera mientras realizas algunas tareas de mantenimiento. Varias soluciones podremos generarlas con algún plugin mientras hacemos esta tarea, pero podemos encontrar una solución más simple aun: Sólo tienes que pegar el siguiente fragmento en tu archivo functions.php y guardarlo. Tu blog, ya no está disponible para nadie, excepto para los administradores! No te olvides de quitar el código cuando hayas terminado con el mantenimiento!

PLAIN TEXT

JavaScript:

function cwc_maintenance_mode() {
if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) {
wp_die('Maintenance, please come back soon.');
}
}
add_action('get_header', 'cwc_maintenance_mode');

Source: http://skyje.com/2011/05/wordpress-code-snippets/

Acceso sencillo a wp

Un truco simple para modificar la ruta actual de acceso a nuestro http://website.com/wp-login.php por una acortada http://website.com/login
Abre tu archivo .htaccess (que se encuentra en la raíz de instalación de WordPress) y agrega el siguiente código. Recuerde hacer una copia de seguridad. htaccess antes de editarlo!

PLAIN TEXT

JavaScript:

RewriteRule ^login$ http://yoursite.com/wp-login.php [NC,L]

Source: http://www.wprecipes.com/simpler-wordpress-login-url

Desactivar activación de themes

Cuando se trabaja con clientes, puede ser bueno para mantener el control de lo que puede hacer para prevenir posibles problemas. Por ejemplo, desactivar el cambio de themes puede ser una buena idea, especialmente si el sitio que se construyó, en gran medida se basan en el theme. Para ello, basta con pegar el código de abajo en el archivo functions.php del theme. Una vez hecho esto, el cliente no será capaz de cambiar de Theme utilizado.

PLAIN TEXT

JavaScript:

add_action('admin_init', 'cwc_lock_theme');
function cwc_lock_theme() {
global $submenu, $userdata;
get_currentuserinfo();
if ($userdata->ID != 1) {
unset($submenu['themes.php'][5]);
unset($submenu['themes.php'][15]);
}
}

Source: http://sltaylor.co.uk/blog/disabling-wordpress-plugin-deactivation-theme-changing/

Desactivar RSS

Por defecto, WordPress incluye la popular función para RSS, que es algo extraordinario para los blogs. Pero si por ejemplo estas utilizando la instalación de WordPress como un sitio estático, con los canales RSS pueden llegar a ser un poco confuso para los visitantes.
Este código desactiva por completo los canales RSS (Al igual que otros formatos) desde su blog. Sólo tienes que pegar el código en el functions.php , y ya está.

PLAIN TEXT

JavaScript:

function cwc_disable_feed() {
wp_die( __('No feed available,please visit our get_bloginfo('url') .'">homepage!') );
}
add_action('do_feed', 'cwc_disable_feed', 1);
add_action('do_feed_rdf', 'cwc_disable_feed', 1);
add_action('do_feed_rss', 'cwc_disable_feed', 1);
add_action('do_feed_rss2', 'cwc_disable_feed', 1);
add_action('do_feed_atom', 'cwc_disable_feed', 1);

Source: http://wpengineer.com/287/disable-wordpress-feed/

Añadir miniaturas a una fuente RSS

Esta código busca la imagen primaria y automáticamente la añade a sus feeds RSS. Pegue el código en el functions.php y guarde el archivo. No te olvides que necesitas utilizar un theme que soporte imágenes en miniaturas con este mismo fragmento

PLAIN TEXT

JavaScript:

function cwc_rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '

' . get_the_post_thumbnail($post->ID) .
'

' . get_the_content();
}

return $content;
}
add_filter('the_excerpt_rss', 'cwc_rss_post_thumbnail');
add_filter('the_content_feed', 'cwc_rss_post_thumbnail');

Source: http://snipplr.com/view.php?codeview&id=56180

Quitar WordPress admin bar

Introducido en WordPress 3.X, la nueva "barra de Admin" es una característica muy útil, pero si no te gusta, es fácil quitarlo. Sólo tienes que pegar el siguiente fragmento en tu archivo functions.php.

PLAIN TEXT

JavaScript:

add_filter('show_admin_bar', '__return_false');

Source: http://speckyboy.com/2011/03/01/how-to-remove-the-admin-bar-from-wordpress-3-1/

Via catswhocode

Tipped – The Javascript Tooltip Framework

Nikko — Fri, 17 Jun 2011 17:21:53 +0000

Tipped Javascript es un nuevo proyecto de nickstakenburg, el cual nos presenta otra práctica forma para generar hermosos tooltips. Es una evolución generada a partir del popular Prototip, pero llevado al segundo nivel mediante el uso de HTML 5 para darle un control total sobre la apariencia. Al igual que en otros proyectos con similares características, encontraremos diseños ya prediseñados pero eso no nos limitara a obtener mejores resultados. Podrás jugar un poco con los skin además de personalizarlo por completo. Contaras con Callbacks y Eventos disponibles para una fácil integración con tu propio código. Además de visualizar Ajax & HTML o elementos de la página.
Mas info Tipped - Descargas

PLAIN TEXT

JavaScript:

Incluir tipped

PLAIN TEXT

JavaScript:

PLAIN TEXT

HTML:

Uso basico

PLAIN TEXT

HTML:

I have a tooltip!
<

Uso avanzado

PLAIN TEXT

HTML:

I also have a tooltip!
<

WordPress SEO Plugin by yoast

Nikko — Wed, 04 May 2011 14:30:21 +0000

SEO WordPress es un plugin que existe en la actualidad para los usuarios de WordPress.org. Incorpora todo, desde un fragmento que les ayude a optimizar los títulos de sus páginas, las descripciones de metadatos y palabras clave para sitemaps XML, y un montón de opciones de optimización en el medio.

SEO WordPress Plugin lista de características

1. Publicar los títulos y meta descripciones
2. Robots Meta ( configuración )
3. Canónico
4. Breadcrumbs
5. Permalink limpieza
6. XML Sitemaps
7. RSS mejoras
8. Editar el archivo robots.txt y. Htaccess
9. Limpieza sección de cabeza

Google Analytics for WordPress by yoast

Nikko — Wed, 04 May 2011 14:00:04 +0000

Google Analytics for WordPress, es un plugin Wp muy completo que nos permite trabajar junto a Google Analytics. Todos los datos adicionales que este plugin puede añadir a su seguimiento, es lo que hace a Google Analytics for WordPress una herramienta de rastreo muy poderoso que no acostumbramos a ver.

Entre tantas cosas, se puede segmentar por:

Los usuarios conectados: habla por sí mismo, muy útil en los sitios de BuddyPress etc: Almacena el nivel de usuarios. (Hay una opción avanzada para ignorar a los usuarios de ciertos niveles en caso de que quieras usarlo)
Nombre de autor: Página de puntos por autor.
Sola categoría: si sus mensajes están en una sola categoría, permite realizar un seguimiento de visitas por ellas.
Todas las categorías: múltiples categorías con tos post, un poco más para ver en Google Analytics, pero aún podría ser útil.
Etiquetas: pista de todas las etiquetas para cada puesto, tiene sus límites, pero pueden ser útiles.
Año de publicación: ver lo que está haciendo el bien y el mal, más concretamente, si sus mensajes de viejos o nuevos siguen generando tráfico.
Tipo de mensaje: sobre todo con la nueva forma de publicar con las características personalizadas en WordPress 3.0.: si tienes películas, actores, etc configurar como tipos de mensaje personalizado, lo que permite realizar un seguimiento de la cantidad de páginas vistas para cada tipo de mensaje.

Xyberneticos

Supersized 3.2 – Fullscreen Slideshow jQuery Plugin

WordPress

Cómo crear pestañas en la interfaz de usuario WordPress

La creación de aquí

'; foreach( $tabs as $tab => $name ){ $class = ( $tab == $current ) ? ' nav-tab-active' : ''; echo "$name"; } echo '

Mostrar el contenido con pestañas

Guardando campos con pestañas

Redirigir al usuario a la pestaña derecha

Descargar el theme demo

SimpleModal – Modal Boxes by MooTools

Pix Eden – Recursos para diseñadores

Design Kindle – Recursos para el diseñador moderno

50 Paquetes de Iconos Sociales – Edición 2011 by speckyboy

7 Nuevos e increíbles trucos WordPress

Reemplazar fácilmente la fuente del editor WordPress

Modo Mantenimiento Wp

Acceso sencillo a wp

Desactivar activación de themes

Desactivar RSS

Añadir miniaturas a una fuente RSS

Quitar WordPress admin bar

Tipped – The Javascript Tooltip Framework

WordPress SEO Plugin by yoast

SEO WordPress Plugin lista de características

Google Analytics for WordPress by yoast

';
foreach( $tabs as $tab => $name ){
$class = ( $tab == $current ) ? ' nav-tab-active' : '';
echo "$name";

}
echo '