WordPress. Soluciones (4)

En construcciónHe empezado a actualizar estas soluciones, pero no he terminado de hacerlo.

En esta lección se proponen soluciones detalladas de los ejercicios (4) de WordPress. Se recomienda intentar realizarlos primero sin recurrir a estas soluciones.

WordPress (4) 1 - Contenido destacado

  1. Imagen destacada
    • Para asignar una imagen a una entrada, edite la entrada y utilice la herramienta Imagen destacada:

      WordPress. Contenido destacado

    • La imagen elegida se mostrará en la herramienta Imagen destacada:

      WordPress. Contenido destacado

  2. Contenido destacado
    • En Apariencia > Personalizar se encuentra la herramienta Contenido destacado:

      WordPress. Contenido destacado

    • Para que una entrada se incluya en el contenido destacado hay que darle la etiqueta destacado (o la que se haya definido en el widget Contenido destacado).

Nota:

WordPress (4) 2 - Personalizar el tema Twenty Fifteen

WordPress (4) 3 - Modificar la traducción de WordPress

En construcciónPor completar

WordPress (4) 4 - Crear un tema hijo

Referencias:

  1. Cree la carpeta twentysixteen-child.
  2. Cree el archivo style.css con el siguiente contenido
    /*Theme Name: Twenty Sixteen CHILD
    Theme URI: https://wordpress.org/themes/twentysixteen/
    Author: the WordPress team
    Author URI: https://wordpress.org/
    Description: Twenty Sixteen is ...
    Template: twentysixteen
    Version: 1.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: black, ...
    Text Domain: twentysixteen-child
    
    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
    */
        
  3. Cree el archivo functions.php con el siguiente contenido
    <?php
    /* Twenty Sixteen CHILD functions and definitions */
    
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
    function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    }
    ?>    

WordPress (4) 5 - Modificar la hoja de estilo del tema hijo

En construcciónPendiente de actualizar

  1. Cuatro elementos de la interfaz
    • La hoja de estilo se puede modificar en WordPress mediante el menú Apariencia > Editor:

      WordPress. Modificar hoja de estilo

    • La inspección de la página nos da las siguientes pistas:

      WordPress. Modificar hoja de estilo

      WordPress. Modificar hoja de estilo

      WordPress. Modificar hoja de estilo

      WordPress. Modificar hoja de estilo

    • Para obtener el resultado propuesto, la hoja de estilo podría ser la siguiente:
      /* =Theme customization starts here
      -------------------------------------------------------------- */
      h1 a {
        color: red;
      }
      
      p.site-description {
        color: #016126;
      }
      
      h2.widget-title {
        border-bottom:  #016126 2px solid;
      }
      
      article {
        border: #016126 2px solid;
      }
      
      article h2 {
        text-shadow: lightgray 3px 3px ;
      } 
  2. Fondo verde alrededor de la página
    • Para obtener el resultado propuesto, la hoja de estilo podría ser la siguiente:
      body {
        background: green;
      }
  3. Widgets con borde y título con color de fondo en verde
    • Para obtener el resultado propuesto, la hoja de estilo podría ser la siguiente:
      .widget {
        border: 4px solid green;
        border-radius: 10px;
        padding: 0;
      }
      
      h2.widget-title  {
        background-color: green;
        color: white;
        margin: 0;
        text-align: center;
      }
  4. Ajustar borde del apartado anterior en el cuadro de búsqueda
    • Para obtener el resultado propuesto, la hoja de estilo podría ser la siguiente:
      input.search-field {
        margin: 5px;
      }
      
      button.search-submit {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
      }

WordPress (4) 6 - Modificar una plantilla de página

En construcciónPendiente de actualizar

WordPress (4) 7 - Google Fonts (css)

En construcciónPendiente de actualizar

WordPress (4) 8 - Google Fonts (plugin)

En construcciónPor escribir

WordPress (4) 9 - Otros temas

En construcciónPor escribir

WordPress (4) 10 - Otros (optativo)

En construcciónPor escribir