{"id":1893,"date":"2024-08-03T09:03:17","date_gmt":"2024-08-03T07:03:17","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=1893"},"modified":"2024-08-03T09:03:19","modified_gmt":"2024-08-03T07:03:19","slug":"04-instalar-una-plantilla-o-theme-de-wordpress","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/cmss-frameworks\/wordpress-2\/wordpress-basico\/04-instalar-una-plantilla-o-theme-de-wordpress\/","title":{"rendered":"04. Instalar una plantilla o theme de WordPress"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Qu\u00e9 es un tema o plantilla<\/h2>\n\n\n\n<p>Un <strong>tema<\/strong> o <strong>plantilla<\/strong> es un dise\u00f1o predeterminado que tendr\u00e1 nuestra web, estructura, funcionalidades, cabeceras, men\u00fas, \u00e1reas de contenido, colores, tipograf\u00edas&#8230;<\/p>\n\n\n\n<p>Una <strong>plantilla<\/strong> sirve para partir de una buena base a la hora de dise\u00f1ar. Una buena <strong>plantilla<\/strong>, que tenga un aspecto moderno y funcional, que contenga elementos atractivos, cumpla las reglas de usabilidad y posean una buena codificaci\u00f3n en cuanto a los est\u00e1ndares oficiales y al <strong>posicionamiento SEO<\/strong> supone comenzar con buen pie.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\">Consejos a la hora de elegir una buena plantilla<\/h2>\n\n\n\n<p>Estos son tan s\u00f3lo algunos consejos para elegir un buena plantilla.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bastantes descargas<\/strong>: elige una plantilla que posea bastantes descargas, esto suele ser sin\u00f3nimo de calidad.<\/li>\n\n\n\n<li><strong>Fecha de creaci\u00f3n<\/strong>: f\u00edjate en la fecha de creaci\u00f3n, que no sea demasiado antigua (m\u00e1s de 2 a\u00f1os), muy importante la fecha de actualizaci\u00f3n. Aseg\u00farate de que compras una <strong>plantilla<\/strong> que se actualice habitualmente, \u00e9sto significa que el desarrollador sigue trabajando con ella intentando mejorarla y corrigiendo fallos eventuales. Si la fecha de actualizaci\u00f3n es superior a 6 meses, es posible que no disponga de soporte para la misma.<\/li>\n\n\n\n<li><strong>Plugin de maquetaci\u00f3n visual<\/strong>: si la <strong>plantilla<\/strong> incluye un <strong>plugin de maquetaci\u00f3n visual<\/strong>, fant\u00e1stico, te facilitar\u00e1 el trabajo de crear p\u00e1ginas profesionales con dise\u00f1o de calidad.<\/li>\n\n\n\n<li><strong>Capturas de pantalla<\/strong>: mira las capturas de pantalla para hacerte una idea de como puede quedar tu p\u00e1gina cuando utilices la plantilla.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Instalar una plantilla<\/h2>\n\n\n\n<p>Una vez has elegido el tema (sea libre o de pago), tan s\u00f3lo tienes que ir a la zona de <strong><em>administraci\u00f3n<\/em><\/strong>, elegir la opci\u00f3n <strong><em>temas<\/em><\/strong>, y le damos al bot\u00f3n <em><strong>a\u00f1adir nuevo tema<\/strong>, <\/em>tienes 2 opciones, elegir el tema que m\u00e1s te guste de los temas que vas a encontrar, o bien, mediante el bot\u00f3n <em><strong>subir tema<\/strong>, <\/em>eliges el .<em>zip<\/em> que te has descargado de tu sitio de temas favoritos, lo primero que hace es <strong>instalar <\/strong>dicho tema, y despu\u00e9s te pregunta si lo quieres activar, si crees que es el tema que vas a utilizar, activas el tema y toda tu web adoptar\u00e1 ese tema.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ajuste de las opciones b\u00e1sicas de tu tema<\/h2>\n\n\n\n<p>Las plantillas <strong>WordPress<\/strong> suelen incluir una secci\u00f3n de <strong>opciones del tema, <\/strong>donde puedes configurar aspectos como son:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Logo<\/li>\n\n\n\n<li>Colores<\/li>\n\n\n\n<li>Tipograf\u00edas<\/li>\n\n\n\n<li>Cabecera y pie de p\u00e1gina<\/li>\n\n\n\n<li><strong>favicon<\/strong> o <strong>icono<\/strong> de la pesta\u00f1a del navegador<\/li>\n\n\n\n<li>Estructuras para el <strong>blog<\/strong><\/li>\n\n\n\n<li>Edici\u00f3n de <strong>CSS<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Cuanto mejor es una plantilla m\u00e1s amplias son sus opciones de personalizaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crear el contenido de tus textos e im\u00e1genes<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">P\u00e1gina de inicio<\/h3>\n\n\n\n<p>Si lo que has hecho es importar <strong>contenido demo<\/strong> (en ocasiones puede llamarse <strong>demo content<\/strong>, <strong>sample data<\/strong>, <strong>sample content<\/strong>&#8230;), ve a <em><strong>Ajustes &gt; Lectura<\/strong><\/em>&nbsp;y en&nbsp;<strong>\u00ab<em>P\u00e1gina frontal muestra<\/em>\u00bb<\/strong>&nbsp;coloca una <strong>home<\/strong> de las que incluya predise\u00f1adas el tema, a veces es una y en ocasiones son varias. Ahora vuelve a&nbsp;<em><strong>Visitar Sitio<\/strong><\/em>&nbsp;y observa c\u00f3mo ya tienes una p\u00e1gina de inicio.<\/p>\n\n\n\n<p>Estando en la pesta\u00f1a del navegador donde ves la <strong>home<\/strong> ya publicada, edita la p\u00e1gina de inicio haciendo click en <em><strong>Editar P\u00e1gina<\/strong><\/em> en la barra negra superior. Una vez dentro pueden suceder dos cosas:<\/p>\n\n\n\n<p>Si la plantilla no contiene contenido demo, tan s\u00f3lo debemos crear las p\u00e1ginas desde cero. Si tenemos un <strong>maquetador visual<\/strong> como puede ser <strong>Visual Composer<\/strong>, <strong>Elementor<\/strong>&#8230; la tarea puede ser mas sencilla, ya que lo haces todo de manera visual. Una vez hayas terminado tu tarea, tan s\u00f3lo dale al bot\u00f3n <strong>Publicar <\/strong>para publicar tu p\u00e1gina, o bien <strong>Guardar borrador <\/strong>si a\u00fan no has terminado del todo o no quiere publicarla de momento por el motivo que sea.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Secciones principales<\/h3>\n\n\n\n<p>Lo mismo que en el caso anterior, si el <strong>theme<\/strong> que has elegido viene con <strong>plantillas predise\u00f1adas<\/strong>, tan s\u00f3lo tendr\u00e1s que darle el formato que desees, si por el contrario, viene en blanco, tendr\u00e1s que ir creando las p\u00e1ginas que necesites, para ello tan s\u00f3lo tienes que seguir el paso anterior, ir creando dichas p\u00e1ginas desde la opci\u00f3n <strong><em>P\u00e1ginas &gt; Nueva p\u00e1gina<\/em><\/strong>, donde crear\u00e1s tantas como necesites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Crear un formulario de contacto<\/h3>\n\n\n\n<p>Construye un formulario de contacto con el plugin gratuito&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\" target=\"_blank\" rel=\"noreferrer noopener\">Contact Form 7<\/a>, <strong>Ninja Forms<\/strong>, <strong>WPFroms Lite<\/strong>&#8230; Para ello ve a <em><strong>Plugins &gt; A\u00f1adir Nuevo<\/strong><\/em>&nbsp;y pon el nombre del <strong>plugin<\/strong> en el buscador. Inst\u00e1lalo, act\u00edvalo y se a\u00f1adir\u00e1 una secci\u00f3n en tu barra de men\u00fa izquierdo en <strong>WordPress<\/strong> llamada&nbsp;<strong>Contacto<\/strong>. Dale a&nbsp;<strong>A\u00f1adir nuevo<\/strong>&nbsp;formulario de contacto y crea los diferentes campos para tu formulario.<\/p>\n\n\n\n<p>Una vez lo tengamos hecho le damos a guardar. En nuestra secci\u00f3n <em>Contacto <\/em>podemos a\u00f1adir el formulario directamente si nuestra plantilla lo incluye, o usando el <strong>shortcode<\/strong> que nos da el mismo <strong>plugin<\/strong> e insert\u00e1ndolo directamente en nuestra p\u00e1gina <em>Contacto<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Qu\u00e9 es un tema o plantilla Un tema o plantilla es un dise\u00f1o predeterminado que tendr\u00e1 nuestra web, estructura, funcionalidades, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1877,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","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":""}},"footnotes":""},"class_list":["post-1893","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Qu\u00e9 es un tema o plantilla Un tema o plantilla es un dise\u00f1o predeterminado que tendr\u00e1 nuestra web, estructura, funcionalidades, [&hellip;]","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=1893"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1893\/revisions"}],"predecessor-version":[{"id":1895,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1893\/revisions\/1895"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1877"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=1893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}