{"id":365800,"date":"2022-10-22T14:14:00","date_gmt":"2022-10-22T11:14:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=365800"},"modified":"2023-01-01T13:22:20","modified_gmt":"2023-01-01T10:22:20","slug":"personalice-su-pagina-de-inicio-de-sesion-de-wordpress-con-el-complemento-de-inicio-de-sesion-personalizado-de-yith","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/personalice-su-pagina-de-inicio-de-sesion-de-wordpress-con-el-complemento-de-inicio-de-sesion-personalizado-de-yith\/","title":{"rendered":"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH"},"content":{"rendered":"\n<p>Lo mejor de tener un sitio web de WordPress es lo f\u00e1cil que es personalizarlo. No es necesario tener toneladas de dinero para hacerlo, o habilidades de codificaci\u00f3n, o tiempo. Solo necesita descargar e instalar un tema gratuito o un complemento, y el sitio web se ver\u00e1 diferente u obtendr\u00e1 algunas funcionalidades nuevas.<\/p>\n<p>Puede hacerlo para cada p\u00e1gina de su sitio web. Incluso la p\u00e1gina de inicio de sesi\u00f3n, que tan f\u00e1cilmente se da por sentado, se puede modificar para reflejar el nuevo dise\u00f1o de su sitio web. Cuando veas lo f\u00e1cil que es cambiarlo, probablemente te preguntes por qu\u00e9 no lo hab\u00edas hecho antes. Veamos c\u00f3mo puede usar la p\u00e1gina de inicio de <a href=\"https:\/\/wordpress.org\/plugins\/yith-custom-login\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">sesi\u00f3n personalizada de YITH<\/a> o uno de los mejores <a href=\"https:\/\/themewp.inform.click\/es\/5-complementos-de-inicio-de-sesion-personalizados-de-wordpress-de-ultima-generacion\/\" title=\"complementos de WordPress de inicio de sesi\u00f3n personalizado\">complementos de WordPress de inicio de sesi\u00f3n personalizado<\/a>. Esto permitir\u00e1 que cualquier persona <a href=\"https:\/\/themewp.inform.click\/es\/como-iniciar-sesion-en-wordpress-en-unos-simples-pasos\/\" title=\"inicie sesi\u00f3n en su sitio de WordPress\">inicie sesi\u00f3n en su sitio de WordPress<\/a> f\u00e1cilmente.<\/p>\n<h2>\u00bfPor qu\u00e9 querr\u00edas crear una p\u00e1gina de inicio de sesi\u00f3n personalizada de WordPress?<\/h2>\n<p>La <strong>p\u00e1gina de inicio de sesi\u00f3n predeterminada de WordPress parece simple y se reduce a los elementos b\u00e1sicos<\/strong>. Tiene dos campos, un logotipo, un bot\u00f3n, un par de enlaces y una casilla de verificaci\u00f3n. Esto es lo que parece:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8455da0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8455da0.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>No hay nada malo con esta p\u00e1gina. Hace que iniciar sesi\u00f3n en WordPress sea muy sencillo: no hay casi nada que pueda hacer mal aqu\u00ed porque todo es f\u00e1cil de entender.<\/p>\n<p>Pero es una oportunidad perdida. Como m\u00ednimo, <strong>deber\u00eda poder mostrar su propio logotipo en la p\u00e1gina de inicio de sesi\u00f3n<\/strong>. No estar\u00eda de m\u00e1s si pudieras mostrar algo m\u00e1s, una mascota, por ejemplo, o jugar con los colores, un poco, o con las fuentes.<\/p>\n<h2>\u00bfQu\u00e9 puede hacer con el inicio de sesi\u00f3n personalizado de YITH?<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc87f37a1.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc87f37a1.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>El complemento de inicio de sesi\u00f3n personalizado de YITH puede ayudarlo a cambiar el aspecto de la p\u00e1gina de inicio de sesi\u00f3n de su sitio web. Despu\u00e9s de instalar el complemento, cambiar\u00e1 la apariencia de su p\u00e1gina de inicio de sesi\u00f3n de WordPress para que se vea as\u00ed:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8b03bc0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8b03bc0.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>La p\u00e1gina de inicio de sesi\u00f3n no permanecer\u00e1 as\u00ed si no lo desea. Este es el aspecto predeterminado que obtiene despu\u00e9s de <a href=\"https:\/\/wpklik.com\/wordpress-plugins\/how-to-install-wordpress-plugins\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">instalar y activar el complemento<\/a>, pero puede cambiarlo. <strong>Puede, por ejemplo, cambiar el color de fondo de la p\u00e1gina o establecer una imagen para el fondo<\/strong>.<\/p>\n<p>Tambi\u00e9n puedes intercambiar la mascota del loro con la tuya si tienes una. La p\u00e1gina est\u00e1 lista para su logotipo y puede jugar con los campos de nombre de usuario y contrase\u00f1a para cambiar su apariencia y c\u00f3mo est\u00e1n etiquetados. <strong>B\u00e1sicamente, este complemento le brinda control sobre todos los elementos importantes en la p\u00e1gina de inicio de sesi\u00f3n<\/strong>. Echemos un vistazo m\u00e1s de cerca.<\/p>\n<h2>Configuraci\u00f3n general<\/h2>\n<p>Antes de sumergirnos en la configuraci\u00f3n general del complemento, primero asegur\u00e9monos de saber c\u00f3mo encontrar el complemento. <strong>Debe encontrar la opci\u00f3n &quot;apariencia&quot; en el men\u00fa principal y hacer clic en &quot;pantalla de inicio de sesi\u00f3n&quot; debajo de ella<\/strong> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8e0924f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc8e0924f.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>Una vez que haga eso, se mover\u00e1 a las opciones del complemento y ver\u00e1 que la pesta\u00f1a de configuraci\u00f3n general es la primera desde la izquierda.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc90b5a58.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc90b5a58.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>La pesta\u00f1a de configuraci\u00f3n general es donde haces dos cosas importantes: <strong>habilitar el complemento de inicio de sesi\u00f3n personalizado y configurar la imagen de tu mascota<\/strong>. Los ajustes son tan sencillos como suenan, al menos hasta que llegas al punto en que no est\u00e1s satisfecho con la posici\u00f3n de tu mascota, y es probable que no lo est\u00e9s.<\/p>\n<p>Repasemos las opciones de esta p\u00e1gina una por una.<\/p>\n<ul>\n<li><strong>Habilitar inicio de sesi\u00f3n personalizado:<\/strong> una vez que instale el complemento, esta opci\u00f3n estar\u00e1 marcada de forma predeterminada. Si en alg\u00fan momento desea volver a la p\u00e1gina de inicio de sesi\u00f3n predeterminada, todo lo que necesita hacer es desmarcar esta casilla.<\/li>\n<li><strong>Mostrar imagen de mascota:<\/strong> esta es la casilla que debe marcar si desea que aparezca una mascota en su p\u00e1gina de inicio de sesi\u00f3n personalizada. Cuando la casilla no est\u00e1 marcada, la mascota no ser\u00e1 visible.<\/li>\n<li><strong>URL de la imagen de la mascota:<\/strong> la mascota del loro est\u00e1 configurada de forma predeterminada y no es necesario que la cambie si no lo desea. Si desea cambiarlo, la mejor manera de hacerlo ser\u00eda agregar la imagen (formato .png, alrededor de 140&#215;185 px) a la Biblioteca de medios y luego simplemente colocar un enlace en este campo.<\/li>\n<li><strong>CSS personalizado:<\/strong> Este es el campo donde cambias la posici\u00f3n de la mascota. Es lo m\u00e1s complicado que puedes hacer en la pesta\u00f1a de ajustes generales.<\/li>\n<\/ul>\n<p>Si no est\u00e1 satisfecho con el aspecto de la mascota, <strong>debe <a href=\"https:\/\/themewp.inform.click\/es\/como-inspeccionar-los-elementos-del-sitio-web-en-su-navegador\/\" title=\"inspeccionarla\">inspeccionarla<\/a> y hurgar en el c\u00f3digo hasta que encuentre los valores que establecen su posici\u00f3n<\/strong> :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc94061ca.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc94061ca.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p><strong>Solo podr\u00e1 jugar con los valores &quot;superiores&quot; y &quot;derechos&quot;<\/strong>. Si necesita ayuda para averiguar qu\u00e9 par\u00e1metros funcionan mejor para usted, tal vez pruebe estos para empezar:<\/p>\n<pre><code>#login img.mascotte {\nposition:absolute;\nright:-122px;\ntop:62px;\n}<\/code><\/pre>\n<p>Cuando los cambie, debe copiar el c\u00f3digo completo en el campo CSS personalizado. No olvides guardar los cambios una vez que hayas terminado.<\/p>\n<h2>Configuraci\u00f3n de fondo<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc97228b6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc97228b6.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>La pesta\u00f1a de configuraci\u00f3n de fondo le permite <strong>ajustar la apariencia y el comportamiento del fondo<\/strong>. Esto es lo que le esperar\u00e1 cuando cambie a esta pesta\u00f1a:<\/p>\n<ul>\n<li><strong>Imagen de fondo<\/strong>: El campo donde colocas el enlace a una imagen de fondo si planeas usar una.<\/li>\n<li><strong>Color de fondo<\/strong>: obtendr\u00e1 algunas opciones para elegir el color de fondo, por lo que puede elegir el aspecto de su p\u00e1gina de inicio de sesi\u00f3n personalizada de WordPress, incluso si no utiliza una imagen de fondo.<\/li>\n<li><strong>Repetici\u00f3n de fondo<\/strong>: Obtiene las opciones est\u00e1ndar para que la imagen de fondo se repita horizontalmente, verticalmente o no se repita en absoluto.<\/li>\n<li><strong>Posici\u00f3n de fondo<\/strong>: esta opci\u00f3n le permite establecer la posici\u00f3n de la imagen de fondo: tiene posiciones superior e inferior y alineaciones izquierda, derecha y central.<\/li>\n<li><strong>Adjunto de fondo<\/strong>: tiene dos comportamientos para elegir para su imagen de fondo: puede ser fija y aparecer siempre en la p\u00e1gina, o puede desplazarse y moverse junto con ella.<\/li>\n<\/ul>\n<p>Todo es bastante est\u00e1ndar para configurar fondos. Agregue su propia imagen o no, juegue con diferentes combinaciones de posici\u00f3n de la imagen de fondo y repita, elija un color agradable o combine los dos: depende completamente de usted. Como siempre, recuerde guardar los cambios que desee conservar.<\/p>\n<h2>Configuraci\u00f3n del logotipo<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9a542a2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9a542a2.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>Uno de los mejores usos del complemento de inicio de sesi\u00f3n personalizado de YITH es <strong>agregar su propio logotipo a la p\u00e1gina del complemento en lugar del logotipo de WordPress<\/strong>. En la pesta\u00f1a Opciones de logotipo, encontrar\u00e1 las siguientes opciones.<\/p>\n<ul>\n<li><strong>Imagen del logotipo:<\/strong> Aqu\u00ed es donde eliges la imagen que usar\u00e1s para tu logotipo.<\/li>\n<li><strong>Color de fondo:<\/strong> si carga un logotipo en formato .png, puede elegir el color que se muestra debajo de su logotipo.<\/li>\n<li><strong>Ancho y alto del logotipo:<\/strong> puede elegir el tama\u00f1o de su logotipo en la p\u00e1gina de inicio de sesi\u00f3n.<\/li>\n<\/ul>\n<p>Estas cuatro opciones son todo lo que necesita para configurar su logotipo en la p\u00e1gina de inicio de sesi\u00f3n personalizada de YITH. Una vez que haya realizado los ajustes que desea, recuerde hacer clic en el bot\u00f3n &quot;Guardar opciones&quot; antes de continuar.<\/p>\n<h2>Configuraci\u00f3n de formulario<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9ce0ff6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-361903-633ecc9ce0ff6.jpg\" alt=\"Personalice su p\u00e1gina de inicio de sesi\u00f3n de WordPress con el complemento de inicio de sesi\u00f3n personalizado de YITH\"><\/a><\/p>\n<p>El campo de formulario permite la personalizaci\u00f3n m\u00e1s profunda en todo el complemento. Hay tres grupos de opciones en esta pesta\u00f1a:<\/p>\n<ul>\n<li><strong>La configuraci\u00f3n general del formulario:<\/strong> aqu\u00ed es donde establece el ancho del contenedor y elige los marcadores de posici\u00f3n de nombre de usuario y contrase\u00f1a.<\/li>\n<li><strong>Configuraci\u00f3n de tipograf\u00eda:<\/strong> puede elegir la fuente, el tama\u00f1o, el estilo y el color del texto en los campos, el texto general y el texto del bot\u00f3n Enviar por separado. Tambi\u00e9n puede elegir de qu\u00e9 color se vuelve el texto del bot\u00f3n Enviar al pasar el mouse.<\/li>\n<li><strong>Configuraci\u00f3n de color:<\/strong> puede personalizar los colores de los fondos y bordes de los campos en diferentes situaciones: al enfocarlos, al enviarlos o al pasar el mouse sobre ellos.<\/li>\n<\/ul>\n<p>Si desea que los campos del formulario est\u00e9n en los colores del logotipo de su empresa, <strong>este es el lugar donde podr\u00e1 configurarlo todo<\/strong>. Solo aseg\u00farese de guardar cualquier cambio que desee conservar antes de cerrar la pesta\u00f1a.<\/p>\n<h2>\u00a1Vamos a envolverlo!<\/h2>\n<p>Tu sitio web de WordPress puede ser tan hermoso e interesante, o tan b\u00e1sico y simple, como quieras que sea. Esa es la gran capacidad de personalizaci\u00f3n que hace que crear un sitio web en WordPress sea una experiencia tan gratificante. <strong>Entonces, cuando piense en ajustar su sitio web, no piense que est\u00e1 atascado con la misma p\u00e1gina de inicio de sesi\u00f3n de WordPress<\/strong>. Con el complemento de inicio de sesi\u00f3n personalizado de YITH, puede agregar una nueva p\u00e1gina de inicio de sesi\u00f3n y luego personalizarla para que coincida con su visi\u00f3n o la identidad visual y el estilo de su empresa.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfNecesita crear una p\u00e1gina de inicio de sesi\u00f3n personalizada para su sitio web de WordPress? \u00a1Aprenda c\u00f3mo hacerlo f\u00e1cilmente usando el complemento de inicio de sesi\u00f3n personalizado de YITH!<\/p>\n","protected":false},"author":1,"featured_media":364812,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-365800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/365800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=365800"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/365800\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/364812"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=365800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=365800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=365800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}