{"id":156,"date":"2018-02-02T13:40:23","date_gmt":"2018-02-02T12:40:23","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?p=156"},"modified":"2018-03-16T19:53:13","modified_gmt":"2018-03-16T18:53:13","slug":"un-par-de-trucos-del-editor-de-wordpress","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/","title":{"rendered":"Un par de trucos del editor de WordPress"},"content":{"rendered":"<h2>1. Crear f\u00e1cilmente enlaces internos<\/h2>\n<p>Cuando es necesario enlazar un art\u00edculo de WordPress con una entrada o p\u00e1gina ya existente del mismo sitio web, no hace falta copiar y pegar la URL correspondiente a dicho elemento, ya que el propio editor incorpora una funci\u00f3n para buscar la direcci\u00f3n de destino, mediante el cuadro de di\u00e1logo de inserci\u00f3n del enlace.<\/p>\n<p>El v\u00eddeo que figura continuaci\u00f3n demuestra claramente el procedimiento, que permite a\u00f1adir enlaces internos desde el editor, de una forma muy r\u00e1pida y eficiente.<\/p>\n<p><!--more--><\/p>\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/dUt5A54MusE\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<h2>1.1. Y otro truco muy \u00fatil para crear enlaces<\/h2>\n<p>Desde la <a href=\"https:\/\/codex.wordpress.org\/Version_4.2\" target=\"_blank\" rel=\"noopener\">versi\u00f3n 4.2 de WordPress<\/a>, es posible enlazar directamente un texto a un enlace, siempre que se conozca previamente la direcci\u00f3n y se conozca la t\u00e9cnica de copiar y pegar (<strong>Ctrl+C<\/strong> \/ <strong>Ctrl+V<\/strong>). El procedimiento est\u00e1 explicado en <a href=\"https:\/\/www.youtube.com\/watch?v=l1Q3rJ1in3c\" target=\"_blank\" rel=\"noopener\">este v\u00eddeo<\/a> (a partir del minuto 2:00):<\/p>\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/l1Q3rJ1in3c\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<h2>2.\u00a0Insertar v\u00eddeos con un ajuste perfecto<\/h2>\n<p>Insertar v\u00eddeos procedentes de distintos servicios online, como por ejemplo <a href=\"https:\/\/www.youtube.com\/\" target=\"_blank\" rel=\"noopener\">YouTube<\/a>, <a href=\"https:\/\/vimeo.com\/\" target=\"_blank\" rel=\"noopener\">Vimeo<\/a> o <a href=\"http:\/\/www.dailymotion.com\/\" target=\"_blank\" rel=\"noopener\">Dailymotion<\/a>, es tan sencillo como copiar la URL del v\u00eddeo y pegarla en el editor de WordPress, en una l\u00ednea diferenciada. Gracias al protocolo <a href=\"https:\/\/oembed.com\/\" target=\"_blank\" rel=\"noopener\">oEmbed<\/a>, WordPress reconocer\u00e1 el elemento como un v\u00eddeo, y lo incrustar\u00e1 mediante el reproductor por defecto, tal como puede verse en el v\u00eddeo que figura a continuaci\u00f3n.<\/p>\n<p><iframe loading=\"lazy\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/m6uc8AinCZA?feature=oembed\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>Ahora bien, el problema de insertar v\u00eddeos de esta forma es que no se puede garantizar un ajuste perfecto con la anchura de la caja de texto del tema que estemos utilizando, tal como puede verse en el v\u00eddeo que figura sobre estas l\u00edneas. Si se desea que el v\u00eddeo se ajuste perfectamente a las dimensiones determinadas por el tema, hay que utilizar la pesta\u00f1a HTML del editor, y el shortcode \u00abembed\u00bb, con el par\u00e1metro \u00abwidth\u00bb, de anchura, fijado con el valor correspondiente. El shortcode resultante tiene este aspecto:<\/p>\n<p><code>[embed width=\"920\"]https:\/\/www.youtube.com\/watch?v=m6uc8AinCZA[\/embed]<\/code><\/p>\n<p>Para comprender mejor esta t\u00e9cnica, v\u00e9ase el siguiente v\u00eddeo de captura de pantalla o <em>screencast<\/em>:<\/p>\n<div style=\"width: 904px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-156-1\" width=\"904\" height=\"548\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/webm\" src=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/incrustar-video-con-ajuste-perfecto.webm?_=1\" \/><a href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/incrustar-video-con-ajuste-perfecto.webm\">https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/incrustar-video-con-ajuste-perfecto.webm<\/a><\/video><\/div>\n<p>El resultado de esta segunda t\u00e9cnica de incrustaci\u00f3n de v\u00eddeos lo tenemos a continuaci\u00f3n. Como puede verse, la anchura del v\u00eddeo coincide exactamente con la de la caja de texto.<\/p>\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/m6uc8AinCZA\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<p>Para averiguar las dimensiones de la caja de texto de un tema, hemos procedido de la siguiente manera:<\/p>\n<ul>\n<li>En Google Chrome: hay que hacer clic con el bot\u00f3n derecho del rat\u00f3n (bot\u00f3n contextual) sobre un p\u00e1rrafo del sitio web, y seleccionar a continuaci\u00f3n la opci\u00f3n \u00abInspeccionar\u00bb. Tambi\u00e9n se puede obtener el mismo resultado pulsando las teclas <strong>Ctrl+May+I<\/strong>\u00a0del navegador.<\/li>\n<li>En Firefox, hay que hacer clic con el bot\u00f3n derecho del rat\u00f3n sobre el p\u00e1rrafo deseado, y seleccionar a continuaci\u00f3n la opci\u00f3n \u00abInspeccionar elemento\u00bb. Tambi\u00e9n se puede obtener el mismo resultado pulsando las teclas\u00a0<strong>Ctrl+May+C<\/strong>\u00a0del navegador.<\/li>\n<\/ul>\n<p>Conviene tener en cuenta que esta t\u00e9cnica no asegura que el v\u00eddeo pueda adaptarse a toda clase de dispositivo. En efecto, si se define una anchura fija de 920 p\u00edxels, es posible que los tel\u00e9fonos m\u00f3viles no muestren el v\u00eddeo correctamente. En tal caso, hay que utilizar una t\u00e9cnica distinta, como por ejemplo la que se describe en este art\u00edculo:\u00a0<a href=\"https:\/\/antoniohg.com\/disenio-desarrollo-web\/videos-responsive-en-wordpress-sin-plugins-ni-shortcodes\/\" target=\"_blank\" rel=\"noopener\">V\u00eddeos Responsive en WordPress autom\u00e1ticamente sin plugins ni shortcodes<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trucos del editor de WordPress para crear enlaces internos e insertar v\u00eddeos con un ajuste perfecto a la caja de texto.<\/p>\n","protected":false},"author":1,"featured_media":158,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar"},"categories":[4],"tags":[28,27,25,26,29,24,30],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Un par de trucos del editor de WordPress - Curso de WordPress 2018<\/title>\n<meta name=\"description\" content=\"Un par de trucos del editor de WordPress. Trucos del editor de WordPress para crear enlaces internos e insertar v\u00eddeos con un ajuste perfecto a la caja de texto.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un par de trucos del editor de WordPress - Curso de WordPress 2018\" \/>\n<meta property=\"og:description\" content=\"Un par de trucos del editor de WordPress. Trucos del editor de WordPress para crear enlaces internos e insertar v\u00eddeos con un ajuste perfecto a la caja de texto.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2018\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-02T12:40:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-16T18:53:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/maquina-de-escribir.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1118\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/\",\"name\":\"Un par de trucos del editor de WordPress - Curso de WordPress 2018\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\"},\"datePublished\":\"2018-02-02T12:40:23+00:00\",\"dateModified\":\"2018-03-16T18:53:13+00:00\",\"author\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\"},\"description\":\"Un par de trucos del editor de WordPress. Trucos del editor de WordPress para crear enlaces internos e insertar v\u00eddeos con un ajuste perfecto a la caja de texto.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Un par de trucos del editor de WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\",\"name\":\"Curso de WordPress 2018\",\"description\":\"Curso avanzado sobre WordPress en el CAP de Pamplona\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"caption\":\"Administrador\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Un par de trucos del editor de WordPress - Curso de WordPress 2018","description":"Un par de trucos del editor de WordPress. Trucos del editor de WordPress para crear enlaces internos e insertar v\u00eddeos con un ajuste perfecto a la caja de texto.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Un par de trucos del editor de WordPress - Curso de WordPress 2018","og_description":"Un par de trucos del editor de WordPress. Trucos del editor de WordPress para crear enlaces internos e insertar v\u00eddeos con un ajuste perfecto a la caja de texto.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/","og_site_name":"Curso de WordPress 2018","article_published_time":"2018-02-02T12:40:23+00:00","article_modified_time":"2018-03-16T18:53:13+00:00","og_image":[{"width":1600,"height":1118,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/maquina-de-escribir.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/","name":"Un par de trucos del editor de WordPress - Curso de WordPress 2018","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website"},"datePublished":"2018-02-02T12:40:23+00:00","dateModified":"2018-03-16T18:53:13+00:00","author":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84"},"description":"Un par de trucos del editor de WordPress. Trucos del editor de WordPress para crear enlaces internos e insertar v\u00eddeos con un ajuste perfecto a la caja de texto.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/un-par-de-trucos-del-editor-de-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/"},{"@type":"ListItem","position":2,"name":"Un par de trucos del editor de WordPress"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/","name":"Curso de WordPress 2018","description":"Curso avanzado sobre WordPress en el CAP de Pamplona","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","caption":"Administrador"}}]}},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/156"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":0,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media\/158"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}