Camaringo Android

Camaringo

El Camaringo es para mi pequeño Galaxy S2 , con su camara anticuada ,  vamos a darle un poco de vidilla

[appbox googleplay com.perracolabs.cpd]

Hoy gratis !!!!

La versión demo  y utilizando el código “appgratis” , si comillas claro.

 

Sonisphere 2013

Sonisphere 2013

IronMaide_Sonisphere_2013

 

Un día de concierto,con el cabeza de cartel Iron Maiden y bien escoltado por ANTHRAX y MEGADEATH

El SetList de “Los Maiden”:
[slp_get_setlist artist=’Iron Maiden’ date=’31-05-2013′ venue=’Auditorio Miguel Ríos’]

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  

 
 

 
 

  

 

Y la galería de fotos
[flickr-gallery mode=”photoset” photoset=”72157633925526576″]

Timeline de Twitter en un post

Widget oficial de Twitter

Probando el generador de widgets de Twitter me he encontrado con esto. Muy bien y que es esto , lo que tenemos aquí es un script generado automáticamente desde tu perfil. Con el mostramos el nuestro TimeLine de Twitter en cualquier parte de nuestro website o dicho de otra manero editemos el tema e incrustemos lo.
widget_twitter
Yo en este caso he utilizado un post para mostrarlo. Teniedo siempre en cuenta de pegarlo en el editor de texto




Modificar el CSS del Uploader Media WordPress +3.5

Uploader Media WordPress

    	.media-menu,.attachments-browser,.media-frame-menu,#wp_editimgbtn,.media-router .active:after {
            display:none;
        }
		.media-modal{
			width:600px;
			max-height:400px;
			margin:auto;
		}
		.media-frame-title h1{
			font-family:"gill sans";
		}
		.media-frame-title,.media-frame-router,.media-frame-toolbar{
			left:0px;
			text-align:center;
		}
		.media-frame-content,.uploader-inline-content{
			margin-top:40px;
			position:static;
			text-align:center;
		}
		.media-toolbar,.media-toolbar-primary{
			position:static;
			width:128px;
			padding:0px;
			margin:auto;
			float:none;
			text-align:center;
		}
		media-button-insert{
			display:block;
		}
		.media-router{
			float:none;
			width:100px;
			margin:auto;
		}
		.media-router a{
			border-right:0px;
		}

Fuente:
Customize Media Manager http://wordpress.org/support/topic/customize-media-manager?replies=5

Modificar campos de Uploader Media WordPress +3.5

Uploader Media WordPress

En este punto venimos del anterior post en el que modificábamos el comportamiento del Uploader Media WordPress median el único hook que se mantiene funcionado de versiones anteriores.

En este post entraremos en harina , nada de limpieza y poseí como dicta el eslogan de WordPress. Tenemos que hacer modificaciones en el Uploader Media WordPress y no tenemos una interfaz de uso estándar (hooks y filtros). Utilizando Backbone.js y JQuery es posible realizar algunas modificaciones y otras no porque no tenemos los nombres de los objetos DOM de dicha pantalla , pero los buscaremos.

Ahora vamos con la parte complicada , se han olvidado dar capacidades de modificación al “Uploader Media WordPress”. La opción encontrada se basa en localizar los elementos dentro del DOM y aplicarles la propiedad de ocultos , de paso asignaremos valores por defecto. Los valores que asignamos realmente estamos simulando el uso del ratón , un poco cutre a mi parecer y más para este CMS pero es lo que hay , por ahora.

Con esto localizamos el elemento

this.$el.find('select.link-to')

Valiendonos de objetos le aplicamos el valor nulo con

.val('none');

Dejando como resultado

this.$el.find('select.link-to').val('none');

Aunque decía antes que casi simulábamos el uso del ratón aquí radica la pequeña diferencia. Estamos utilizando los Backbones.js para el acceso a los objetos del DOM así que siguiendo sus directrices debemos actualizar los valores del modelo de datos. Para eso siemplemnte aplicamos valores a los objetos que deseamos , atributo “link” con valor “none”

this.model.set('link', 'none');

Esta me ha costado algo más de entender
Localizamos el objeto , ascendemos a su padre y a este le aplicamos el oculto. Esto es así para ocular la etiqueta el input que estan contenido en una capa.

this.$el.find('select.link-to').parent('label').hide();

Seguimos desgranando el código con esto tan curioso. Podemos ocultar opciones del elemento HTML select

this.$el.find('select.size option[value=full]').hide();

Lo ultimo y no menos importante , guardar los cambios realizados

