{"id":13187,"date":"2021-06-25T00:00:00","date_gmt":"2021-06-24T22:00:00","guid":{"rendered":"https:\/\/tresipunt.com\/headless-cms-headless-wordpress-que-es\/"},"modified":"2022-11-07T10:07:07","modified_gmt":"2022-11-07T09:07:07","slug":"headless-cms-headless-wordpress-que-es","status":"publish","type":"post","link":"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/","title":{"rendered":"Headless CMS, Headless WordPress, \u00bfQu\u00e9 es?"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Alternar tabla de contenidos\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#%C2%BFQue_es_un_CMS\" >\u00bfQu\u00e9 es un CMS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Entonces_%C2%BFQue_es_un_Headless_CMS\" >Entonces, \u00bfQu\u00e9 es un Headless CMS?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Headless_WordPress_%C2%BFComo_funciona\" >Headless WordPress. \u00bfC\u00f3mo funciona?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Ventajas_de_usar_Headless_WordPress\" >Ventajas de usar Headless WordPress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Mejora_en_el_rendimiento\" >Mejora en el rendimiento<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Aplicaciones_moviles\" >Aplicaciones m\u00f3viles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Publicacion_multicanal\" >Publicaci\u00f3n multicanal<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Seguridad\" >Seguridad<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/tresipunt.com\/es\/headless-cms-headless-wordpress-que-es\/#Conclusion\" >Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<p><span style=\"font-weight: 400;\">C\u00f3mo ya sabemos, el mundo de la tecnolog\u00eda avanza a pasos agigantados y en el caso de la creaci\u00f3n de p\u00e1ginas webs no nos quedamos atr\u00e1s. Hoy en d\u00eda, la herramienta m\u00e1s eficiente y conocida para crear tu propio sitio web o blog es <\/span><b>WordPress<\/b><span style=\"font-weight: 400;\">, se habla de m\u00e1s de <\/span><a href=\"https:\/\/www.40defiebre.com\/estadisticas-wordpress\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">60% de p\u00e1ginas construidas en WordPress<\/span><\/a><span style=\"font-weight: 400;\"> del total que usan CMS.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00daltimamente, se est\u00e1 hablando mucho acerca del concepto <\/span><b>Headless CMS<\/b><span style=\"font-weight: 400;\"> dentro del mundo de desarrollo web. En <\/span><a href=\"https:\/\/tresipunt.com\/es\/web\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">3ipunt<\/span><\/a><span style=\"font-weight: 400;\"> tenemos una amplia experiencia con la tecnolog\u00eda WordPress, y por ello, a continuaci\u00f3n, compartimos los conceptos y las funcionalidades de Headless CMS y, m\u00e1s espec\u00edficamente, Headless WP.&nbsp;<\/span><\/p>\n<p><\/p>\n<p><!--more--><\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_es_un_CMS\"><\/span><strong>\u00bfQu\u00e9 es un CMS?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Para empezar, un CMS (Content Management System), tal y como indican sus siglas, es un <\/span><b>Sistema de Gesti\u00f3n de Contenidos<\/b><span style=\"font-weight: 400;\">. En el mercado hay muchos, pero los m\u00e1s conocidos y usados seguramente sean WordPress y Drupal.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Un CMS consta de dos partes: la de <\/span><b>gesti\u00f3n propia de los contenidos<\/b><span style=\"font-weight: 400;\"> (back-end) y aquella d\u00f3nde <\/span><b>se muestran esos contenidos de cara al usuario<\/b><span style=\"font-weight: 400;\"> (front-end).<\/span><\/p>\n<p><\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Entonces_%C2%BFQue_es_un_Headless_CMS\"><\/span><strong>Entonces, \u00bfQu\u00e9 es un Headless CMS?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Ahora que ya podemos tener m\u00e1s claro que es un CMS, el t\u00e9rmino Headless CMS hace referencia a un <\/span><b>CMS que no dispone de la parte de visualizaci\u00f3n de contenidos<\/b><span style=\"font-weight: 400;\"> y por lo tanto, \u00fanicamente se encarga de crearlos y gestionarlos desde el back-end.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Adem\u00e1s, tambi\u00e9n tiene que disponer de una API, para poder comunicarse con cualquier sistema, interfaz y\/o otra API.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por lo tanto, en el caso de WordPress, \u00fanicamente lo usamos para crear y gestionar los contenidos pero no para mostrarlos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Entre otras cosas, la posibilidad del Headless CMS de hacer contenido a varias webs a pesar de que est\u00e9n en otro servidor, es de gran utilidad para facilitar la gesti\u00f3n de distintos proyectos utilizando una \u00fanica interfaz administrativa.<\/span><\/p>\n<p><\/p>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Headless_WordPress_%C2%BFComo_funciona\"><\/span><strong>Headless WordPress. \u00bfC\u00f3mo funciona?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<p><span style=\"font-weight: 400;\">Dado que <\/span><b>WordPress es uno de los CMS m\u00e1s usados del mundo<\/b><span style=\"font-weight: 400;\">, y que desde 3ipunt tenemos una <\/span><a href=\"https:\/\/tresipunt.com\/es\/desarrollo-web\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">extensa experiencia en el desarrollo de WordPress<\/span><\/a><span style=\"font-weight: 400;\">, nos centraremos en \u00e9l.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">La siguiente pregunta bien podr\u00eda ser, \u00bfy ahora c\u00f3mo mostramos los contenidos en WordPress?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pues bien, esta conexi\u00f3n se har\u00eda mediante la <\/span><a href=\"https:\/\/developer.wordpress.org\/rest-api\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">REST API<\/span><\/a><span style=\"font-weight: 400;\"> de WordPress, que ya viene integrada dentro del core de WordPress.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">De esta manera ya podemos interactuar entre las dos API, y hacer la llamada de datos al WordPress para luego, desde el front-end y mediante JavaScript, se recojan estos datos y se muestren.<\/span><\/p>\n<p><\/p>\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/tresipunt.com\/wp-content\/uploads\/2021\/06\/infografia_headless-2.png\" alt=\"Gr\u00e1fico Headless WordPress. La evoluci\u00f3n de las webs.\" class=\"wp-image-5057\"\/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ventajas_de_usar_Headless_WordPress\"><\/span><br><strong>Ventajas de usar Headless WordPress<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n<h3><span class=\"ez-toc-section\" id=\"Mejora_en_el_rendimiento\"><\/span><strong>Mejora en el rendimiento<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Al hacer \u00fanicamente llamadas a la API para mostrar el contenido, la carga del mismo es mucho m\u00e1s r\u00e1pida, es decir, el Headless WordPress puede mejorar la<\/span><b> velocidad de tu web<\/b><span style=\"font-weight: 400;\">.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">El rendimiento es importante para la optimizaci\u00f3n de motores de b\u00fasqueda (SEO), as\u00ed como para la experiencia del usuario. <\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Aplicaciones_moviles\"><\/span><strong>Aplicaciones m\u00f3viles<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Puedes utilizar f\u00e1cilmente las llamadas de API en un Headless WordPress para poder crear aplicaciones m\u00f3viles nativas.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Publicacion_multicanal\"><\/span><strong>Publicaci\u00f3n multicanal<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Crear el contenido en un \u00fanico sitio, y que pueda ser mostrado en diferentes plataformas. La publicaci\u00f3n multicanal puede <\/span><b>ahorrar mucho tiempo<\/b><span style=\"font-weight: 400;\"> si tu empresa tiene muchos canales que mantener. En lugar de cambiar el formato del contenido de cada plataforma por separado, s\u00f3lo tendr\u00e1s que publicarlo una vez.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Seguridad\"><\/span><strong>Seguridad<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Al separar el front-end y el back-end, mejoramos la <\/span><b>seguridad del sistema<\/b><span style=\"font-weight: 400;\">, entre otros puntos, al no haber conexi\u00f3n directa con la base de datos.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span><strong>Conclusi\u00f3n<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Los Headless CMS nos abren <\/span><b>nuevas posibilidades<\/b><span style=\"font-weight: 400;\">, como apps m\u00f3viles, internet de las cosas, compartir contenidos con bots, etc, quedando atr\u00e1s algunas limitaciones que no permit\u00edan ver el talento y creatividad de los equipos.&nbsp;<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por tanto con un Headless CMS estamos <\/span><b>preparados para el futuro<\/b><span style=\"font-weight: 400;\"> ya que tenemos la posibilidad de crear modificaciones sencillas sin que afecten al gestor completo de contenidos.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ahora que ya sabes m\u00e1s sobre Headless WP, si quieres tener las mejores funcionalidades en tu p\u00e1gina web, desde <\/span><a href=\"https:\/\/tresipunt.com\/es\/web\/\" target=\"_blank\" rel=\"noopener noreferrer\"><b>3ipunt<\/b><\/a><span style=\"font-weight: 400;\"> te ayudamos a conseguirlas. \u00a1No dudes en enviarnos un correo a <\/span><a href=\"mailto:contacte@tresipunt.com\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"font-weight: 400;\">contacte@tresipunt.com<\/span><\/a><span style=\"font-weight: 400;\">!<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>El t\u00e9rmino Headless CMS hace referencia a un CMS que no dispone de la parte de visualizaci\u00f3n de contenidos y por lo tanto, \u00fanicamente se encarga de crearlos y gestionarlos desde el back-end.<\/p>\n","protected":false},"author":1,"featured_media":14306,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"categories":[19,12],"tags":[],"class_list":["post-13187","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","category-moodle"],"acf":[],"author_meta":{"display_name":"admin_tresipunt","author_link":"https:\/\/tresipunt.com\/es\/author\/admin_tresipunt\/"},"featured_img":"https:\/\/tresipunt.com\/wp-content\/uploads\/2021\/06\/headless_cms_1-300x169.png","coauthors":[],"tax_additional":{"categories":{"linked":["<a href=\"https:\/\/tresipunt.com\/es\/blog\/web\/\" class=\"advgb-post-tax-term\">Web<\/a>","<a href=\"https:\/\/tresipunt.com\/es\/blog\/moodle\/\" class=\"advgb-post-tax-term\">Moodle<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Web<\/span>","<span class=\"advgb-post-tax-term\">Moodle<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Publicado 5 a\u00f1os hace","modified":"Actualizado 3 a\u00f1os hace"},"absolute_dates":{"created":"Publicado el 25 de junio de 2021","modified":"Actualizado el 7 de noviembre de 2022"},"absolute_dates_time":{"created":"Publicado el 25 de junio de 2021 00:00","modified":"Actualizado el 7 de noviembre de 2022 10:07"},"featured_img_caption":"","series_order":"","_links":{"self":[{"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/posts\/13187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/comments?post=13187"}],"version-history":[{"count":3,"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/posts\/13187\/revisions"}],"predecessor-version":[{"id":16037,"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/posts\/13187\/revisions\/16037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/media\/14306"}],"wp:attachment":[{"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/media?parent=13187"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/categories?post=13187"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tresipunt.com\/es\/wp-json\/wp\/v2\/tags?post=13187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}