Skip to content

Latest commit

 

History

History
433 lines (348 loc) · 20.4 KB

teoria-wp.md

File metadata and controls

433 lines (348 loc) · 20.4 KB

WordPress

WordPress

Índice

  1. Enlaces importantes sobre WP
  2. Taxonomía WP
  3. Cuenta en WordPress.com
  4. Instalación de WP
  5. Importación / Exportación de WP
  6. Temas WP
  7. The Loop
  8. Plantillas WP
  9. Hooks WP
  10. Plugins WP

Enlaces importantes sobre WordPress

⬆ regresar al índice

Taxonomía WordPress

Es la forma en como WP estructura el contenido de nuestro sitio y lo hace a través de:

  • Categorías (Clasifican el contenido)
  • Etiquetas (Palabras clave, para búsquedas internas)
  • Entradas (Contenido dinámico)
  • Páginas (Contenido estático)

Categorías

Son la tabla de contenidos del sitio web. Son utilizadas para agrupar los contenidos y mantener una clasificación. Deben ser la base de la organización ya que conservan un orden jerárquico, y podemos generar subcategorías

Etiquetas

Se utilizan como microdatos que describen detalles específicos del contenido. Sirven como keywords para el SEO de nuestras publicaciones

Entradas

Es el contenido final de nuestro sitio, pueden tener asociadas más de una categoría, si no le especificamos una, se guardaran como parte de la categoría que trae WP por defecto "Sin Categoría". Podemos agregarles tantas etiquetas como sean necesarias

Páginas

Son contenidos que difícilmente van a cambiar, por ejemplo la sección de contacto o acerca, no se pueden asociar a categorías ni a etiquetas

Nota: Si te quedan dudas puedes ver el siguiente video

⬆ regresar al índice

Cuenta en WordPress.com

Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com Creando cuenta en WordPress.com

⬆ regresar al índice

