15 pros y contras para un tema de WordPress eficaz

Hoy quiero repasar algunos de los pros y los contras de los temas de WordPress. Ya sea que esté creando un tema de WordPress para usted mismo o creando uno para publicar para que otros puedan usarlo, debe seguir estos pros y contras de la forma más precisa posible.

1. No codifique URL completas en sus temas.

Al crear sus temas, puede haber ocasiones en las que se usen imágenes, para íconos de redes sociales o íconos de fuentes RSS, y durante esos puntos de su codificación, es posible que desee codificar la URL completa (por ejemplo: / wp-content / themes / your-theme -name / images / image.jpg) pero provocará errores en el sitio web cada vez que la persona que usa su tema cambie el nombre de su carpeta de temas.

A continuación, se muestran los códigos apropiados que se utilizarán para recuperar dinámicamente la URL completa.

<?php bloginfo('stylesheet_directory'); ?>/images/image.jpg

2. Utilice etiquetas de plantilla tanto como sea posible.

WordPress hace un trabajo increíble al diseñar todas las etiquetas de plantilla que puede usar, así que hágase un favor a usted mismo (y al resto de las personas que pueden usar sus temas) y aprender las etiquetas de plantilla de WordPress – luego utilícelos tanto como sea posible. Al usar etiquetas de plantilla, puede asegurarse de que sus temas no se rompan o causen errores cuando el usuario final los configura y los hace funcionar.

3. No olvide los códigos desplegables de navegación.

Al crear su tema de WordPress, un elemento que parece pasarse por alto son los códigos desplegables para su navegación. Por supuesto, algunos temas pueden tener la navegación configurada para no usar ul de varios niveles, manteniendo todo en una línea, pero ¿qué pasa con aquellos de nosotros que tenemos varias páginas secundarias para cada página principal?

Hay una solución para esto. Puede consultar algunos de los tutoriales a continuación sobre cómo codificar menús desplegables de varios niveles.

4. Prepare su widget de tema

En mi opinión, como usuario final, no hay nada peor que implementar un tema y prepararse para configurar todo, solo para notar que ahora me enfrento a la tarea de intentar personalizar secciones de mis temas mediante la codificación de información. Sus barras laterales y varios otros lugares en su tema (¿tiene un pie de página de tres columnas? ¡Ponlo en widgets!) Debería ser lo más fácil de editar posible. Esta es una de las cosas más fáciles de hacer para sus temas y beneficiará mucho a los usuarios de su tema.

Automattic tiene un gran tutorial sobre cómo widgetizar tu tema. Compruébalo aquí.

También asegúrese de revisar el widgets temáticos tutorial aquí en Theme Lab.

5. No obligue a los usuarios a depender de muchos complementos para que su tema funcione.

Si publica temas de forma gratuita o crea temas comerciales de WordPress, debe considerar los mejores intereses de sus usuarios finales al crear sus temas. Abarrotar sus temas con 5-10 complementos necesarios no solo hará que las personas se sientan frustradas al descargar y configurar su tema en su sitio, sino que también hará que muchas personas no lo descarguen porque no es así. de 2-3 segundos.

Por ejemplo, si va a configurar la paginación en su tema, ¿por qué no usar este artículo para aprender cómo configurarlo automáticamente en su tema? Cats Who Code tiene un gran tutorial sobre cómo agregar paginación en su tema sin necesidad de activar un complemento.

6. Muestre el término de búsqueda en la página de resultados de búsqueda.

Por alguna razón, este es un consejo que a menudo se pasa por alto y que puede (y debe) implementar en sus temas. Es un código simple de una línea que permite que su tema recuerde a los visitantes lo que acaban de buscar. Puede parecer trivial, pero es útil, por lo que si los resultados no devuelven ningún mensaje, el visitante conoce la frase exacta que buscó y luego puede escribir un término de búsqueda diferente.

A continuación se muestra el código utilizado para reemplazar el título actual de “Resultados de la búsqueda” en su tema.

<h2>Search Results for <em><?php the_search_query() ?></em> </h2>

7. No asuma la mitad de sus páginas de error 404

