{"id":263295,"date":"2023-03-03T12:43:00","date_gmt":"2023-03-03T09:43:00","guid":{"rendered":"https:\/\/inform.click\/wordpress-hacks-para-sitio-web-solo-para-miembros\/"},"modified":"2023-03-03T12:43:00","modified_gmt":"2023-03-03T09:43:00","slug":"wordpress-hacks-para-sitio-web-solo-para-miembros","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/wordpress-hacks-para-sitio-web-solo-para-miembros\/","title":{"rendered":"WordPress Hacks para sitio web solo para miembros"},"content":{"rendered":"<p>\n  Por defecto, WordPress es una herramienta de blogs. Sin embargo, realmente puedes personalizarlo para hacerlo como quieras. Mucha gente usa WordPress para crear un sitio web solo para miembros.\n<\/p>\n<p>\n  Siempre puede usar un complemento, pero si solo necesita una peque\u00f1a modificaci\u00f3n, \u00bfpor qu\u00e9 instalar un complemento cuando puede hacerlo con unas pocas l\u00edneas de c\u00f3digo? Aqu\u00ed hay algunos trucos simples pero efectivos para crear un sitio solo para miembros.\n<\/p>\n<h4>\n  Contenido solo para miembros sin complemento<br \/>\n<\/h4>\n<p>\n  Si hay cierto contenido en su sitio que desea mostrar solo al miembro registrado, puede hacerlo utilizando el siguiente c\u00f3digo en su tema. Todo lo que ocurra entre <code>is_user_logged_in<\/code>ellos ser\u00e1 visto solo por los miembros.\n<\/p>\n<pre><code>&lt;?php if (is_user_logged_in()) { ?&gt;\n\/\/ Content for Logged in user\n&lt;?php } else {?&gt;\n\/\/ Content for everyone else\n&lt;?php }?&gt;<\/code><\/pre>\n<h4>\n  Muestre el formulario de inicio de sesi\u00f3n de WordPress en cualquier lugar y personal\u00edcelo<br \/>\n<\/h4>\n<p>\n  Si desea incluir el formulario de inicio de sesi\u00f3n de WordPress en cualquier parte de su tema, puede hacerlo utilizando la siguiente funci\u00f3n:\n<\/p>\n<pre><code>&lt;?php ks29so_login_form(); ?&gt;<\/code><\/pre>\n<p>\n  Sin embargo, no le da la opci\u00f3n de personalizar el formulario de inicio de sesi\u00f3n, porque simplemente extrae directamente el formulario de inicio de sesi\u00f3n predeterminado de WordPress. \u00bfQu\u00e9 pasa si quieres mostrar algo como esto?\n<\/p>\n<p>\n  Aqu\u00ed hay un c\u00f3digo para hacer eso. Pegue el siguiente c\u00f3digo donde quiera que aparezca el formulario.\n<\/p>\n<pre><code>\/\/ WordPress Login Form\n&lt;?php if (!(current_user_can('level_0\u2032))){ ?&gt;\n<\/code><\/pre>\n<h3>\n  <code>Member Login<\/code><br \/>\n<\/h3>\n<pre>\n<\/pre>\n<form action=\"%3C?php%20echo%20get_option('home');%20?%3E\/wp-login.php\" method=\"post\">\n  \u00bb \/&gt;<\/p>\n<table width='100%\u2019 cellspacing=\"0\" cellpadding=\"0\"&gt; &lt;tr&gt; &lt;td&gt; &lt;label&gt;&lt;?php _e( \u2018Username\u2019) ?&gt;&lt;\/label&gt; &lt;input type=\"text\" name=\"log\" class=\"input\" value=\"&lt;?php echo attribute_escape(stripslashes($user_login)); ?&gt;\" \/&gt; &lt;\/td&gt; &lt;td&gt; &lt;label&gt;&lt;?php _e( \u2018Password\u2019) ?&gt;&lt;\/label&gt; &lt;input type=\"password\" name=\"pwd\" class=\"input\" value=\"\" \/&gt; &lt;\/td&gt; &lt;\/tr&gt; &lt;tr&gt; &lt;td colspan=\"2\"&gt;&lt;?php do_action(\u2018login_form\u2019); ?&gt; &lt;\/td&gt; &lt;\/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;a href=\"&lt;?php echo site_url(\u2018wp-login.php?action=lostpassword\u2019, \u2018login\u2019) ?&gt;\" title=\"&lt;?php _e(\u2018Password Lost and Found\u2019) ?&gt;\"&gt;&lt;?php _e(\u2018Forgot Password?\u2019) ?&gt;&lt;\/a&gt; &lt;\/td&gt; &lt;td&gt; &lt;input type=\"submit\" name=\"submit\" value=\"Log In\" class=\"button\" \/&gt; &lt;input type=\"hidden\" name=\"redirect_to\" value=\"http:\/\/&lt;?php echo $_SERVER[' server_name=\"\"><\/table>\n<\/form>\n<pre>\n<?php } else { ?>\n\n<\/pre>\n<h2>\n  <code>Logout<\/code><br \/>\n<\/h2>\n<pre>\n<?php get_currentuserinfo();?>\nWelcome Back &nbsp<?php echo($current_user->user_login. \" \");?&gt;<br>\n<a href=\"https:\/\/inform.click&lt;\">Logout<\/a><br>\n<a href=\"https:\/\/inform.click&lt;\">Admin?<\/a>\n<?php }?><\/pre>\n<p>\n  <code>Puede agregar una etiqueta div CSS para darle estilo. La ventaja de usar este formulario de inicio de sesi\u00f3n es que casi puede crear un mini tablero para miembros usando la funci\u00f3n get_currentuserinfo() y mostrar cualquier informaci\u00f3n sobre el usuario.<\/code>\n<\/p>\n<h4>\n  <code>Men\u00fa personalizado de WordPress para miembros<\/code><br \/>\n<\/h4>\n<p>\n  <code>Al igual que el contenido, puede crear un men\u00fa de WordPress personalizado para los miembros. Primero registremos el men\u00fa. Vaya al archivo de funciones de su tema (functions.php). Utilice el siguiente c\u00f3digo para registrar los men\u00fas.<\/code>\n<\/p>\n<pre><code>&lt;code&gt;register_nav_menus( array(\n\u2018primary\u2019 =&gt; __( \u2018Primary Navigation\u2019, \u2018twentyten\u2019 ),\n\u2018visitor\u2019 =&gt; __( \u2018Visitor Navigation\u2019, \u2018twentyten\u2019 ),\n\u2018footer\u2019 =&gt; __( \u2018Footer Navigation\u2019, \u2018twentyten\u2019 ),) );<\/code><\/code><\/pre>\n<p>\n  Ahora, coloca el siguiente c\u00f3digo donde quieras que aparezca tu men\u00fa, muy probablemente dentro del archivo header.php.\n<\/p>\n<pre><code>&lt;?php if (is_user_logged_in()) {\nks29so_nav_menu( array( \u2018container_class\u2019 =&gt; \u2018menu-header\u2019, \u2018theme_location\u2019 =&gt; \u2018primary\u2019) );\n} else {\nks29so_nav_menu( array( \u2018container_class\u2019 =&gt; \u2018menu-header\u2019, \u2018theme_location\u2019 =&gt; \u2018visitor\u2019) );\n};?&gt;<\/code><\/pre>\n<p>Ahora necesita crear el men\u00fa en el rev\u00e9s de WordPress. La configuraci\u00f3n de \u00abMen\u00fas\u00bb debe estar en la pesta\u00f1a Apariencia. Cree un men\u00fa con el nombre principal y visitante. En ambos men\u00fas, agregue lo que desee mostrar. Por ejemplo: si desea que una p\u00e1gina se muestre solo cuando el usuario inicie sesi\u00f3n, agr\u00e9guela el men\u00fa principal.<\/p>\n<p>Tambi\u00e9n puede crear un men\u00fa de pie de p\u00e1gina din\u00e1mico utilizando el mismo m\u00e9todo.<\/p>\n<p>Campos personalizados de WordPress y trucos para blogueros<\/p>\n<p>Puede usar WordPress para crear un sitio web personalizado y de aspecto profesional. En esta publicaci\u00f3n, compartimos algunos trucos y trucos de campos personalizados de WordPress que le permitir\u00e1n tener un mejor sitio con WordPress.<\/p>\n<p>A veces puede haber bloggers invitados que solo escriben una publicaci\u00f3n en su sitio y eso es todo. Puede usar este m\u00e9todo para mostrar informaci\u00f3n regular del autor. Tenga en cuenta que el autor ha sido registrado en WordPress. Tal vez, no quiera registrarse cada vez que escribe un nuevo autor invitado. Pero, \u00bfc\u00f3mo consigue que la informaci\u00f3n del autor invitado aparezca en el mismo formato que el autor normal? \u00a1Campos Personalizados!<\/p>\n<h4>Nombre del autor invitado en la p\u00e1gina principal y publicaciones individuales<\/h4>\n<p>Lo primero que debemos hacer es configurar una declaraci\u00f3n if de WordPress para obtener el valor del campo personalizado. De esta forma, solo aparecer\u00e1 cuando se asigne el valor del archivo personalizado. Abra su \u00abindex.php\u00bb y \u00absingle.php\u00bb y pegue el siguiente c\u00f3digo donde desea que aparezca el nombre del autor. Podr\u00eda ser despu\u00e9s de la fecha o despu\u00e9s de los comentarios. Por ejemplo, despu\u00e9s de este c\u00f3digo:<\/p>\n<pre><code>&lt;?php the_time(\u2018M j, Y\u2019) ?&gt;<\/code><\/pre>\n<pre><code>ID, 'guest_author_name', true)) { ?&gt;\n\/\/ check to see if custom field guest author name exists\nID, \"guest_author_name\", $single = true); ?&gt;\n<\/code><\/pre>\n<p>\n  Una vez que colocamos la declaraci\u00f3n if, simplemente la llamamos en cualquier publicaci\u00f3n en la que queramos que aparezca el nombre del autor invitado. El nombre del autor invitado debe aparecer en la p\u00e1gina principal y solo para publicaciones espec\u00edficas.\n<\/p>\n<h4>\n  Bloque de informaci\u00f3n de autor invitado en publicaci\u00f3n individual<br \/>\n<\/h4>\n<p>\n  De acuerdo, entonces tenemos el nombre que aparece en la meta descripci\u00f3n de la publicaci\u00f3n, pero tambi\u00e9n ser\u00eda bueno tener alguna informaci\u00f3n sobre el autor invitado.\n<\/p>\n<p>\n  Nuevamente, primero tenemos la declaraci\u00f3n condicional if que busca la descripci\u00f3n y el pulgar de la imagen del autor. No olvides cambiar la imagen del directorio. Adem\u00e1s, adjuntamos una clase al bloque y al pulgar, que permite dise\u00f1ar tanto la imagen como el bloque usando CSS.\n<\/p>\n<pre><code>&lt;?php if (get_post_meta($post-&gt;ID, \u2018autho_thumb\u2019, true)) { ?&gt; \/\/ checks to see if the custom field exist\n&lt;div class=\"writer_bio\"&gt;\n&lt;img class=\"autho_thumb\" src=\"http:\/\/media.webdesignviews.com\/author\/&lt;?php%20%24values%20=%20get_post_custom_values(\" autho_thumb echo&gt;\" alt=\"Author Thumb\" width=\"60\" width=\"60\" height=\"60\" \/&gt;&lt;?php }? &lt;?php if (get_post_meta($post-&gt;ID, \u2018guest_author\u2019, true)) { ?&gt;\n&lt;?php echo get_post_meta($post-&gt;ID, \"guest_author\", $single = true); ?&gt;&lt;\/div&gt;\n&lt;?php } ?&gt;<\/code><\/pre>\n<p>\n  Aqu\u00ed est\u00e1 el CSS que us\u00e9\n<\/p>\n<pre><code>.writer_bio {\ncolor: #666;\nbackground: #eee;\ntext-transform: none !important;\nfont-size: 13px;\nfont-weight: normal;\nheight: 75px;\nwidth: 600px;\npadding: 6px;\npadding-bottom: 6px;\npadding-left: 0;\nmargin-bottom: 10px;\n}\n.writer_bio img {\npadding: 0 !important;\nfloat: left !important;\nmargin-left: 4px !important;\nmargin-top: 3px !important;\nborder: 2px #ccc solid !important;\nheight: 60px;\n}<\/code><\/pre>\n<p>\n  Incluso puedes estilizar m\u00e1s con la clase autho_thumb. Una vez hecho esto, todo lo que necesita hacer es agregar autho_thumb y guest_author en el campo y completar la informaci\u00f3n. Incluso puede agregar HTML como un enlace en el campo personalizado.\n<\/p>\n<p>\n  Ah\u00ed tienes dos campos personalizados para la informaci\u00f3n del autor invitado. Esto puede parecer muchos pasos. Conf\u00eda en m\u00ed una vez que lo hayas hecho, solo es cuesti\u00f3n de agregar la imagen y la descripci\u00f3n la pr\u00f3xima vez que quieras hacerlo.\n<\/p>\n<h4>\n  Mejor campo personalizado para mostrar la imagen de la publicaci\u00f3n en la p\u00e1gina principal<br \/>\n<\/h4>\n<p>\n  Este m\u00e9todo se usa para mostrar un pulgar para la publicaci\u00f3n en el frente. Quer\u00eda ir un poco m\u00e1s all\u00e1 y hacerlo f\u00e1cil para el usuario final. Adem\u00e1s, con el m\u00e9todo de Jean, todas las im\u00e1genes tendr\u00edan el mismo alt=\u00bbpost-image\u00bb y podr\u00eda no ser bueno para los motores de b\u00fasqueda. Adem\u00e1s, tendr\u00edas que incluir la URL completa para las im\u00e1genes cada vez. Primero aqu\u00ed est\u00e1 el c\u00f3digo:\n<\/p>\n<pre><code>&lt;?php $postimageurl = get_post_meta($post-&gt;ID, \u2018post-img\u2019, true);\n\/\/ variable for image\n$image_alt = get_post_meta($post-&gt;ID, \u2018post-img\u2019, true);\/\/ variable for description\n\/\/ check if the the custom field is called\nif ($postimageurl) {\n?&gt;\n&lt;a href=\"https:\/\/inform.click&lt;\" rel=\"bookmark\"&gt;&lt;img src=\"&lt;?php%20echo%20%24postimageurl;%20?&gt;\" class='quot;post-img\"' alt=\"&lt;?php echo $image_alt; ?&gt;\" width=\"500\" height=\"300\"&gt;&lt;\/a&gt;\n&lt;?php } else { ?&gt;<\/code><\/pre>\n<p>\n  Antes de explicar el c\u00f3digo, observe que no agregu\u00e9 una declaraci\u00f3n else para un pulgar predeterminado. Mire la publicaci\u00f3n de Jean si desea tener una imagen predeterminada si la imagen se asigna en un campo personalizado.\n<\/p>\n<p>\n  Primero tenemos dos variables $postimageurl y $image_alt. El primero es obtener la ubicaci\u00f3n de la imagen y el segundo es agregar el nombre de la imagen. Luego, nuevamente configuramos una declaraci\u00f3n if para verificar si se llama al campo personalizado.\n<\/p>\n<pre><code>&lt;?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/\u2019?&gt;<\/code><\/pre>\n<p>\n  Lo diferente es el c\u00f3digo anterior que obtiene la ubicaci\u00f3n de la imagen. Cre\u00e9 una carpeta llamada thumb en mi directorio de carga de WordPress, por lo que en lugar de escribir la URL completa cada vez que escrib\u00eda el nombre de la imagen, una vez que cargaba la imagen en la carpeta.\n<\/p>\n<p>\n  Si desea un directorio diferente, digamos que almacenar\u00eda sus im\u00e1genes en la ra\u00edz de su dominio, simplemente reempl\u00e1celo <code>&lt;?php echo get_option(\u2018siteurl\u2019).\u2018\/wp-content\/uploads\/thumb\/ ?&gt;&lt;?php echo $postimageurl; ?&gt;<\/code>con <code>http:\/\/yourwebsite.com\/images\/&lt;?php echo $postimageurl; ?&gt;<\/code>.\n<\/p>\n<p>\n  Por lo tanto, el c\u00f3digo est\u00e1 un poco modificado para que cada imagen de la publicaci\u00f3n tenga un alt (t\u00edtulo) diferente y escriba la extensi\u00f3n del nombre de la imagen en lugar de la URL completa.\n<\/p>\n<h4>\n  Organice su navegaci\u00f3n de WordPress como quiera<br \/>\n<\/h4>\n<p>\n  Lo primero que debe saber son las p\u00e1ginas de listas de wordpress que usan la etiqueta ks29so_list_pages, que generalmente se encuentra en header.php. pero es posible que no desee enumerar todas sus p\u00e1ginas. Si desea ocultar algunas de sus p\u00e1ginas para que no se muestren, debe hacer lo siguiente:\n<\/p>\n<pre><code>&lt;?php ks29so_list_pages(\u2018include=7,13\u2032 ); ?&gt;\n\/\/or\n&lt;?php ks29so_list_pages(\u2018exclude=5,9\u2032);? &gt;<\/code><\/pre>\n<p>Excluir o incluir casi funciona de la misma manera. Excluir omitir\u00e1 ciertas p\u00e1ginas de la lista de p\u00e1ginas de WordPress e incluir\u00e1 solo las p\u00e1ginas ID que especifique. Sin embargo, a la mayor\u00eda de los blogs de dise\u00f1o web o cualquier otro blog les gusta usar etiquetas o categor\u00edas como su navegaci\u00f3n. En ese caso, puede deshacerse de la etiqueta ks29so_list y codificar la navegaci\u00f3n de forma personalizada. Alternativamente, tambi\u00e9n puede hacer eso con sus etiquetas. El beneficio de codificar de esta manera es que puede asignar una clase CSS para dise\u00f1ar cada elemento de la navegaci\u00f3n.<\/p>\n<p>C\u00f3mo encontrar el ID de tu p\u00e1gina de WordPress<\/p>\n<p>Recientemente tuve que encontrar una ID de p\u00e1gina para excluirla en una plantilla que estaba usando y despu\u00e9s de unos 10 minutos finalmente encontr\u00e9 una manera f\u00e1cil de encontrar la ID de p\u00e1gina de una &#8216;p\u00e1gina' de WordPress.<\/p>\n<p>En versiones anteriores de WordPress, creo que esto era m\u00e1s f\u00e1cil, pero as\u00ed es como puedes hacerlo ahora.<\/p>\n<ol>\n<li>Vaya al panel de administraci\u00f3n de WordPress y luego vaya a P\u00e1ginas.<\/li>\n<li>A continuaci\u00f3n, desplace el cursor sobre la p\u00e1gina de la que desea conocer el ID.<\/li>\n<li>Ver\u00e1 la ID en la barra de estado en la parte inferior del navegador (ver m\u00e1s abajo).<\/li>\n<\/ol>\n<p>Si no puede ver la direcci\u00f3n completa, intente de otra manera (m\u00e1s abajo).<\/p>\n<ol>\n<li>Vaya al panel de administraci\u00f3n de WordPress y luego vaya a P\u00e1ginas.<\/li>\n<li>Luego ver\u00e1 la ID en la barra de direcciones. Ser\u00e1 el n\u00famero despu\u00e9s del signo igual.<\/li>\n<li>Haga clic en la p\u00e1gina de la que desea conocer el ID.<\/li>\n<\/ol>\n<h4>Mostrar tema de archivo<\/h4>\n<p>La mayor\u00eda de los temas de WordPress vienen con la p\u00e1gina archive.php. Pero he visto muchos sitios web donde las p\u00e1ginas de archivo no son muy \u00fatiles y no les dicen a los usuarios qu\u00e9 tema o categor\u00edas est\u00e1n navegando. Puede agregar los siguientes c\u00f3digos en su archive.php para evitar confusiones.<\/p>\n<pre><code>&lt;?php \/* If this is a category archive *\/ if (is_category()) { ?&gt;\n<\/code><\/pre>\n<h3 class=\"pagetitle\">\n  <code>Current Browsing Topic: \u2018&lt;?php single_cat_title(); ?&gt;\u2019<\/code><br \/>\n<\/h3>\n<pre>\n<?php \/* If this is a tag archive *\/ } elseif( is_tag()) { ?>\n<\/pre>\n<h3 class=\"pagetitle\">\n  <code>Posts Tagged \u2018&lt;?php single_tag_title(); ?&gt;\u2019<\/code><br \/>\n<\/h3>\n<p>\n  <code>&lt;\/p&gt;\n&lt;p&gt;<\/code>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  <code>Fuente de grabaci\u00f3n: &lt;a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2020\/05\/19\/wordpress-hacks-members-website\/\"&gt;instantshift.com&lt;\/a&gt;<\/code>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Por defecto, WordPress es una herramienta de blogs. Sin embargo, realmente puedes personalizarlo para hacerlo como quieras. Mucha gente usa WordPress para crear un sitio web solo para miembros. Siempre puede usar un complemento, pero si solo necesita una peque\u00f1a modificaci\u00f3n, \u00bfpor qu\u00e9 instalar un complemento cuando puede hacerlo con unas pocas l\u00edneas de c\u00f3digo? Aqu\u00ed hay algunos trucos simples pero efectivos para crear un sitio solo para miembros. Contenido solo para miembros sin complemento Si hay cierto contenido en su sitio que desea mostrar solo al miembro registrado, puede hacerlo usando lo siguiente&#8230;<\/p>\n","protected":false},"author":1,"featured_media":211030,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[645,112,606,60],"tags":[],"class_list":["post-263295","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seguridad","category-seguridad-web","category-tecnologia-y-mas","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263295"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263295\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/211030"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}