Instalación de WordPress

  1. Descargar WordPress
  2. Descomprimir WordPress en la carpeta xampp/htdocs/
  3. Es recomendable renombrar la carpeta wordpress por un nombre relacionado con el proyecto a desarrollar
  4. Crear una base de datos en MySQL para el nuevo proyecto en WordPress, lo puedes hacer desde phpMyAdmin
  5. Buscar el archivo wp-config-sample.php y renombrarlo como wp-config.php
  6. Abrir el archivo wp-config.php y editar los siguientes datos:
    	define('DB_NAME', 'database_name_here');
    	define('DB_USER', 'username_here');
    	define('DB_PASSWORD', 'password_here');
    	define('DB_HOST', 'localhost');
    	define('DB_CHARSET', 'utf8');
    	define('DB_COLLATE', '');
    
    	define('AUTH_KEY',         'put your unique phrase here');
    	define('SECURE_AUTH_KEY',  'put your unique phrase here');
    	define('LOGGED_IN_KEY',    'put your unique phrase here');
    	define('NONCE_KEY',        'put your unique phrase here');
    	define('AUTH_SALT',        'put your unique phrase here');
    	define('SECURE_AUTH_SALT', 'put your unique phrase here');
    	define('LOGGED_IN_SALT',   'put your unique phrase here');
    	define('NONCE_SALT',       'put your unique phrase here');
    
    	$table_prefix  = 'wp_';
  7. Ejecutar la carpeta del sitio en el navegador ( http://localhost/carpeta-sitio-wp )
  8. Llenar la información de la instalación Instalación de WordPress Instalación de WordPress Instalación de WordPress Instalación de WordPress Instalación de WordPress Instalación de WordPress
  9. Una vez instalado:

Nota: Si te quedan dudas puedes ver el siguiente video

⬆ regresar al índice

Importación / Exportación de WordPress

Esto sirve para ir del localhost al servidor en internet o viceversa

  1. Respaldar todo el proyecto WordPress ( wp-admin, wp-includes, wp-content, archivos sueltos )

  2. Cargar o Descargar el respaldo vía FTP, SSH, Git, etc

  3. Exportar en formato .sql la BD desde el phpMyAdmin

    • Considera que a veces phpMyAdmin no nos agrega la instrucción CREATE DATABASE y USE
  4. Abrir el archivo .sql y reemplazar todas las rutas locales a las del servidor en internet o viceversa, con ayuda del comando buscar y reemplazar de tu editor de código favorito

  5. Modificar las rutas de las siguientes lineas del archivo .htaccess:

    • RewriteBase
    • RewriteRule
    	# BEGIN WordPress
    	<IfModule mod_rewrite.c>
    		RewriteEngine On
    		RewriteBase /carpeta-sitio-wp/
    		RewriteRule ^index\.php$ - [L]
    		RewriteCond %{REQUEST_FILENAME} !-f
    		RewriteCond %{REQUEST_FILENAME} !-d
    		RewriteRule ./carpeta-sitio-wp/index.php [L]
    	</IfModule>
    	# END WordPress
    
  6. Modificar DB_NAME, DB_USER, DB_PASSWORD y DB_HOST en el archivo wp-config.php

    	define('DB_NAME', 'database_name_here');
    	define('DB_USER', 'username_here');
    	define('DB_PASSWORD', 'password_here');
    	define('DB_HOST', 'localhost');
  7. Importar la BD y cargar el contenido del sitio WP en el destino

Nota:

  • Si te quedan dudas puedes ver el siguiente video
  • También puedes usar el plugin Duplicator

⬆ regresar al índice

Temas WordPress

Un Tema WordPress es una colección de archivos que trabajan juntos para producir un interfaz gráfica con un diseño unificado para el sitio. Estos archivos se llaman archivos de plantilla

Un tema modifica el modo en que el sitio es mostrado, sin modificar el código fuente de WordPress

Los temas pueden incluir archivos de plantilla personalizados, archivos de imagen, hojas de estilo, scripts (.php o .js), así como cualquier otro archivo necesario

Archivos Básicos de un Tema:

  • Plantilla principal (index.php)
  • Hoja de estilos principal del tema (style.css)
  • Imagen representativa del tema en el administrador de WP (screenshot.png)

Estructura Básica de un Tema

Estructura Básica de un Tema en WP

Enlaces y Funciones Básicas de un Tema:

Funciones de inclusión obligatorias:

Si queremos que nuestro tema permita el correcto funcionamiento de plugins de terceros, debemos activar las siguientes funciones, de esta manera WordPress permite a los plugins imprimir información en el header o el footer

⬆ regresar al índice

The Loop

The Loop es el código PHP usado por WordPress para mostrar las publicaciones

if( have_posts() ):
	while( have_posts() ):
		the_post();
		//post info
	endwhile;
else:
	//no posts
endif;

Enlaces y Funciones relacionados con The Loop

⬆ regresar al índice

Plantillas WordPress

Son los archivos que el tema va utilizando dependiendo del contenido solicitado, los cuales pueden ser:

  • Templates básicos:
    • index.php plantilla principal
    • home.php plantilla del home
    • archive.php plantilla de categorías, etiquetas y autores
      • category.php plantilla de categorías
      • tag.php plantilla de etiquetas
      • author.php plantilla de autores
    • singular.php plantilla de entradas y páginas
      • single.php plantilla de entradas
      • page.php plantilla de páginas estáticas
    • 404.php plantilla del error 404
    • search.php plantilla de búsquedas
    • comments.php plantilla de comentarios
  • Templates personalizados:
    • Podemos tener plantillas personalizadas para:
      • Categorías
      • Etiquetas
      • Autores
      • Páginas estáticas
    • Podemos crear templates personalizados por:
      • slug
      • id
      • nicename

Estructura de carpetas de un Tema en WP

Enlaces y Funciones relacionadas con Plantillas

⬆ regresar al índice

Hooks WordPress

El archivo functions.php es como una biblioteca personal de funciones, es una manera fácil de agregar o modificar el comportamiento por defecto de WordPress. Se comporta exactamente igual que un plugin, añadiendo características y funcionalidad a un tema, y se puede utilizar tanto para definir nuevas funciones PHP como para modificar las que ya incorpora WordPress, se dividen en:

  • Filtros y
  • Acciones

También se puede modificar el comportamiento de WordPress a través de:

  • Widgets y
  • Plugins

Enlaces y Funciones relacionados con Hooks

⬆ regresar al índice

Plugins WordPress

⬆ regresar al índice