En lugar de simplemente dejar su página 404 para decir “404 – página no encontrada”, ¿por qué no ofrecer a sus visitantes algunas opciones más? Agregar a una lista de categorías, publicaciones recientes, publicaciones populares, un cuadro de búsqueda y (si desea monetizar su página 404) un anuncio puede darle vida a su página 404 sobre las aburridas e inútiles que se encuentran en la mayoría de los temas de WordPress.

Si está buscando inspiración para una página 404, Smashing Magazine tiene una Escaparate del asesino de 404 páginas de la Web que vale la pena el desvío.

8.Asegúrate de tener todos los archivos base en tu carpeta de temas.

Al crear un tema de WordPress, es esencial asegurarse de que puede personalizarlo tanto como sea posible desde el principio. Comenzar con una combinación de archivos index.php, header.php, sidebar.php y footer.php puede parecer una buena idea para los minimalistas, pero sugeriría comenzar con todos los conceptos básicos a continuación para darle un poco más. control sobre lo que se publica: cuándo, dónde y cómo.

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

Para obtener más información sobre estos archivos de plantilla y su función, consulte la jerarquía del modelo página en WordPress.org.

9. No olvide la integración RSS

Al crear tu blog, una de las cosas que más llama la atención de las personas es la posibilidad de suscribirse a tu blog a través de un lector de RSS. Entonces, en lugar de requerir que los usuarios de su tema agreguen esta información ellos mismos, ¿por qué no seguir los pasos para agregar un cuadro de suscripción rss como lo hace en el cuadro de búsqueda? Agregue un botón RSS, una opción de suscripción por correo electrónico e incluso puede agregar el número de suscriptores como texto agregando ese fragmento de código a su tema donde desea que se muestre (reemplace “feedburner-id” por el suyo FeedBurner ID, si publica esto tema en la naturaleza, eche un vistazo al n. ° 11 de nuestra lista y asegúrese de tenerlo como una opción).

<?php
    //get cool feedburner count
    $whaturl="http://api.feedburner.com/awareness/1.0/GetFeedData?uri=feedburner-id";

    //Initialize the Curl session
    $ch = curl_init();

    //Set curl to return the data instead of printing it to the browser.
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);

    //Set the URL
    curl_setopt($ch, CURLOPT_URL, $whaturl);

    //Execute the fetch
    $data = curl_exec($ch);

    //Close the connection
    curl_close($ch);
    $xml = new SimpleXMLElement($data);
    $fb = $xml->feed->entry['circulation'];
    echo $fb;
    //end get cool feedburner count
    ?>

10. Agregue estilos CSS para comentarios encadenados

Si está creando un tema, siempre debe estar preparado para los comentarios del feed. Esta es una característica de WordPress que utilizan muchos blogs para crear interacción en su sección de comentarios. Así que preparar su hoja de estilo para comentarios encadenados es una gran idea. Chris tiene una gran publicación sobre Códigos CSS para clases CSS predeterminadas que WordPress escupe en su sección de comentarios, lo que le da a su tema una sección de comentarios elegante sin necesidad de tocar el archivo comments.php.

11. No publique un tema sin un panel de opciones.

Es posible que algunas personas no estén de acuerdo con esto, pero creo que es parte de la progresión natural de la temática de WordPress. Si su tema no ejecuta algún tipo de panel de opciones de WordPress con la capacidad de editar, personalizar y cambiar los elementos de su tema sin tener que cambiar los códigos, está haciendo algo mal.

Si no sabe cómo crear su propio panel de opciones de tema, los enlaces a continuación le mostrarán cómo hacerlo.

12.Asegúrate de que tus temas funcionen de inmediato

Va junto con el n. ° 5 de la lista: siempre debe asegurarse de que sus temas funcionen de inmediato. Algunos temas que he visto requieren de 5 a 6 pasos antes de que el tema se pueda usar en el sitio, incluidos, entre otros, la activación del complemento y la edición / registro de las opciones del tema del panel. Si el tema requiere ciertas cosas, asegúrese de utilizar un elemento de guardado predeterminado.

Por ejemplo, en el panel de opciones del tema que crea y / o usa, asegúrese de que haya información predeterminada en cada sección, para que aparezcan cosas, que el usuario final las tenga, actualizaciones o no. Lo mismo ocurre con los complementos, si está utilizando un complemento de paginación de WordPress en su tema, ¿por qué no codificarlo para que el tema vuelva a los enlaces anteriores / siguientes si el complemento no está activo?