this.updateLinkTo();
var _AttachmentDisplay = wp.media.view.Settings.AttachmentDisplay;
	wp.media.view.Settings.AttachmentDisplay = _AttachmentDisplay.extend({
		render: function() {
			_AttachmentDisplay.prototype.render.apply(this, arguments);
			this.$el.find('select.link-to').val('none');
			this.model.set('link', 'none');
			this.$el.find('select.link-to').parent('label').hide();
			this.$el.find('select.size option[value=full]').hide();
			this.model.set('size', 'large');
			this.updateLinkTo();

El antes y el después en imagenes

 

pre_v2post_v2

Modificar pestañas de Uploader Media WordPress +3.5

Uploader Media WordPress

En el paso a 3.5 se modifico el Uploader Media WordPress , esto incluyó principalmente el “drag and drop” y el uso de un popup integrado muy bonito. Por el camino se ha perdido la capacidad de varios hooks para modificar la antigua ventana.

El como modificar estas ventanas se divide en dos partes , las pestañas y los atributos. La modificación también se puede atacar desde varios frentes , JavaScript (JQuery , Backbone) y hooks.

Nota:No me gusta eliminar elementos ni trabajar con la interfaz de JS si no esta totalmente claro que ha de ejecutarse en cliente , prefiero enviar siempre el código HTML perfectamente maquetado.

Espero que pronto tengamos unos hooks para trabajar con el Uploader Media WordPress. El primer paso esta dado y para pestañas ya tenemos algo.

El JavaScript lo encontraras en internet de formas muy parecidas , ya que es un “workaround”/parche fácil de implementar. Para este caso utilizaremos el fichero de funciones del tema y así evitaremos tener que modificar diferente PHP y poder estropear el maquetado. en la siguiente entrega veremos como trabajar con JS y el Uploader Media WordPress

Eliminar las pestañas

  • Inserta de URL
  • Crear Galería

Para este paso utilizaremos un hook de WordPress y un array de campos que deshabilitaremos dos opciones.

hook: media_view_strings

//Elimina las opciones de insertar imágenes desde URL y crear galería

		function remove_media_tab($strings) {

			unset(
				$strings["insertFromUrlTitle"],
				$strings['createGalleryTitle']
			);
			return $strings;
		}
		add_filter('media_view_strings','remove_media_tab');

Buscando las cadenas di con este increible post sobre modificación de pestañas en el Uploader Media WordPress , siempre pensado en versiones 3.5+. Siguiendo el filtro por los ficheros del core he localizado estas opciones modificables

$strings['selected'],  //Removes Upload Files & Media Library links in Insert Media tab
$strings['insertMediaTitle'],  //Insert Media
$strings['uploadFilesTitle'],  //Upload Files
$strings['mediaLibraryTitle'],  //Media Library
$strings['createGalleryTitle'],  //Create Gallery
$strings['setFeaturedImageTitle'],  //Set Featured Image
$strings['insertFromUrlTitle']  //Insert from URL

Es función la situaremos en el fichero functions.php de nuestro tema activo. Utilizaremos el mismo filtro

Fuentes:

WP 3.5 and Hiding Media Tabs

Apache Listado personalizado

Apache Listado personalizado


Hay muchas forma de hacer Apache Listado personalizado personalizado , yo me he decantado por Webmin. No he encontrado mucha información y la traducción al castellano no tiene ningún sentido , así que recomiendo ponerlo en ingles al menos para configurar lo.

Apache Listado personalizado
Apache Listado personalizado

 

A nivel de configuración en el site de Apache que elijas sería así:

		Options Indexes MultiViews
		AuthName "Titulo para mostrar automaticamente"
		AuthType Basic
		AuthUserFile .htpasswd
		require valid-user
		AllowOverride None
		IndexOptions SuppressHTMLPreamble FoldersFirst
		IndexIgnore *oto*
		HeaderName "/header.shtml"
		ReadmeName "/footer.html"

		Order allow,deny
		allow from all

La parte de estilos , cabecera y pie son Apache Directory Listing

                IndexOptions SuppressHTMLPreamble FoldersFirst
		IndexIgnore *oto*
		HeaderName "/header.shtml"
		ReadmeName "/footer.html"

Notas:

El parametro ReadmeName hace referencia al Footer de la web y la traducción en el Webmin es tambien infumable.  No se como recordarlo para otras veces.

Respecto a lo demas , hay mil de opciones para ahbilitar , por ejemplo iconos personalizados imagenes de fondo y mucho CSS para que quede más bonito.

Fuentes:

Apache Doc IndexOptions
Apache Doc IndexIgnore
Apache Doc HeaderName
Apache Doc ReadmeName

Habilitar the_excerpt() en Twenty Eleven

Estoy investigado el tema Twenty Eleven y me he dado cuenta de lo amplio que es. Llevo un par de mejoras y esta ultima me ha costado un poco  , no he hecho caso a Feliz Zapata y no tengo la jerarquía de páginas de wordpress a mano.

Mi intención es habilita en el home del tema el modo resumen para las entradas. Eso de poner la etiquete  a mano cuando editas un post es trabajo que se puede automatizar. La idea es sencilla , cambia la funcion the_content() por the_excerpt(). Y el problema me llegó al abrir el loop principal de index.php , no se parece en nada a los que había visto.

 

El original:



 

En este caso tenemos el get_template_part que no dirige al fichero content.php. En este fichero buscamos la sección


//…..

Ahora comentamos la función

 

Y generamos otra linea sustituyendo simplemente the_content por the_excerpt

 

Para ajustar la cantidad de texto a mostrar con nuestro diseño podemos limitar el numero de palabras a mostrar. Para ello nos valemos de un filtro en functions.php

function custom_excerpt_length( $length ) {
	return 20;
}
add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );

Utilizamos el filtro ‘excerpt_length’

Nota: Para cambiar el mensaje de “Continue reading” debemos hacerlo en los ficheros de traducción a código a FUEGO , por eso de tener algo de estilo y no chapucear el código

 

Fuentes:

Propia experiencia

Function Reference/the excerpt

Linkdin WordPress en español

 

TinyMCE y WordPress

Es el edito WYSIWYG por defecto de WordPress. Este softare es un JS integrado en el CMS , así que si queremos modificar algo en lo más limpio será preguntar a la API de WordPress a ver que nos cuenta.

WordPress y TinyMCE

Buscamos un Hook para lanzar nuestra modificación , será en la inicialización del “Editor”

La referencia encontrada es  ‘tiny_mce_before_init’ y utilizaremos un filtro

add_filter('tiny_mce_before_init', 'fb_change_mce_buttons');

Ahora necesitamos buscar la forma en la que se pasan los parámetros al TinyMCE. en la Web del proyecto tenemos  un Wiki donde podemos encontrar todas las variables de invocación.

Llegado a este punto tenemos el cuando  y el que debemos de trasmitir al editor para personalizar. Nos falta el como y ahí es donde entra WordPress , nos proporciona acceso libre a todas las configuraciones utilizando diferentes arrays extraídos de  la documentación de  TinyMCE

$initArray['theme_advanced_blockformats'] = 'p,address,pre,code,h3,h4,h5,h6';
$initArray['theme_advanced_disable'] = 'forecolor';

Con esto debemos crear una función invocada desde el filtro indicado y con las variables que deseamos configurar en el el editor. Yo he optado por eliminar todos los botones

$initArray['theme_advanced_disable'] = '"bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,outdent,indent,cut,copy,paste,undo,redo,link,unlink,image,cleanup,help,code,hr,removeformat,formatselect,fontselect,fontsizeselect,styleselect,sub,sup,forecolor,backcolor,forecolorpicker,backcolorpicker,charmap,visualaid,anchor,newdocument,blockquote,separato"';

La función quedaría de esta forma

function disable_tinymce_buttons( $initArray ) {
		$initArray['theme_advanced_disable'] = '"bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,outdent,indent,cut,copy,paste,undo,redo,link,unlink,image,cleanup,help,code,hr,removeformat,formatselect,fontselect,fontsizeselect,styleselect,sub,sup,forecolor,backcolor,forecolorpicker,backcolorpicker,charmap,visualaid,anchor,newdocument,blockquote,separato"';
		return $initArray;
		}

			add_filter('tiny_mce_before_init', 'disable_tinymce_buttons');

fuentes: Personalizar TinyMCE en WordPress
Parametros de configuraciónde TinyMCE
Deshabilitar botones en TinyMCE
Listado de botones de TinyMCE

Una guia persona de León

Los primero es es plano con la ruta a pie delos puntos mas turísticos de  León

Ruta de  León


Ver mapa más grande

Restaurantes

Cocinandos (Con estrella Michelin)
Menú único , no se elije te pone 7 platos de todo con vino entre 40 y 50 € /persona

La Bodega Regia impresionante , la comida es tradicional y riquísima

 

Edificios para ver y todos andando

  • Catedral de León , sin descripción , no hace falta
  • La Basílica de San Isidoro (El Pub Cosmos el dueño es Jorge Roberto , dile que vas departe mía y te contara trapos sucios y te tratará muy bien , no se cuando pasa por allí)
  • Las murallas en forma de cubos gigantes son la antigua muralla del campamento romano , delante de Botines hay una escultura de bronce donde se ve muy bien el plano entero del campamento
  • En la calle Independencia esta la cerca nueva
  • El Palacio de Los Guzmanes – Actual diputación
  • El edifico Casa de Botines de Gaudí pero menos peculiar que los catalanes
  • La Plaza Mayor
  • Antiguo Consistorio que nunca ejerció como tal
  • La Capilla del Santo Cristo de Fuera de San Martín
  • La Iglesia de San Martín , posee una Virgen de la Piedad preciosa. Es procesionada por la Real Cofradía del Santísimo sacramento y de la santa Vera Cruz

Bares interesantes:
Notas: Lo tradicional para los niños es el mosto y el butano , algo que se parece a una fanta naranja

El Cosmos , detrás de San Isidoro es el perfecto local en el que prepararse para el reconocimiento la ciudad. En el que los vinos son referente  y la cerveza define en parte de la decoración

En la plaza de Torres de Omaña

La Jouja ,  personalmente tiene un nivel
La Trebede buen picadillo y embutido de tapa

En el barrio húmedo
El Rebote tiene tapa de croqueta de pizza , morcilla o queso , son algo digno de probar
Si hace el frio el Garbanzo negro tiene de tapa una tarrina de barro de sopas de ajo , así entra en calor hasta los muertos.
La Bicha es el bar que dirige y atiende el dueño asi que si esta puerta cerrada es porque ya hay mucha gente y no quiere que los clientes estén muy apretados , su morcilla es legendaria.
La noria tien tigres y es un bar de toda la vida .