{"id":37401,"date":"2021-02-12T11:59:33","date_gmt":"2021-02-12T09:59:33","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=37401"},"modified":"2021-02-12T12:40:54","modified_gmt":"2021-02-12T10:40:54","slug":"plugin-otter-para-wordpress-bloques-buenos-bonitos-y-ligeros-para-gutenberg","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/plugin-otter-para-wordpress-bloques-buenos-bonitos-y-ligeros-para-gutenberg\/","title":{"rendered":"Plugin Otter para WordPress – Bloques Buenos, Bonitos y Ligeros para Gutenberg"},"content":{"rendered":"
<\/div>

\"Plugin<\/h4>\n

Los bloques son un elemento imprescindible en el editor Gutenberg de WordPress y adem\u00e1s de los que WordPress ofrece de forma nativa, tenemos muchas otras opciones en forma de plugin. Los bloques que a\u00f1ade el plugin Otter son muy ligeros y muy efectivos. \u00a1Vamos a echarles un vistazo!<\/h4>\n

Desde la llegada de Gutenberg como editor de en WordPress, el sistema de bloques que crearon no ha parado de crecer<\/strong>.<\/p>\n

Y aunque algunos usuarios aun se resisten (resistimos) a usar Gutenberg, est\u00e1 claro que ha llegado para quedarse y que tarde o temprano habr\u00e1 que adaptarse<\/strong>.<\/p>\n

WordPress ya incorpora por defecto un buen n\u00famero de bloques para su editor Gutenberg, pero era m\u00e1s que previsible que los desarrolladores de plugins lanzaran nuevos bloques con m\u00e1s funcionalidades<\/a>.<\/p>\n

Una de estas opciones es la creada por los desarrolladores de Otter<\/strong> y su plugin Gutenberg Blocks and Template Library by Otter<\/strong>.<\/p>\n

Una colecci\u00f3n de interesantes bloques extra que puedes instalar y usar libremente en tu instalaci\u00f3n de WordPress.<\/p>\n

\n

\"Hosting<\/a><\/p>\n

\n

Gutenberg Blocks and Template Library by Otter Plugin para WordPress<\/h2>\n

Uno de los mayores problemas que tiene WordPress y su editor Guterberg, es que al a\u00f1adir plugins de terceros para tener m\u00e1s bloques y funcionalidades disponibles, el editor se suele hacer m\u00e1s pesado y lento<\/strong>.<\/p>\n

Una de las de ventajas del plugin Otter es que es muy ligero<\/strong> y las funcionalidades que a\u00f1aden no suponen una carga extra para el editor<\/strong>, lo que lo convierte en una opci\u00f3n muy interesante para muchos usuarios<\/strong>.<\/p>\n

Adem\u00e1s, tiene algunas caracter\u00edsticas muy interesantes que no se consiguen con los bloques que trae por defecto WordPress.<\/p>\n

Es un plugin gratuito que puedes descargar desde aqu\u00ed<\/a><\/em> o simplemente buscarlo en el repositorio de plugins de tu instalaci\u00f3n de WordPress<\/strong>.<\/p>\n

\"Gutenberg<\/p>\n

Al instalarlo y activarlo veremos un men\u00fa en el apartado Ajustes<\/strong> llamado Otter<\/strong>.<\/p>\n

\"otter<\/p>\n

Al acceder te invita a una configuraci\u00f3n asistida que puedes utilizar o no. NO es importante ya que apenas tiene configuraci\u00f3n, pero ah\u00ed tienes la opci\u00f3n.<\/p>\n

\"otter<\/p>\n

En las opciones lo primero que encontramos es si queremos activar las opciones CSS en los m\u00f3dulos, incluido un bloque para crear animaciones CSS.<\/p>\n

Los bloques de Otter permiten modificar el CSS directamente desde la p\u00e1gina, pero claro, para esto se necesitan conocimientos de CSS. Si no los tienes te da un poco igual, pero ah\u00ed tienes la opci\u00f3n.<\/p>\n

\"otter<\/p>\n

La siguiente opci\u00f3n si queremos activar la opci\u00f3n de bloque Section<\/strong> por defecto, cada vez que creemos una nueva p\u00e1gina<\/strong>.<\/p>\n

\"otter<\/p>\n

Esto est\u00e1 muy bien, no poder activarlo por defecto o no, ya que puedes a\u00f1adirlo a mano, pero el bloque de Secci\u00f3n para crear nuevas p\u00e1ginas o post tiene unos templates<\/strong> ya creados que podemos utilizar para no empezar de cero.<\/p>\n

Esta es uno de los motivos por los que los usuarios eligen este plugin para su WordPress.<\/p>\n

Al crear una nueva p\u00e1gina veremos que podemos seleccionar el tipo de distribuci\u00f3n que queramos. Dos bloques, tres, centrados, etc…<\/p>\n

\"otter<\/p>\n

Adem\u00e1s dispone de plantilla ya creadas que podemos utilizar para luego editarlas a nuestro antojo, algo que no est\u00e1 nada mal.<\/p>\n

\"otter<\/p>\n

Solo tenemos que seleccionar la que m\u00e1s nos guste e insertarla, as\u00ed de f\u00e1cil. Est\u00e1n repartidas en varias categor\u00edas como cabeceras, contenidos, pies de p\u00e1gina, testimoniales, equipo, etc…<\/p>\n

En un momento tenemos una secci\u00f3n de una p\u00e1gina lista para editar y son complicarnos mucho la cabeza y en tiempo record.<\/p>\n

\"otter<\/p>\n

La siguiente opci\u00f3n que tenemos es para poder a\u00f1adir la Api Key para usar Google Maps.<\/p>\n

El bloque de mapas de Otter es realmente bueno y una de las opciones que tambi\u00e9n llama la atenci\u00f3n de los usuarios.<\/p>\n

Para usar los mapas de Google hay que darse de alta en Google para usar su API. En este post de otro plugin, indicamos los pasos a seguir para darse de alta y usar la API de Google<\/a>.<\/p>\n

En el video de presentaci\u00f3n del plugin es un buen ejemplo de todo lo que puede hacer el bloque de Google Maps de Otter:<\/p>\n