{"id":273,"date":"2019-07-18T18:54:03","date_gmt":"2019-07-18T16:54:03","guid":{"rendered":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/?page_id=273"},"modified":"2019-07-22T14:00:37","modified_gmt":"2019-07-22T12:00:37","slug":"6-7-como-crear-tu-web-y-porfolio-paso-a-paso","status":"publish","type":"page","link":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/6-7-como-crear-tu-web-y-porfolio-paso-a-paso\/","title":{"rendered":"6.7. C\u00f3mo crear tu web y porfolio, paso a paso"},"content":{"rendered":"<p>Te proponemos una serie de pasos l\u00f3gicos para que puedas crear tu propia p\u00e1gina web y tu propio porfolio personalizado. Todo est\u00e1 explicado en las p\u00e1ginas anteriores; simplemente, se trata de una peque\u00f1a \u00abayuda a la conducci\u00f3n\u00bb para que puedas llegar a buen puerto.<\/p>\n<ol>\n<li>Instala WordPress en tu servidor. Si no tienes nombre de dominio ni servidor, crea una web en demoswp.com.\n<ul>\n<li>\u00bfTienes dudas con este punto? Revisa el apartado \u00ab<a href=\"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/2-1-introduccion\/\" target=\"_blank\" rel=\"noopener noreferrer\">C\u00f3mo probar WordPress (.org)<\/a>\u00bb.<\/li>\n<\/ul>\n<\/li>\n<li>Crea las <strong>p\u00e1ginas<\/strong> que necesites para tu men\u00fa principal. Te sugiero las siguientes: \u00abPortada\u00bb, \u00abSobre m\u00ed\u00bb, \u00abPortfolio\u00bb y \u00abContacto\u00bb.\n<ul>\n<li>\u00bfTienes dudas con este punto? Revisa el apartado \u00ab<a href=\"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/3-2-entradas-y-paginas\/\" target=\"_blank\" rel=\"noopener noreferrer\">Entradas y p\u00e1ginas<\/a>\u00bb.<\/li>\n<li>Llena de contenidos los apartados que tengas claros, como \u00abSobre m\u00ed\u00bb. En los apartados que no tengan a\u00fan contenido definitivo, puedes dejar un peque\u00f1o texto como \u00abAqu\u00ed va un formulario\u00bb.<\/li>\n<\/ul>\n<\/li>\n<li>Asigna esas p\u00e1ginas a un men\u00fa.\n<ul>\n<li>\u00bfTienes dudas con este punto? Revisa el apartado \u00ab<a href=\"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/4-2-menus\/\" target=\"_blank\" rel=\"noopener noreferrer\">Men\u00fas<\/a>\u00bb.<\/li>\n<li>\u00a1No te olvides de guardar el men\u00fa y asignarlo al men\u00fa principal!<\/li>\n<li>Si cambias de tema, es posible que tengas que reasignar el men\u00fa.<\/li>\n<\/ul>\n<\/li>\n<li>Ind\u00edcale a WordPress cu\u00e1l es la p\u00e1gina de inicio y la p\u00e1gina.\n<ul>\n<li>En \u00abAjustes &gt; Lectura\u00bb debes indicar si tu portada es una p\u00e1gina est\u00e1tica (la has creado antes) o el blog. Tambi\u00e9n puedes decirle cu\u00e1l es la p\u00e1gina que albergar\u00e1 las entradas del blog.<\/li>\n<\/ul>\n<\/li>\n<li>A\u00f1ade las funcionalidades que necesites para tu web. Formulario de contacto.\n<ul>\n<li>Busca un complemento de formularios que funcione con relativa facilidad. Puedes probar \u00abContact form 7\u00bb o \u00abNinja forms\u00bb.<\/li>\n<li>\u00bfTienes dudas con este punto? revisa el apartado \u00ab<a href=\"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/5-1-introduccion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gesti\u00f3n de complementos en WordPress (.org)<\/a>\u00bb.<\/li>\n<li>Recuerda que muchos de los complementos se implementan como <em>shortcodes<\/em> o c\u00f3digos cortos.<\/li>\n<\/ul>\n<\/li>\n<li>A\u00f1ade las funcionalidades que necesites para tu web. Porfolio.\n<ul>\n<li>Busca un complemento de formularios que funcione con relativa facilidad. Puedes probar \u00abPortfolio\u00bb.<\/li>\n<li>\u00bfTienes dudas con este punto? revisa el apartado \u00ab<a href=\"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/6-1-introduccion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Porfolios en WordPress<\/a>\u00bb.<\/li>\n<li>Si esta opci\u00f3n no te convence, puedes pasar al punto siguiente y hacer tu porfolio ligado a un determinado aspecto gr\u00e1fico.<\/li>\n<\/ul>\n<\/li>\n<li>Escoge una apariencia gr\u00e1fica que encaje con lo que quieres contar en tu web.\n<ul>\n<li>Busca un \u00abTema\u00bb que te guste. Dentro del repositorio oficial, filtra por las caracter\u00edsticas que te interesen, especialmente la categor\u00eda \u00abPortfolio\u00bb.<\/li>\n<li>Cada \u00abTema\u00bb tiene sus propias caracter\u00edsticas. Unos son m\u00e1s modificables que otros. Revisa en \u00abApariencia &gt; Personalizar\u00bb las opciones disponibles para el tema activo.<\/li>\n<li>Reasigna el men\u00fa creado con anterioridad.<\/li>\n<li>Revisa los <em>widgets<\/em>. A lo mejor te interesa introducir alguno en tu p\u00e1gina web.<\/li>\n<\/ul>\n<\/li>\n<li>Dedica tiempo a maquetar correctamente las p\u00e1ginas est\u00e1ticas.\n<ul>\n<li>Comienza por la portada. Te aconsejo comenzar con l\u00e1piz y papel para dise\u00f1ar una estructura que se ajuste a lo que quieres contar.<\/li>\n<li>Intenta replicar esa estructura con el editor Gutenberg con \u00abcolumnas\u00bb, bloques de texto e imagen, etc.<\/li>\n<li>Donde no lleguen los bloques actuales, empieza a investigar por tu cuenta. Es posible que necesites un \u00abslider\u00bb o pasador de im\u00e1genes para tu portada. Ya sabes c\u00f3mo proceder: busca un <em>plugin<\/em> que se ajuste a lo que quieres contar, act\u00edvalo e inserta sus contenidos en la p\u00e1gina correspondiente.<\/li>\n<\/ul>\n<\/ol>\n<p>Y a partir de aqu\u00ed, te sugiero que investigues algunas cosas por tu cuenta para mejorar tu web.<\/p>\n<ul>\n<li>Optimiza tu web: velocidad de carga.<\/li>\n<li>Optimiza los contenidos de tu web: SEO.<\/li>\n<li>Cumple la normativa de <em>cookies<\/em>.<\/li>\n<li>Crea dise\u00f1os de p\u00e1ginas personalizados. Puedes comenzar con Gutenberg, que es el maquetador visual que trae por defecto WordPress.<\/li>\n<li>Cuando tengas un dominio propio, instala la soluci\u00f3n de anal\u00edtica web de Google.<\/li>\n<\/ul>\n<div class=\"featured featured-blue\"><p>Recuerda, siempre, guardar los cambios y comprobar en el <em>FrontEnd<\/em> (una vez que se hayan guardado los cambios) que han surtido efecto. Para ello, es necesario refrescar el <em>FrontEnd<\/em> cada vez que guardes los cambios.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Te proponemos una serie de pasos l\u00f3gicos para que puedas crear tu propia p\u00e1gina web y tu propio porfolio personalizado. Todo est\u00e1 explicado en las p\u00e1ginas anteriores; simplemente, se trata de una peque\u00f1a \u00abayuda a la conducci\u00f3n\u00bb para que puedas llegar a buen puerto. Instala WordPress en tu servidor. Si no tienes nombre de dominio [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/273"}],"collection":[{"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=273"}],"version-history":[{"count":8,"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/273\/revisions"}],"predecessor-version":[{"id":376,"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/273\/revisions\/376"}],"wp:attachment":[{"href":"http:\/\/portafoli-wordpress.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}