Hoy en AyudaWordPress.com |  |
| Editor de WordPress en tamaño completo sin plugins ni funciones Posted: 18 Nov 2012 03:01 PM PST En articulos anteriores en ayuda WordPress hemos visto como hacer que el editor de WordPress se haga mas grande, o sea tamaño completo a nuestro monitor, a traves de plugins o funciones agregadas a nuestro theme.
Ahora todo esto es posible con un clic desde el mismo panel de WordPress, ¿como? La ultimas versiones de WordPress 3.x.x + han agregado una opcion de pantalla mas. Cuando entres a crear un articulo en tu blog selecciona “opciones de panlla” en la barra superior del panel, como muestra la captura:
A continuación veremos el diseño de pantalla de WordPress con dos columnas. Por defecto el sistema marca dos columnas, lo que haremos es seleccionar la primera opcion y veremos como nuestro editor “lo que ves es lo que obtienes” se hará mucho mas grande, mas de 600 pixeles de ancho, dejando unicamente la columna de opciones y configuraciones de nuestro blog.
Ademas, con esta nueva caracteristica podemos hacer que el mismo editor se muestre en tamaño completo a nuestro monitor, dejando a simple vista el campo donde estamos escribiendo el articulo y haciendo invisible la barra de opciones para editar el contenido. Y tu ¿usas el editor en tamaño completo o quieres seguir con la clasica opcion de wordpress? Ayuda WordPress está alojado en Gigas Cloud WordPress, hosting en la nube especializado en WordPress |
| Insertar Google Maps en WordPress Posted: 18 Nov 2012 11:37 AM PST
No se cómo se me ha podido haber pasado algo tan básico como insertar mapas de Google Maps en WordPress siendo, además, un elemento fundamental en casi cualquier web corporativa que se precie porque ¿quien no ha puesto en la web de su empresa un mapa para mostrar al visitante donde está su “casa“?.
Así que manos a la obra, vamos a ver cómo insertar Google Maps en WordPress de la manera más sencilla posible … … Insertar Google Maps con código …(este método solo sirve para WordPress.org, alojado en tu servidor) Para este método lo primero que debes hacer es, en Google Maps, una vez realizada la búsqueda del sitio a insertar, hacer clic en el icono con forma de cadena, ahí se nos ofrecerán dos métodos posibles de compartir el mapa:
Como puedes imaginar el código a copiar será el segundo, del tipo … <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=collado+villalba&aq=&sll=40.524724,-3.816153&sspn=3.014542,5.817261&ie=UTF8&hq=&hnear=Collado+Villalba,+Madrid,+Comunidad+de+Madrid&ll=40.627256,-4.008587&spn=0.188265,0.363579&t=m&z=12&output=embed"></iframe><br /><small><a href="https://maps.google.es/maps?f=q&source=embed&hl=es&geocode=&q=collado+villalba&aq=&sll=40.524724,-3.816153&sspn=3.014542,5.817261&ie=UTF8&hq=&hnear=Collado+Villalba,+Madrid,+Comunidad+de+Madrid&ll=40.627256,-4.008587&spn=0.188265,0.363579&t=m&z=12" style="color:#0000FF;text-align:left">Ver mapa más grande</a></small> El siguiente paso es sencillo, simplemente tenemos que ir a nuestro editor de WordPress y pegarlo en la pestaña de texto HTML. Lo mejor es que puedes pegar este tipo de iframes también en un widget de texto para mostrar un mapa en tu barra lateral.
Solo un apunte más antes de pasar el siguiente método, y es que debes saber que los iframes de Google Maps tienen la fea costumbre de “perderse“ cuando andas pasando del editor HTML al Visual, así que procura que lo último que hagas en la entrada o página donde insertes este código sea precisamente esto, insertar el mapa, sino igual te tocará volver a insertarlo. Pasa mucho. Una manera quizás más sencilla (va en gustos) sería crear tu propio shortcode para insertar Google Maps en WordPress, algo que ya vimos cómo se hace. … Insertar Google Maps con plugin …(curiosamente, este método vale igual para WordPress.org alojado en tu servidor como – en parte – para un sitio de WordPress.com, lo vas a entender enseguida) Si tienes tu WordPress instalado en tu servidor es bastante probable que tengas instalado el plugin JetPack, y uno de sus módulos es el llamado “Shortcodes incrustados” (dicho sea de paso, mal traducido, pues debería ser “incrustar con shortcodes“). Si no lo tuvieses activo este es el momento.
Su función es ofrecer diversos shortcodes con los que incrustar fácilmente contenido de una buena cantidad de servicios web, entre ellos Google Maps. Su uso es sencillo, una vez activo, si quieres insertar un mapa de Google en una entrada o página utiliza los mismos pasos que en el método anterior, guarda tu entrada o página, y ahí hace su magia JetPack, convirtiendo el código anterior del iframe en un shortcode, algo así: [googlemaps https://maps.google.es/maps?f=q&source=s_q&hl=es&geocode=&q=collado+villalba&aq=&sll=40.524724,-3.816153&sspn=3.014542,5.817261&ie=UTF8&hq=&hnear=Collado+Villalba,+Madrid,+Comunidad+de+Madrid&ll=40.627256,-4.008587&spn=0.188265,0.363579&t=m&z=12&output=embed] Y, como te decía antes, esto también funciona en WordPress.com, porque por si no lo sabías en WordPress.com está instalado JetPack, aunque tu no lo veas. La puñeta es que en WordPress.com no puedes insertar mapas en el widget de texto, pues ahí no funciona esta “conversión automática” de iframe en shortcode. Ahora bien, se de casos en que no funciona esta conversión de iframe a shortcode, pero en esos casos puedes hacerlo de una manera más manual (en WordPress.com y en WordPress alojado), pues lo único que tienes que hacer es escribir manualmente tu mismo el shortcode y quitar del iframe todo lo que le sobra, para lo que te puedes guiar con el ejemplo de arriba, fijándote en las diferencias entre el código con iframe y el código con shortcode. ¿Y si no tengo JetPack ni quiero usarlo?, pues hay otros plugins para insertar fácilmente mapas de Google en WordPress, aquí te dejo unos cuantos bien majetes, eso si, estos solo para WordPress alojado:
Pues ya está, tu decides. Y aquí un bonito mapa de donde vivo … Ayuda WordPress está alojado en Gigas Cloud WordPress, hosting en la nube especializado en WordPress |
| You are subscribed to email updates from Ayuda WordPress To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
| Google Inc., 20 West Kinzie, Chicago IL USA 60610 | |
No hay comentarios:
Publicar un comentario