13. No abuse de los campos personalizados

Sí, la mayoría de los temas de WordPress de estilo revista de hace unos años se crearon utilizando campos personalizados en cada turno, pero la mayoría de las personas no querrán completar 3, 4 o 5 campos personalizados para cada publicación. Así que hazles las cosas más fáciles. Si va a mostrar una imagen del artículo en la página de inicio de su tema, tome este útil código y agréguelo al archivo functions.php de su tema y automáticamente publicará la primera imagen, sin la necesidad de ningún campo personalizado. .

// Get URL of first image in a post
function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];

// no image found display default image instead
if(empty($first_img)){
$first_img = "/images/default.jpg";
}
return $first_img;
}

Una vez que haya agregado este código, simplemente agregue en sus archivos de tema donde desea que aparezca la imagen.

Gracias al buen viejo Foros de soporte de WordPress para este útil consejo.

14. SEO de su etiqueta </h3> <p>Una excelente manera de asegurarse de que su tema esté lo más listo posible para SEO es eliminar la etiqueta. <title> predeterminado que se encuentra en el archivo header.php de sus temas y reemplácelo con los códigos a continuación. Esto le dará a los títulos de sus temas un poco más de energía y ayudará con cualquier esfuerzo de SEO que los usuarios de sus temas quieran practicar, todo sin que tengan que tocar nada.</p> <pre><?php if ( is_home() ) { ?><? bloginfo('name'); ?> | <?php bloginfo('description'); ?><?php } ?> <?php if ( is_search() ) { ?>Search Results for <?php /* Search Count */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; _e(''); echo $key; _e(' — '); echo $count . ' '; _e('articles'); wp_reset_query(); ?><?php } ?> <?php if ( is_404() ) { ?><? bloginfo('name'); ?> | 404 Nothing Found<?php } ?> <?php if ( is_author() ) { ?><? bloginfo('name'); ?> | Author Archives<?php } ?> <?php if ( is_single() ) { ?><?php wp_title(''); ?> | <?php $category = get_the_category(); echo $category[0]->cat_name; | <?php bloginfo('name'); ?><?php } ?> <?php if ( is_page() ) { ?><? bloginfo('name'); ?> | <?php $category = get_the_category(); echo $category[0]->cat_name; ?>|<?php wp_title(''); ?><?php } ?> <?php if ( is_category() ) { ?><?php single_cat_title(); ?> | <?php $category = get_the_category(); echo $category[0]->category_description; ?> | <? bloginfo('name'); ?><?php } ?> <?php if ( is_month() ) { ?><? bloginfo('name'); ?> | Archive | <?php the_time('F, Y'); ?><?php } ?> <?php if ( is_day() ) { ?><? bloginfo('name'); ?> | Archive | <?php the_time('F j, Y'); ?><?php } ?> <?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php single_tag_title("", true); } } ?> | <? bloginfo('name'); ?><!--formatted--></pre> <h3>15. No olvide las migas de pan</h3> <p>Como elemento adicional de navegación en sus temas, las rutas de navegación (en mi opinión) deben usarse siempre que sea posible. Esto no solo es bueno para fines de SEO, sino que también permite al visitante navegar por su sitio mucho más rápido. Hay complementos de WordPress para migas de pan, pero gracias a <a rel="nofollow noopener" target="_blank" href="http://www.catswhocode.com/blog/how-to-breadcrumb-function-for-wordpress">Gatos que codifican</a>, ahora sabemos cómo agregar una función de ruta de navegación en nuestros temas de WordPress.</p> <p>Primero, agregue los códigos a continuación a su archivo functions.php de temas (personalizado un poco del artículo original de Cats Who Code, vinculado arriba).</p> <pre><code>function the_breadcrumb() { echo '<ul id="crumbs">'; if (!is_home()) { echo '<li><a href="'; echo get_option('home'); echo '">'; echo 'Home'; echo "</a></li>"; if (is_category() || is_single()) { echo '<li>'; the_category(' </li><li> '); if (is_single()) { echo "</li><li>"; the_title(); echo '</li>'; } } elseif (is_page()) { echo '<li>'; echo the_title(); echo '</li>'; } } elseif (is_tag()) {single_tag_title();} elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';} elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';} elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';} elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';} elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';} elseif (is_search()) {echo"<li>Search Results"; echo'</li>';} echo '</ul>'; }<!--formatted--></code></pre> <p>Luego, coloque este fragmento de código donde desea que aparezca su ruta de navegación.</p> <pre><?php the_breadcrumb(); ?></pre> <h3>gracias por leer el articulo</h3> <p>Gracias por tomarse el tiempo de leer el artículo. Espero que lo hayas disfrutado y hayas aprendido un par de cosas en el camino, sé que lo hice. Si te gustó la publicación o tienes algo que agregar, háznoslo saber en los comentarios.</p> </p></div> <p><script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '772778962886400'); // Insert your pixel ID here. fbq('track', 'PageView'); </script><script type="text/javascript">(function() { var _fbq = window._fbq || (window._fbq = []); if (!_fbq.loaded) { var fbds = document.createElement('script'); fbds.async = true; fbds.src="https://connect.facebook.net/en_US/fbds.js"; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded = true; } _fbq.push(['addPixelId', '670379529714912']); })(); window._fbq = window._fbq || []; window._fbq.push(['track', 'PixelInitialized', {}]); </script></p> </div><!-- .entry-content .clear --> </div> </article><!-- #post-## --> <nav class="navigation post-navigation" role="navigation" aria-label="Entradas"> <h2 class="screen-reader-text">Navegación de entradas</h2> <div class="nav-links"><div class="nav-previous"><a href="https://tutorialwordpress.net/2-pasos-para-generar-trafico-a-su-blog-de-wordpress-usando-twitter/" rel="prev"><span class="ast-left-arrow">←</span> Entrada anterior</a></div><div class="nav-next"><a href="https://tutorialwordpress.net/3-complementos-esenciales-de-creacion-de-listas-para-wordpress/" rel="next">Entrada siguiente <span class="ast-right-arrow">→</span></a></div></div> </nav> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Deja un comentario <small><a rel="nofollow" id="cancel-comment-reply-link" href="/15-pros-y-contras-para-un-tema-de-wordpress-eficaz/#respond" style="display:none;">Cancelar respuesta</a></small></h3><form action="https://tutorialwordpress.net/wp-comments-post.php" method="post" id="ast-commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> Los campos obligatorios están marcados con <span class="required">*</span></p><div class="ast-row comment-textarea"><fieldset class="comment-form-comment"><div class="comment-form-textarea ast-col-lg-12"><label for="comment" class="screen-reader-text">Escribe aquí...</label><textarea id="comment" name="comment" placeholder="Escribe aquí..." cols="45" rows="8" aria-required="true"></textarea></div></fieldset></div><div class="ast-comment-formwrap ast-row"><p class="comment-form-author ast-col-xs-12 ast-col-sm-12 ast-col-md-4 ast-col-lg-4"><label for="author" class="screen-reader-text">Nombre*</label><input id="author" name="author" type="text" value="" placeholder="Nombre*" size="30" aria-required='true' /></p> <p class="comment-form-email ast-col-xs-12 ast-col-sm-12 ast-col-md-4 ast-col-lg-4"><label for="email" class="screen-reader-text">Correo electrónico*</label><input id="email" name="email" type="text" value="" placeholder="Correo electrónico*" size="30" aria-required='true' /></p> <p class="comment-form-url ast-col-xs-12 ast-col-sm-12 ast-col-md-4 ast-col-lg-4"><label for="url"><label for="url" class="screen-reader-text">Web</label><input id="url" name="url" type="text" value="" placeholder="Web" size="30" /></label></p></div> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez que comente.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar comentario »" /> <input type='hidden' name='comment_post_ID' value='17736' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="96e999955b" /></p><input type="hidden" id="ak_js" name="ak_js" value="61"/><textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100" style="display: none !important;"></textarea></form> </div><!-- #respond --> </div><!-- #comments --> </main><!-- #main --> </div><!-- #primary --> <div class="widget-area secondary" id="secondary" role="complementary" itemtype="https://schema.org/WPSideBar" itemscope="itemscope"> <div class="sidebar-main" > <aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://tutorialwordpress.net/"> <label> <span class="screen-reader-text">Buscar:</span> <input type="search" class="search-field" placeholder="Buscar …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Buscar" /> </form></aside> <aside id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widget-title">Entradas recientes</h2><nav role="navigation" aria-label="Entradas recientes"> <ul> <li> <a href="https://tutorialwordpress.net/19459-2/">(sin título)</a> </li> <li> <a href="https://tutorialwordpress.net/como-crear-un-enlace-para-compartir-en-facebook-sin-javascript/">Cómo crear un enlace para compartir en Facebook sin JavaScript</a> </li> <li> <a href="https://tutorialwordpress.net/como-crear-un-boton-tweet-sin-javascript-en-wordpress/">Cómo crear un botón Tweet sin JavaScript en WordPress</a> </li> <li> <a href="https://tutorialwordpress.net/como-ver-las-instrucciones-de-pago-en-el-modo-de-prueba-de-comercio-electronico-de-wordpress/">Cómo ver las instrucciones de pago en el modo de prueba de comercio electrónico de WordPress</a> </li> <li> <a href="https://tutorialwordpress.net/como-adjuntar-un-archivo-a-una-publicacion-o-una-pagina-gestion-de-archivos-adjuntos/">Cómo adjuntar un archivo a una publicación o una página (gestión de archivos adjuntos)</a> </li> </ul> </nav></aside><aside id="text-3" class="widget widget_text"><h2 class="widget-title">Sobre TutorialWordpress.Net</h2> <div class="textwidget"><p>Mi nombre es Matías y soy experto en desarrollo y creación web. He creado este sitio web con la intención de ayudar a aquellos usuarios que tengan interés en estos campos y sobretodo en WordPress.</p> <p><img loading="lazy" class=" wp-image-10971" title="matias tutorial wordpress" src="https://tutorialwordpress.net/wp-content/uploads/2021/02/matias-tutorial-wordpress-298x300.jpg" alt="matias tutorial wordpress" width="153" height="154" srcset="https://tutorialwordpress.net/wp-content/uploads/2021/02/matias-tutorial-wordpress-298x300.jpg 298w, https://tutorialwordpress.net/wp-content/uploads/2021/02/matias-tutorial-wordpress-150x150.jpg 150w, https://tutorialwordpress.net/wp-content/uploads/2021/02/matias-tutorial-wordpress.jpg 724w" sizes="(max-width: 153px) 100vw, 153px" /></p> </div> </aside> </div><!-- .sidebar-main --> </div><!-- #secondary --> </div> <!-- ast-container --> </div><!-- #content --> <footer class="ast-site-footer site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon"> <div class="ast-main-footer-wrap"> <div class="site-above-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-2-equal ast-builder-grid-row-tablet-2-equal ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-above-footer-builder"> <div class="ast-builder-grid-row-container-inner"> <div class="ast-builder-footer-grid-columns site-above-footer-inner-wrap ast-builder-grid-row"> <div class="site-footer-above-section-1 site-footer-section site-footer-section-1"> <div class="footer-widget-area widget-area site-footer-focus-item" data-section="section-footer-menu"> <div class="footer-bar-navigation"><nav class="ast-flex-grow-1 navigation-accessibility footer-navigation" id="site-navigation" aria-label="Navegación del sitio" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="footer-nav-wrap"><ul id="astra-footer-menu" class="main-header-menu ast-nav-menu ast-flex astra-footer-horizontal-menu astra-footer-tablet-vertical-menu astra-footer-mobile-vertical-menu"><li id="menu-item-13512" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13512"><a rel="nofollow" href="https://tutorialwordpress.net/aviso-legal/" class="menu-link">Aviso legal y términos de uso</a></li> <li id="menu-item-13509" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13509"><a rel="nofollow" href="https://tutorialwordpress.net/politica-de-privacidad/" class="menu-link">Política de Privacidad</a></li> <li id="menu-item-13510" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13510"><a rel="nofollow" href="https://tutorialwordpress.net/politica-de-cookies/" class="menu-link">Política de Cookies</a></li> <li id="menu-item-13511" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13511"><a rel="nofollow" href="https://tutorialwordpress.net/contacto/" class="menu-link">Contacto</a></li> </ul></div></nav></div> </div> </div> <div class="site-footer-above-section-2 site-footer-section site-footer-section-2"> </div> </div> </div> </div> <div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder"> <div class="ast-builder-grid-row-container-inner"> <div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row"> <div class="site-footer-below-section-1 site-footer-section site-footer-section-1"> <div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder"> <div class="ast-footer-copyright"><div class="ast-footer-html-inner"><p>Copyright © 2021 Tutorial Wordpress</p> </div></div> </div> </div> </div> </div> </div> </div> </footer><!-- #colophon --> </div><!-- #page --> <div id="ast-mobile-popup-wrapper"> <div id="ast-mobile-popup" class="ast-mobile-popup-drawer content-align-flex-start ast-mobile-popup-right"> <div class="ast-mobile-popup-overlay"></div> <div class="ast-mobile-popup-inner"> <div class="ast-mobile-popup-header"> <button id="menu-toggle-close" class="menu-toggle-close" aria-label="Close menu"> <span class="ast-svg-iconset"> <span class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg aria-labelledby='close' class='ast-mobile-svg ast-close-svg' fill='currentColor' version='1.1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z'></path></svg></span> </span> </button> </div> <div class="ast-mobile-popup-content"> <div class="ast-builder-menu-mobile ast-builder-menu ast-builder-menu-mobile-focus-item ast-builder-layout-element site-header-focus-item" data-section="section-header-mobile-menu"> <div class="ast-main-header-bar-alignment"></div> </div> </div> </div> </div> </div> <a id="ast-scroll-top" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both"> <span class="screen-reader-text">Ir arriba</span> </a> <script src='https://tutorialwordpress.net/wp-includes/js/comment-reply.min.js?ver=5.8' id='comment-reply-js'></script> <script id='astra-theme-js-js-extra'> var astra = {"break_point":"921","isRtl":"","query_vars":"{\"page\":\"\",\"name\":\"15-pros-y-contras-para-un-tema-de-wordpress-eficaz\"}","edit_post_url":"https:\/\/tutorialwordpress.net\/wp-admin\/post.php?post={{id}}&action=edit","ajax_url":"https:\/\/tutorialwordpress.net\/wp-admin\/admin-ajax.php","infinite_count":"2","astinfiniteposttype":"post","infinite_total":"0","pagination":"number","infinite_scroll_event":"scroll","infinite_nonce":"1dcf4920f0","no_more_post_message":"No hay m\u00e1s entradas para mostrar.","grid_layout":"1","site_url":"https:\/\/tutorialwordpress.net","show_comments":"Mostrar comentarios","masonryEnabled":"","blogMasonryBreakPoint":"921"}; </script> <script src='https://tutorialwordpress.net/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=3.0.2' id='astra-theme-js-js'></script> <script id='contact-form-7-js-extra'> var wpcf7 = {"apiSettings":{"root":"https:\/\/tutorialwordpress.net\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"}}; </script> <script src='https://tutorialwordpress.net/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.3.2' id='contact-form-7-js'></script> <script id='astra-addon-js-js-extra'> var astraAddon = {"sticky_active":"","header_main_stick":"","header_above_stick":"0","header_below_stick":"0","stick_header_meta":"","header_main_stick_meta":"","header_above_stick_meta":"","header_below_stick_meta":"","sticky_header_on_devices":"desktop","sticky_header_style":"none","sticky_hide_on_scroll":"0","break_point":"921","tablet_break_point":"921","mobile_break_point":"544","header_main_shrink":"","header_logo_width":"","responsive_header_logo_width":{"desktop":"135","tablet":120,"mobile":100},"stick_origin_position":"","site_layout":"ast-full-width-layout","site_content_width":"1240","site_layout_padded_width":"1200","site_layout_box_width":"1200"}; </script> <script src='https://tutorialwordpress.net/wp-content/uploads/astra-addon/astra-addon-6029525c612d25-28354071.js?ver=2.7.2' id='astra-addon-js-js'></script> <script src='https://tutorialwordpress.net/wp-includes/js/wp-embed.min.js?ver=5.8' id='wp-embed-js'></script> <script async="async" src='https://tutorialwordpress.net/wp-content/plugins/akismet/_inc/form.js?ver=4.1.8' id='akismet-form-js'></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>