Servicio de Reparación y Mantenimientocarpintería, cerrajería, persianas, aluminio, vidrio, soldadura…

CURSO WEB INKOR

Inicio

Enlaces material

Herramientas diseño

Biblioteca referencias

Pendiente implementar

  • MAQUETAR Y ORGANIZAR CONTENIDO
    • enlaces
      • modificar url /empresa/? antes de categoría entradas y /servicios-2/ página que no existe, para servicios
      • breadcrumb historial de navegación (migas de pan) anterior<>siguiente
      • anclaje conexión de enlace (#+id) a un punto concreto de la publicación con id asignada al texto
      • footer separar elementos de menú, li a la izquierda inconos redes a la derecha
  • APARIENCIA
    • html
      • page.php en linea 23 <h2 .page #contenido-paginas><span>TEXTO ADICIONAL</span></h2>
    • css
      • li menú nav li::before no funciona (corregido error nav i::before). Resaltar li submenú al pasar por encima y corregir reglas de estilo del menú lateral para que al delplegarse no queden ocultas las li del menú que están por debajo
      • ordenar y simplificar reglas de estilo, asignar variables para agilizar cambios coincidentes (revisar fragmentos de código CSS para asignar variables en sus reglas)
      • mover reglas de estilo asignadas a funciones específicas a fragmentos de código
      • asignar media queries para correcta visualización de contenido en diferentes tamaños de pantalla
    • tema
      • definir img portada
  • PÁGINAS
    • imágenes destacadas asignar en todas
  • ENTRADAS
    • transformar a entradas pág clientes y referencias y entornos y entidades
  • FRAGMENTOS CÓDIGO
    • métodos para cambiar la forma en que se muestran los contenidos
      • animated modal display formulario de contacto w3 (biblioteca referencias)
      • distintas animaciones de entrada para elementos de publicaciones classroom decustik
      • cover getbootstrap template (plantilla) img header (página de inicio/identidad a parte)
  • ARCHIVOS DE PLANTILLA
    • post template files
    • header.php condicional para el h1 (título) cuando no se asigna imagen de cabecera en apariencia-personalizar
    • header.php condicional para el h1 (título) para que únicamente aparezca si cuando el body es .home (front-page.php)
  • FORMULARIO DE CONTACTO
    • modal (mostrar cuadro emergente)
      • error visualización al activar la función, corregir reglas estilo CSS en fragmento de código
    • modificar HTML
      • mostrar en 2 columnas

Notas y consultas

  • PÁGINA ENTRADAS
    • muestra el contenido de todas las entradas de forma cronológicamente inversa con el archivo de plantilla index.php
      • si en ajustes no hay asignada página de inicio, se muestra al abrir inicio
      • si en ajustes hay asignada una página de entradas se muestra al abrir la página y se deja de mostrar el contenido propio si existe
        • si en ajustes no hay asignada una página de entradas se podría mostrar el mismo contenido con una etiqueta común para todas las entradas y acceder mediante una nube de etiquetas o una página de archivo de etiquetas con el archivo de plantilla tag.php
  • ARCHIVOS DE PLANTILLA POR DEFECTO
    • index.php Plantilla predeterminada para todas las páginas que no tienen una plantilla más específica
    • header.php Contiene el encabezado del sitio
    • footer.php Contiene el pie de página del sitio
    • single.php Se utiliza para mostrar publicaciones individuales
    • page.php Se utiliza para mostrar páginas estáticas
    • archive.php Se utiliza para mostrar archivos de publicaciones (categorías, etiquetas, etc.)
    • search.php Se utiliza para mostrar los resultados de una búsqueda
    • 404.php Se utiliza para mostrar la página de error 404
    • comments.php Contiene el código para mostrar y gestionar los comentarios
    • sidebar.php Contiene el código para mostrar la barra lateral
    • front-page.php Se utiliza específicamente para la página de inicio
    • author.php Muestra las publicaciones de un autor específico
    • category.php Muestra las publicaciones de una categoría específica
    • tag.php Muestra las publicaciones de una etiqueta específica
    • date.php Muestra las publicaciones de una fecha específica
    • attachment.php Muestra archivos adjuntos (imágenes, documentos, etc.)

Actividades

BOTÓN LEER + LEER –

Para implementar la función he modificado la sintaxis del JS proporcionado y lo he adaptado a mis necesidades…, con la ‘function’ readFunction y el ‘button’ readBtn, también he cambiado el texto que aparecerá en el botón con ‘display’ inline «Leer más» y con ‘display’ none «Leer menos», según se muestre conforme los condicionales ‘if’ o ‘else’. Una vez comprobado el funcionamiento en how to w3schols he copiado el <script> en un fragmento de código nuevo JS en el pie de página de todo el sitio. Seguidamente he agregado un nuevo fragmento de código para el CSS en la cabecera de todo el sitio para que la ‘id’ #more sea ‘display’ none, copiando la regla del <style>. Finalmente he redactado este texto en un párrafo precedido de un encabezado para poder comprobar el desarrollo y correcto funcionamiento en una entrada que he creado para ello en mi proyecto y he asignado el atributo ‘id’ #more al párrafo.