Wordpress esquema-2010
-
Upload
claudio-rosales-valdivieso -
Category
Education
-
view
787 -
download
2
Transcript of Wordpress esquema-2010
![Page 1: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/1.jpg)
OBJETIVO
Un esquema de Wordpress
Este trabajo está orientado a acelerar el aprendizaje del Wordpress.
Se darán definiciones y se darán consejos prácticos. Para ello debe tener material (imágenes, pdf, videos). Esto es complementario a un ejercicio práctico
![Page 2: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/2.jpg)
EL WORDPRESS ES UN BLOGSECCIONES :
Un esquema de Wordpress
- Actualizables- Fijas
- Comentarios
![Page 3: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/3.jpg)
NOMENCLATURA
Un esquema de Wordpress
- Entradas: Información que se coloca en la columna principal
- Widgets: se traduce como “reproducciones”. Son todos los elementos de la página
- Temas: Son plantillas que se pueden seleccionar según el gusto de cada cual. Cada tema organiza sus “widgets”. Ejms: Selecta, Coraline, Skeptical
- SideBar: columnas laterales - Content: Columna principal
![Page 4: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/4.jpg)
NOMENCLATURA
Un esquema de Wordpress
- Enlaces (links): lugares a los que se puede hacer referencia. Puede ser una página externa o una del mismo wordpress.
- Categorías: Son palabras que aglutinan a entradas o enlaces. Una categoría puede ser “arte precolombino” y los enlaces pueden ser a distintos museos.
![Page 5: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/5.jpg)
ORGANIZACIÓNUn esquema de Wordpress
Título y CabeceraS
ideB
ar
2
Sid
eB
ar
1
Content
Pie
Casi todos los temas tienen estas secciones
![Page 6: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/6.jpg)
ORGANIZACIÓNUn esquema de Wordpress
Primero se debe elegir un tema. Al darle un click en “Apariencia” se despliega el menú siguiente:
![Page 7: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/7.jpg)
PASOS BÁSICOS DE APARIENCIA:
Un esquema de Wordpress
1. Escoger un tema
Ejm: Skeptical
Seleccionar “Activar”
![Page 8: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/8.jpg)
PASO 2: OPCIONES DEL TEMA
Un esquema de Wordpress
En el caso de Skeptical solo se puede cambiar el color. Tiene una columna principal y un sidebar
Seleccionar “Salvar Opciones”
![Page 9: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/9.jpg)
PASO 2: OPCIONES DEL TEMA
Un esquema de Wordpress
En el caso Coraline, se puede también agregar columnas (sidebar) y pie de página
![Page 10: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/10.jpg)
PASO 3: CABECERA
Un esquema de Wordpress
Se debe modificar la cabecera para ponerle una imagen pertinente a la página
Se puede subir una imagen con “choose file”
![Page 11: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/11.jpg)
PASO 4: DISTRIBUCIÓN
Un esquema de Wordpress
La opción “widgets” sirven para colocar los distintos elementos en la página.
Para ello debemos disponer de entradas, enlaces, etc., por lo que lo dejaremos para el último.
![Page 12: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/12.jpg)
PASO 5: TÍTULO
Un esquema de Wordpress
La opción “Ajustes” y dentro de ella, “generales” sirve para poner título y descripción
![Page 13: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/13.jpg)
PASOS SIGUIENTES: LLENAR EL SITIO
Un esquema de Wordpress
Para llenar el sitio ocuparemos:• Entradas• Enlaces• Páginas
Las entradas y enlaces pueden ser agrupadas en categorías
![Page 14: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/14.jpg)
PASO SIGUIENTE: SUBIR INFORMACIÓN
Un esquema de Wordpress
Para subir información independiente de la página o entrada se realiza por menú Multimedia - “Añadir nuevo”
A veces se necesita subir información para después hacer referencia a ella. Normalmente se ingresa el ppt o el word en el mismo momento en que se está haciendo referencia a ella.
Saltar porque voy a ingresar los archivos cuando esté haciendo la página
![Page 15: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/15.jpg)
SUBIR INFORMACIÓN
Un esquema de Wordpress
Se pueden subir imágenes, word, ppt, pdf, videos, etc, para luego ocuparlos en las secciones “entradas” y “páginas”.
![Page 16: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/16.jpg)
SUBIR INFORMACIÓNUn esquema de Wordpress
Este es el nombre del archivo que se subió
Nombre del link que se debe poner en las entradas y páginas
![Page 17: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/17.jpg)
ENTRADASUn esquema de Wordpress
Primero se debe “Añadir nueva” entrada
![Page 18: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/18.jpg)
ENTRADAS
Un esquema de Wordpress
La primera para ingresar el material, ya sea texto, imágenes, etc.
Al “Añadir nueva” se abre una nueva página con dos secciones:
“Html”: para ingresar código“Visual: para verlo natural
ingresar imágenes
ingresar enlaces
![Page 19: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/19.jpg)
ENTRADAS
Un esquema de Wordpress
El ícono “añadir objeto” se usa para agregar ppt, word, pdf, etc. Lleva a un menú como el expuesto en “subir información” donde da a elegir un archivo para subir.
Añadir Objeto
![Page 20: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/20.jpg)
ENTRADASUn esquema de Wordpress
Ejemplo: se elegió el marco de la buena enseñanza.
![Page 21: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/21.jpg)
ENTRADAS
Un esquema de Wordpress
La otra sección de “Entradas” es para darle un formato, categorizarla y publicarla
Categorías: si existiese alguna, permite clasificar esa entrada, de forma que cuando el usuario de click en una categoría, aparezcan sólo las de esa categoría
El formato: lo más frecuente es “estándar”
![Page 22: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/22.jpg)
ENTRADAS
Un esquema de Wordpress
Para crear una categoría de “entrada” (opcional) se va al menú de entradas y se selecciona “categoría”Se le da un nombre y una
descripción y se presiona el botón “Añadir nueva categoría”
![Page 23: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/23.jpg)
ENTRADAS
Un esquema de Wordpress
Ejemplo:
Vista “html”. El rótulo <img> agrega una imagen. El rótulo <a> agrega un link (enlace)
![Page 24: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/24.jpg)
ENTRADAS
Un esquema de Wordpress
Ejemplo:
Vista “Visual”. Se ve como se va a ver en el sitio una vez publicado
![Page 25: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/25.jpg)
PÁGINAS
Un esquema de Wordpress
Las páginas son estáticas. No van cambiando como las entradas. No se pueden catalogar pero se las puede visualizar en el encabezado o en un menú.
Páginas. Se seleccionó “Los Aztecas”.
![Page 26: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/26.jpg)
PÁGINAS
Un esquema de Wordpress
Las páginas se completan de la misma forma que las entradas.
Aprovecho de mostrar cómo se enlaza un video de youtube. Se debe tener el nombre completo del video (el que aparece en la barra de navegación).
![Page 27: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/27.jpg)
ENLACES
Un esquema de Wordpress
Los enlaces, al igual que las entradas se pueden categorizar
Se agregan nuevos enlaces
El nombre del enlace
Aquí va el url del sitio al cual se va a enlazar
Puede pertenecer a una categoría para ser visualizadas en grupo.
![Page 28: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/28.jpg)
DISTRIBUCIÓN DE WIDGETS
Un esquema de Wordpress
Algo que había quedado pendiente era cómo se distribuían los widgets (elementos que se reproducen o despliegan). Lo habíamos dejado pendiente hasta que no supiéramos bien qué eran las entradas, páginas y enlaces. Estos elementos y muchos otros, se pueden distribuir de acuerdo al tema, en el menú “widgets” de “apariencia”.
![Page 29: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/29.jpg)
DISTRIBUCIÓN DE WIDGETSUn esquema de Wordpress
En la imagen aparece parte de la sección izquierda, donde están los widgets disponibles.
Se pueden arrastrar a la sección de la derecha que indica la disposición en la que se verán en el sitio.
![Page 30: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/30.jpg)
DISTRIBUCIÓN DE WIDGETSUn esquema de Wordpress
Aquí se muestra que los widgets “buscar”, “entradas recientes”, “archivos” y “categorías” se mostrarán en el “sidebar” principal. Se puede eliminar algo arrastrándolo hacia el sector de la izquierda.
No todos los temas tienen todas las secciones que aparecen. Si uno pone un widget en una sección que no corresponde a un tema, no notará cambio alguno (no avisa error).
![Page 31: Wordpress esquema-2010](https://reader036.fdocuments.es/reader036/viewer/2022070318/557b6998d8b42a12578b4d4e/html5/thumbnails/31.jpg)
CIERREUn esquema de Wordpress
En Internet hay muchos manuales wordpress, pero echaba de menos uno que mostrara lo más importante y en forma secuencial. Espero contribuir con esta explicación a acelerar el aprendizaje de esta herramienta.
Claudio Rosales - Pedagogía Básica - UdLA