Capacitación WordPress

Capacitación WordPress

Articulos

  • En esta sección aprenderemos a modificar los distintos tipos de menús que encontraremos en el sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

En donde podrá ver los módulos disponibles. Para la plantilla actual existen 8, 4 en español y 4 en Ingles, como se puede ver en la imagen a continuación, 

Estos se deben modificar según el idioma correspondiente, ya que funcionan de manera totalmente separada.

Acá detallaremos los diferentes tipos que encontramos en Módulos

• Menús: Menú Principal Móvil, Menú acciones y Menú del footer.

• Footer: Links de Interés.

• Redes Sociales: Redes Sociales del footer y del menú lateral del sitio web.

• Conéctate con Ingeniería UC: Botones de la sección Conéctate con Ingeniería UC.

 
 
Menús
 
En esta sección encontraremos los menús de 3 partes diferentes, que fue mencionada anteriormente, Menú Principal, Menú Acciones y Menú Footer, que iremos detallando a continuación:

Menú Principal ( Móvil )

Este Menú corresponde al menú superior del sitio web, en este solo es posible enlazar paginas ya creadas

Menú Acciones

Este Menú corresponde al menú gris superior del sitio web, en este es posible enlazar una página o un link externo, además de poder buscar dentro del mismo sitio, noticias, eventos, etc.

Este menú se puede modificar desde esta ventana, realizando click en Menú Acciones, es importante no eliminar ni el buscador, ni Siding.

Menú Footer
 
Este menú corresponde al menú inferior (Pie de Página o Footer) del sitio web, en este solo es posible enlazar páginas. 
 
 
Para modificar el pie de página, debe hacer click en la pestaña “Menú Footer” y comenzar a agregar las páginas que desea que se muestren en el sitio web, Se recomienda añadir solo 4, para no saturar el diseño del sitio web.
 
 
Menú Principal 
 
Este menú corresponde al menú superior Principal del sitio web, en este solo es posible enlazar páginas. 
 

En esta sección aprenderemos a agregar, modificar y eliminar Links de Interés con nuestro sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Para poder modificar esta sección debe hacer click en “Footer” como se muestra en la imagen.

Dentro vera la siguiente pantalla en donde puede modificar los links, Imagen, Dirección y Teléfono del footer

Esta sección corresponde a links que sean de interés para el departamento y se encuentran en el pie de página del sitio web. Como se ve en la siguiente imagen.

En esta sección aprenderemos a agregar, modificar y eliminar nuestras redes sociales del sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Para poder modificar las redes sociales del departamento, debes hacer “click” en Redes Sociales

Se abrirá la siguiente página en donde podrá agregar las redes sociales que desea presionando el botón agregar, en donde podrá cambiar el hipervínculo y texto.

Los iconos se pondrán de manera automática según la selección,  

Estas redes sociales corresponden a estos links, en el sitio web.

En esta sección aprenderemos a integrar Instagram con nuestro sitio web.

Primero que nada, buscaremos la sección “Instagram Feed” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro, solo debe hacer click en Añadir Nuevo, como se ve en la siguiente imagen

Continuará a la siguiente ventana, en donde solo podrá escoger Línea del tiempo del usuario, que son las publicaciones de la cuenta a añadir, ya que es la única opción gratuita, el resto son opciones de pago, por lo cual haremos click en “Siguiente”

En esta sección debe hacer click en “Añadir Fuente”, que es donde enlazara su cuenta de Instagram con WordPress, 

Al Presionar, aparecerá esta ventana en donde será redirigido a la aplicación para conectar las cuentas.

En esta ventana, solo debes loguearte con tu cuenta de instagram, presionando el siguiente botón

Una vez validada la conexión con tu cuenta, se mostrará de la siguiente manera, en donde solo debes dar click en tu cuenta para continuar o repetir el proceso para añadir otra cuenta de Instagram

Ahora aparecerán todas las cuentas que has enlazado, o puedes volver a añadir, modificar o eliminar las cuentas

Además, esta entrega un shortcode, que es el código para implementar en cualquier lugar del sitio, este originalmente se mostrara en el home, como se ve en la siguiente imagen.

 

Además posee opciones para modificar estilo, cantidad de columnas a mostrar. cabecera, avatar del perfil, texto, etc.

En esta sección aprenderemos a integrar Twitter con nuestro sitio web.

Primero que nada, buscaremos la sección “Twitter Feeds” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro, solo debemos dar click en “Log in to twitter and get my Access Token and secret” para conectar tu cuenta de Twitter, como se ve en la siguiente imagen.

Ahora solo debes ingresar tus credenciales en la siguiente ventana, y con eso ya estaría conectada tu cuenta, lista para poder mostrar el Feed de Twitter en tu sitio web

El resto solo es configuración de la App, el tamaño de la App, El tipo de Layout, de cómo se visualiza el widget en la web, CSS personalizado, la imagen del Avatar, la imagen del autor, el texto, los links de un tweet, etc.

Este funciona de manera similar a la integración de Instagram, con un shortcode, que se puede desplegar en cualquier parte del sitio, actualmente este se muestra en el home del sitio web

En esta sección aprenderemos a integrar crear Noticias en nuestro sitio web.

Primero que nada, buscaremos la sección “Noticias” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro de Noticias, acá podremos crear, modificar y eliminar las noticias.

Modificaremos la Noticia 3, para agregar alguna imagen y texto, para poder pre visualizarla posteriormente, Solo debemos hacer click con la Noticia que queremos modificar, una vez dentro veremos una pantalla similar a esta, en donde poseemos una caja de Texto, que es donde va la noticia, además podemos agregar archivos multimedia, como videos e imágenes.

Si continuamos bajando la página, podremos encontrarnos con 2 items muy interesantes que utilizaremos mucho en las noticias

En esta sección encontramos Imagen Destacada, donde podremos subir una imagen referente a la noticia, la cual también se verá en el home del sitio web.

Además, encontramos la sección Extracto, que es un pequeño texto, que va por debajo del Título principal. Si no se agrega nada, este copiara de manera automática la descripción de la noticia. Por lo cual es recomendable siempre agregar algún tipo de texto.

En esta sección, podremos crear eventos para también poder desplegarlos en el Home del sitio web, ya sean eventos, reuniones, panoramas, etc.

Debemos buscar en el menú lateral de la administración de WordPress, el Menú “Eventos”, como se ve en la siguiente imagen

En esta sección podremos crear nuevos eventos, presionando en Añadir Nueva, como se ve en la imagen a continuación, o podemos modificar los eventos que ya tenemos creados, además de poder eliminarlos.

En esta ocasión modificaremos Evento de Prueba, para ver que opciones tenemos para configurar dentro de esta, una vez seleccionado “Evento de Prueba”, nos encontraremos con la siguiente ventana

En esta Ventana nos encontraremos con distintos campos, para ser configurados según nuestro evento, las cuales detallaremos a continuación:

Evento Destacado: esta opción siempre debe estar marcada

Evento Home: esta opción siempre debe estar marcada

Bajada: Es el texto debajo del título, una descripción corta del evento

Dirigido a: A quien está enfocado el evento (Alumnos, profesores, exalumnos, etc.)

Fecha: Fecha de inicio del Evento

Fecha Termino: Fecha de Término del Evento

Hora: Hora del Evento

Lugar: Lugar físico donde se realizará el evento

Organizador: Quien está a cargo del evento

Página Web: Si el evento posee un sitio web propio 

Email: Correo del evento

Teléfono: Teléfono del evento

Valor: Valor del evento, si es Gratuito también indicarlo.

Mapa: Acá se puede seleccionar la dirección exacta en el mapa, como referencia.

En esta sección, podremos crear usuarios para que puedan subir contenido, o administrar el sitio web, según los roles que este tenga

Debemos buscar en el menú lateral de la administración de WordPress, el Menú “Usuarios”, como se ve en la siguiente imagen

En esta oportunidad crearemos un usuario solo con permisos de Editor, tendremos que hacer click en “Añadir nuevo”

Los principales campos que debemos rellenar son:

Nombre de Usuario: es el ID para ingresar posteriormente al sitio web, con la contraseña que le indiquemos más abajo

Correo Electrónico: Correo del usuario donde podrá cambiar su contraseña posteriormente, después de haber entregado la contraseña temporal.

Nombre: Nombre visible en el sitio web, este se puede modificar posteriormente en su perfil

Apellido: Apellido visible en el sitio web, este se puede modificar posteriormente en su perfil.

Contraseña: Acá podemos definir una contraseña, o podemos generar una automáticamente

Enviar aviso al usuario: Si esta seleccionado, se le enviara un correo electrónico al usuario, indicándole que acaba de crear una cuenta en el sitio web, de lo contrario no se le avisara al usuario.

Perfiles de Usuario: Acá podemos definir los distintos tipos de perfiles a los usuarios, normalmente se crea con perfiles de Suscriptor, o Editor si es que necesita subir contenido al sitio, solo se entrega permisos de administrador a los usuarios que harán cambios a nivel código, o se encargaran de la mantención del sitio.

  • • Administrador: Este perfil cuenta con todos los permisos más altos y puede administrar todos los aspectos del sitio. Puede gestionar la instalación de nuevos plugins, moderar comentarios o editar posts propios o de otros usuarios. Este tipo de usuario puede modificar la apariencia del tema, modificarlo instalar uno nuevo. Su acceso al panel es total.
  • • Editor: Los permisos de este tipo de usuario son más limitadas y no permiten administrar plugins o temas. En cambio, sí puede gestionar el contenido de la página creando nuevas categorías o etiquetas y publicando o editando contenido; además de moderar comentarios.
  • • Autor: Este tipo de usuarios puede publicar entradas y editar las que previamente haya creado. Puede elegir entre las categorías y etiquetas existentes, pero no puede dar de alta unas nuevas.
  • • Colaborador: Este perfil de usuario puede crear y editar sus propias entradas, pero depende de un usuario con más permisos para poder publicarlas.
  • • Suscriptor: Los suscriptores pueden iniciar sesión en la web y cambiar su contraseña únicamente. Este tipo de usuarios son suscriptores a tu web y en ocasiones, como campañas de marketing, puedes necesitar crear contenidos privados específicamente para este tipo de usuarios.
  •  

En esta sección aprenderemos a crear paginas dentro de WordPress, que pueden llevar distintos tipos de plantillas, las cuales revisaremos a continuación:

Primero que nada, buscaremos la sección Paginas en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

En esta oportunidad crearemos una página desde 0, con los diferentes estilos que podemos entregarle, para comenzar debemos dar click en “Añadir Nueva”

Una vez creada la página, nos encontraremos con esta ventana que contiene una plantilla por defecto, en la cual podremos agregar el Titulo, Descripción, pero podemos optar a otras plantillas, como iremos viendo.

Además, poseemos de funciones extras, que son Agregar Acordeón y Agregar Equipo

Y estas se verán reflejadas de la siguiente manera en el sitio web

Podremos revisar las plantillas disponibles para las paginas en “Atributos de la pagina.”

 
Plantilla por defecto: Plantilla por defecto, solo se puede agregar la descripción, un acordeón, equipo, y una imagen destacada en la página.
Autoridades y Equipos: Plantilla para la creación de Equipos departamentales y Profesores.
Home: Plantilla utilizada principalmente para el Home del sitio web.
Plan de Estudios: Plantilla que posee descripción y un sistema de acordeón para diferentes temáticas
Sección: Plantilla multiusos, ya que tiene muchas opciones dentro de este misma, que revisaremos a continuación
 
Tipos de paginas

Existen variados tipos de pagina como se ve en la imagen a continuación

Módulos: Tipo plantilla para hacer más dinámico el sitio web y su interfaz, agregando opciones de testimonios, y contenido web, asociado a diferentes paginas o links.

Mini sitio: Tipo plantilla que simula un mini sitio dentro del mismo sitio, agregando una slider general, menús, y módulos.

Archivo: Tipo plantilla, que muestra el histórico de una categoría, que puede ser noticias, académicos, etc.

Contacto: Tipo plantilla, que sirve solo para agregar formularios de contacto, y solo es mediante un shortcode que entrega Contact Form 7.

 

VideoTutoriales

Panel de control web

Capacitación WordPress

Articulos

  • En esta sección aprenderemos a modificar los distintos tipos de menús que encontraremos en el sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

En donde podrá ver los módulos disponibles. Para la plantilla actual existen 8, 4 en español y 4 en Ingles, como se puede ver en la imagen a continuación, 

Estos se deben modificar según el idioma correspondiente, ya que funcionan de manera totalmente separada.

Acá detallaremos los diferentes tipos que encontramos en Módulos

• Menús: Menú Principal Móvil, Menú acciones y Menú del footer.

• Footer: Links de Interés.

• Redes Sociales: Redes Sociales del footer y del menú lateral del sitio web.

• Conéctate con Ingeniería UC: Botones de la sección Conéctate con Ingeniería UC.

 
 
Menús
 
En esta sección encontraremos los menús de 3 partes diferentes, que fue mencionada anteriormente, Menú Principal, Menú Acciones y Menú Footer, que iremos detallando a continuación:

Menú Principal ( Móvil )

Este Menú corresponde al menú superior del sitio web, en este solo es posible enlazar paginas ya creadas

Menú Acciones

Este Menú corresponde al menú gris superior del sitio web, en este es posible enlazar una página o un link externo, además de poder buscar dentro del mismo sitio, noticias, eventos, etc.

Este menú se puede modificar desde esta ventana, realizando click en Menú Acciones, es importante no eliminar ni el buscador, ni Siding.

Menú Footer
 
Este menú corresponde al menú inferior (Pie de Página o Footer) del sitio web, en este solo es posible enlazar páginas. 
 
 
Para modificar el pie de página, debe hacer click en la pestaña “Menú Footer” y comenzar a agregar las páginas que desea que se muestren en el sitio web, Se recomienda añadir solo 4, para no saturar el diseño del sitio web.
 
 
Menú Principal 
 
Este menú corresponde al menú superior Principal del sitio web, en este solo es posible enlazar páginas. 
 

En esta sección aprenderemos a agregar, modificar y eliminar Links de Interés con nuestro sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Para poder modificar esta sección debe hacer click en “Footer” como se muestra en la imagen.

Dentro vera la siguiente pantalla en donde puede modificar los links, Imagen, Dirección y Teléfono del footer

Esta sección corresponde a links que sean de interés para el departamento y se encuentran en el pie de página del sitio web. Como se ve en la siguiente imagen.

En esta sección aprenderemos a agregar, modificar y eliminar nuestras redes sociales del sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Para poder modificar las redes sociales del departamento, debes hacer “click” en Redes Sociales

Se abrirá la siguiente página en donde podrá agregar las redes sociales que desea presionando el botón agregar, en donde podrá cambiar el hipervínculo y texto.

Los iconos se pondrán de manera automática según la selección,  

Estas redes sociales corresponden a estos links, en el sitio web.

En esta sección aprenderemos a integrar Instagram con nuestro sitio web.

Primero que nada, buscaremos la sección “Instagram Feed” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro, solo debe hacer click en Añadir Nuevo, como se ve en la siguiente imagen

Continuará a la siguiente ventana, en donde solo podrá escoger Línea del tiempo del usuario, que son las publicaciones de la cuenta a añadir, ya que es la única opción gratuita, el resto son opciones de pago, por lo cual haremos click en “Siguiente”

En esta sección debe hacer click en “Añadir Fuente”, que es donde enlazara su cuenta de Instagram con WordPress, 

Al Presionar, aparecerá esta ventana en donde será redirigido a la aplicación para conectar las cuentas.

En esta ventana, solo debes loguearte con tu cuenta de instagram, presionando el siguiente botón

Una vez validada la conexión con tu cuenta, se mostrará de la siguiente manera, en donde solo debes dar click en tu cuenta para continuar o repetir el proceso para añadir otra cuenta de Instagram

Ahora aparecerán todas las cuentas que has enlazado, o puedes volver a añadir, modificar o eliminar las cuentas

Además, esta entrega un shortcode, que es el código para implementar en cualquier lugar del sitio, este originalmente se mostrara en el home, como se ve en la siguiente imagen.

 

Además posee opciones para modificar estilo, cantidad de columnas a mostrar. cabecera, avatar del perfil, texto, etc.

En esta sección aprenderemos a integrar Twitter con nuestro sitio web.

Primero que nada, buscaremos la sección “Twitter Feeds” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro, solo debemos dar click en “Log in to twitter and get my Access Token and secret” para conectar tu cuenta de Twitter, como se ve en la siguiente imagen.

Ahora solo debes ingresar tus credenciales en la siguiente ventana, y con eso ya estaría conectada tu cuenta, lista para poder mostrar el Feed de Twitter en tu sitio web

El resto solo es configuración de la App, el tamaño de la App, El tipo de Layout, de cómo se visualiza el widget en la web, CSS personalizado, la imagen del Avatar, la imagen del autor, el texto, los links de un tweet, etc.

Este funciona de manera similar a la integración de Instagram, con un shortcode, que se puede desplegar en cualquier parte del sitio, actualmente este se muestra en el home del sitio web

En esta sección aprenderemos a integrar crear Noticias en nuestro sitio web.

Primero que nada, buscaremos la sección “Noticias” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro de Noticias, acá podremos crear, modificar y eliminar las noticias.

Modificaremos la Noticia 3, para agregar alguna imagen y texto, para poder pre visualizarla posteriormente, Solo debemos hacer click con la Noticia que queremos modificar, una vez dentro veremos una pantalla similar a esta, en donde poseemos una caja de Texto, que es donde va la noticia, además podemos agregar archivos multimedia, como videos e imágenes.

Si continuamos bajando la página, podremos encontrarnos con 2 items muy interesantes que utilizaremos mucho en las noticias

En esta sección encontramos Imagen Destacada, donde podremos subir una imagen referente a la noticia, la cual también se verá en el home del sitio web.

Además, encontramos la sección Extracto, que es un pequeño texto, que va por debajo del Título principal. Si no se agrega nada, este copiara de manera automática la descripción de la noticia. Por lo cual es recomendable siempre agregar algún tipo de texto.

En esta sección, podremos crear eventos para también poder desplegarlos en el Home del sitio web, ya sean eventos, reuniones, panoramas, etc.

Debemos buscar en el menú lateral de la administración de WordPress, el Menú “Eventos”, como se ve en la siguiente imagen

En esta sección podremos crear nuevos eventos, presionando en Añadir Nueva, como se ve en la imagen a continuación, o podemos modificar los eventos que ya tenemos creados, además de poder eliminarlos.

En esta ocasión modificaremos Evento de Prueba, para ver que opciones tenemos para configurar dentro de esta, una vez seleccionado “Evento de Prueba”, nos encontraremos con la siguiente ventana

En esta Ventana nos encontraremos con distintos campos, para ser configurados según nuestro evento, las cuales detallaremos a continuación:

Evento Destacado: esta opción siempre debe estar marcada

Evento Home: esta opción siempre debe estar marcada

Bajada: Es el texto debajo del título, una descripción corta del evento

Dirigido a: A quien está enfocado el evento (Alumnos, profesores, exalumnos, etc.)

Fecha: Fecha de inicio del Evento

Fecha Termino: Fecha de Término del Evento

Hora: Hora del Evento

Lugar: Lugar físico donde se realizará el evento

Organizador: Quien está a cargo del evento

Página Web: Si el evento posee un sitio web propio 

Email: Correo del evento

Teléfono: Teléfono del evento

Valor: Valor del evento, si es Gratuito también indicarlo.

Mapa: Acá se puede seleccionar la dirección exacta en el mapa, como referencia.

En esta sección, podremos crear usuarios para que puedan subir contenido, o administrar el sitio web, según los roles que este tenga

Debemos buscar en el menú lateral de la administración de WordPress, el Menú “Usuarios”, como se ve en la siguiente imagen

En esta oportunidad crearemos un usuario solo con permisos de Editor, tendremos que hacer click en “Añadir nuevo”

Los principales campos que debemos rellenar son:

Nombre de Usuario: es el ID para ingresar posteriormente al sitio web, con la contraseña que le indiquemos más abajo

Correo Electrónico: Correo del usuario donde podrá cambiar su contraseña posteriormente, después de haber entregado la contraseña temporal.

Nombre: Nombre visible en el sitio web, este se puede modificar posteriormente en su perfil

Apellido: Apellido visible en el sitio web, este se puede modificar posteriormente en su perfil.

Contraseña: Acá podemos definir una contraseña, o podemos generar una automáticamente

Enviar aviso al usuario: Si esta seleccionado, se le enviara un correo electrónico al usuario, indicándole que acaba de crear una cuenta en el sitio web, de lo contrario no se le avisara al usuario.

Perfiles de Usuario: Acá podemos definir los distintos tipos de perfiles a los usuarios, normalmente se crea con perfiles de Suscriptor, o Editor si es que necesita subir contenido al sitio, solo se entrega permisos de administrador a los usuarios que harán cambios a nivel código, o se encargaran de la mantención del sitio.

  • • Administrador: Este perfil cuenta con todos los permisos más altos y puede administrar todos los aspectos del sitio. Puede gestionar la instalación de nuevos plugins, moderar comentarios o editar posts propios o de otros usuarios. Este tipo de usuario puede modificar la apariencia del tema, modificarlo instalar uno nuevo. Su acceso al panel es total.
  • • Editor: Los permisos de este tipo de usuario son más limitadas y no permiten administrar plugins o temas. En cambio, sí puede gestionar el contenido de la página creando nuevas categorías o etiquetas y publicando o editando contenido; además de moderar comentarios.
  • • Autor: Este tipo de usuarios puede publicar entradas y editar las que previamente haya creado. Puede elegir entre las categorías y etiquetas existentes, pero no puede dar de alta unas nuevas.
  • • Colaborador: Este perfil de usuario puede crear y editar sus propias entradas, pero depende de un usuario con más permisos para poder publicarlas.
  • • Suscriptor: Los suscriptores pueden iniciar sesión en la web y cambiar su contraseña únicamente. Este tipo de usuarios son suscriptores a tu web y en ocasiones, como campañas de marketing, puedes necesitar crear contenidos privados específicamente para este tipo de usuarios.
  •  

En esta sección aprenderemos a crear paginas dentro de WordPress, que pueden llevar distintos tipos de plantillas, las cuales revisaremos a continuación:

Primero que nada, buscaremos la sección Paginas en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

En esta oportunidad crearemos una página desde 0, con los diferentes estilos que podemos entregarle, para comenzar debemos dar click en “Añadir Nueva”

Una vez creada la página, nos encontraremos con esta ventana que contiene una plantilla por defecto, en la cual podremos agregar el Titulo, Descripción, pero podemos optar a otras plantillas, como iremos viendo.

Además, poseemos de funciones extras, que son Agregar Acordeón y Agregar Equipo

Y estas se verán reflejadas de la siguiente manera en el sitio web

Podremos revisar las plantillas disponibles para las paginas en “Atributos de la pagina.”

 
Plantilla por defecto: Plantilla por defecto, solo se puede agregar la descripción, un acordeón, equipo, y una imagen destacada en la página.
Autoridades y Equipos: Plantilla para la creación de Equipos departamentales y Profesores.
Home: Plantilla utilizada principalmente para el Home del sitio web.
Plan de Estudios: Plantilla que posee descripción y un sistema de acordeón para diferentes temáticas
Sección: Plantilla multiusos, ya que tiene muchas opciones dentro de este misma, que revisaremos a continuación
 
Tipos de paginas

Existen variados tipos de pagina como se ve en la imagen a continuación

Módulos: Tipo plantilla para hacer más dinámico el sitio web y su interfaz, agregando opciones de testimonios, y contenido web, asociado a diferentes paginas o links.

Mini sitio: Tipo plantilla que simula un mini sitio dentro del mismo sitio, agregando una slider general, menús, y módulos.

Archivo: Tipo plantilla, que muestra el histórico de una categoría, que puede ser noticias, académicos, etc.

Contacto: Tipo plantilla, que sirve solo para agregar formularios de contacto, y solo es mediante un shortcode que entrega Contact Form 7.

 

VideoTutoriales

Hosting

Capacitación WordPress

Articulos

  • En esta sección aprenderemos a modificar los distintos tipos de menús que encontraremos en el sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

En donde podrá ver los módulos disponibles. Para la plantilla actual existen 8, 4 en español y 4 en Ingles, como se puede ver en la imagen a continuación, 

Estos se deben modificar según el idioma correspondiente, ya que funcionan de manera totalmente separada.

Acá detallaremos los diferentes tipos que encontramos en Módulos

• Menús: Menú Principal Móvil, Menú acciones y Menú del footer.

• Footer: Links de Interés.

• Redes Sociales: Redes Sociales del footer y del menú lateral del sitio web.

• Conéctate con Ingeniería UC: Botones de la sección Conéctate con Ingeniería UC.

 
 
Menús
 
En esta sección encontraremos los menús de 3 partes diferentes, que fue mencionada anteriormente, Menú Principal, Menú Acciones y Menú Footer, que iremos detallando a continuación:

Menú Principal ( Móvil )

Este Menú corresponde al menú superior del sitio web, en este solo es posible enlazar paginas ya creadas

Menú Acciones

Este Menú corresponde al menú gris superior del sitio web, en este es posible enlazar una página o un link externo, además de poder buscar dentro del mismo sitio, noticias, eventos, etc.

Este menú se puede modificar desde esta ventana, realizando click en Menú Acciones, es importante no eliminar ni el buscador, ni Siding.

Menú Footer
 
Este menú corresponde al menú inferior (Pie de Página o Footer) del sitio web, en este solo es posible enlazar páginas. 
 
 
Para modificar el pie de página, debe hacer click en la pestaña “Menú Footer” y comenzar a agregar las páginas que desea que se muestren en el sitio web, Se recomienda añadir solo 4, para no saturar el diseño del sitio web.
 
 
Menú Principal 
 
Este menú corresponde al menú superior Principal del sitio web, en este solo es posible enlazar páginas. 
 

En esta sección aprenderemos a agregar, modificar y eliminar Links de Interés con nuestro sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Para poder modificar esta sección debe hacer click en “Footer” como se muestra en la imagen.

Dentro vera la siguiente pantalla en donde puede modificar los links, Imagen, Dirección y Teléfono del footer

Esta sección corresponde a links que sean de interés para el departamento y se encuentran en el pie de página del sitio web. Como se ve en la siguiente imagen.

En esta sección aprenderemos a agregar, modificar y eliminar nuestras redes sociales del sitio web.

Primero que nada, buscaremos la sección “Módulos” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Para poder modificar las redes sociales del departamento, debes hacer “click” en Redes Sociales

Se abrirá la siguiente página en donde podrá agregar las redes sociales que desea presionando el botón agregar, en donde podrá cambiar el hipervínculo y texto.

Los iconos se pondrán de manera automática según la selección,  

Estas redes sociales corresponden a estos links, en el sitio web.

En esta sección aprenderemos a integrar Instagram con nuestro sitio web.

Primero que nada, buscaremos la sección “Instagram Feed” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro, solo debe hacer click en Añadir Nuevo, como se ve en la siguiente imagen

Continuará a la siguiente ventana, en donde solo podrá escoger Línea del tiempo del usuario, que son las publicaciones de la cuenta a añadir, ya que es la única opción gratuita, el resto son opciones de pago, por lo cual haremos click en “Siguiente”

En esta sección debe hacer click en “Añadir Fuente”, que es donde enlazara su cuenta de Instagram con WordPress, 

Al Presionar, aparecerá esta ventana en donde será redirigido a la aplicación para conectar las cuentas.

En esta ventana, solo debes loguearte con tu cuenta de instagram, presionando el siguiente botón

Una vez validada la conexión con tu cuenta, se mostrará de la siguiente manera, en donde solo debes dar click en tu cuenta para continuar o repetir el proceso para añadir otra cuenta de Instagram

Ahora aparecerán todas las cuentas que has enlazado, o puedes volver a añadir, modificar o eliminar las cuentas

Además, esta entrega un shortcode, que es el código para implementar en cualquier lugar del sitio, este originalmente se mostrara en el home, como se ve en la siguiente imagen.

 

Además posee opciones para modificar estilo, cantidad de columnas a mostrar. cabecera, avatar del perfil, texto, etc.

En esta sección aprenderemos a integrar Twitter con nuestro sitio web.

Primero que nada, buscaremos la sección “Twitter Feeds” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro, solo debemos dar click en “Log in to twitter and get my Access Token and secret” para conectar tu cuenta de Twitter, como se ve en la siguiente imagen.

Ahora solo debes ingresar tus credenciales en la siguiente ventana, y con eso ya estaría conectada tu cuenta, lista para poder mostrar el Feed de Twitter en tu sitio web

El resto solo es configuración de la App, el tamaño de la App, El tipo de Layout, de cómo se visualiza el widget en la web, CSS personalizado, la imagen del Avatar, la imagen del autor, el texto, los links de un tweet, etc.

Este funciona de manera similar a la integración de Instagram, con un shortcode, que se puede desplegar en cualquier parte del sitio, actualmente este se muestra en el home del sitio web

En esta sección aprenderemos a integrar crear Noticias en nuestro sitio web.

Primero que nada, buscaremos la sección “Noticias” en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

Una vez dentro de Noticias, acá podremos crear, modificar y eliminar las noticias.

Modificaremos la Noticia 3, para agregar alguna imagen y texto, para poder pre visualizarla posteriormente, Solo debemos hacer click con la Noticia que queremos modificar, una vez dentro veremos una pantalla similar a esta, en donde poseemos una caja de Texto, que es donde va la noticia, además podemos agregar archivos multimedia, como videos e imágenes.

Si continuamos bajando la página, podremos encontrarnos con 2 items muy interesantes que utilizaremos mucho en las noticias

En esta sección encontramos Imagen Destacada, donde podremos subir una imagen referente a la noticia, la cual también se verá en el home del sitio web.

Además, encontramos la sección Extracto, que es un pequeño texto, que va por debajo del Título principal. Si no se agrega nada, este copiara de manera automática la descripción de la noticia. Por lo cual es recomendable siempre agregar algún tipo de texto.

En esta sección, podremos crear eventos para también poder desplegarlos en el Home del sitio web, ya sean eventos, reuniones, panoramas, etc.

Debemos buscar en el menú lateral de la administración de WordPress, el Menú “Eventos”, como se ve en la siguiente imagen

En esta sección podremos crear nuevos eventos, presionando en Añadir Nueva, como se ve en la imagen a continuación, o podemos modificar los eventos que ya tenemos creados, además de poder eliminarlos.

En esta ocasión modificaremos Evento de Prueba, para ver que opciones tenemos para configurar dentro de esta, una vez seleccionado “Evento de Prueba”, nos encontraremos con la siguiente ventana

En esta Ventana nos encontraremos con distintos campos, para ser configurados según nuestro evento, las cuales detallaremos a continuación:

Evento Destacado: esta opción siempre debe estar marcada

Evento Home: esta opción siempre debe estar marcada

Bajada: Es el texto debajo del título, una descripción corta del evento

Dirigido a: A quien está enfocado el evento (Alumnos, profesores, exalumnos, etc.)

Fecha: Fecha de inicio del Evento

Fecha Termino: Fecha de Término del Evento

Hora: Hora del Evento

Lugar: Lugar físico donde se realizará el evento

Organizador: Quien está a cargo del evento

Página Web: Si el evento posee un sitio web propio 

Email: Correo del evento

Teléfono: Teléfono del evento

Valor: Valor del evento, si es Gratuito también indicarlo.

Mapa: Acá se puede seleccionar la dirección exacta en el mapa, como referencia.

En esta sección, podremos crear usuarios para que puedan subir contenido, o administrar el sitio web, según los roles que este tenga

Debemos buscar en el menú lateral de la administración de WordPress, el Menú “Usuarios”, como se ve en la siguiente imagen

En esta oportunidad crearemos un usuario solo con permisos de Editor, tendremos que hacer click en “Añadir nuevo”

Los principales campos que debemos rellenar son:

Nombre de Usuario: es el ID para ingresar posteriormente al sitio web, con la contraseña que le indiquemos más abajo

Correo Electrónico: Correo del usuario donde podrá cambiar su contraseña posteriormente, después de haber entregado la contraseña temporal.

Nombre: Nombre visible en el sitio web, este se puede modificar posteriormente en su perfil

Apellido: Apellido visible en el sitio web, este se puede modificar posteriormente en su perfil.

Contraseña: Acá podemos definir una contraseña, o podemos generar una automáticamente

Enviar aviso al usuario: Si esta seleccionado, se le enviara un correo electrónico al usuario, indicándole que acaba de crear una cuenta en el sitio web, de lo contrario no se le avisara al usuario.

Perfiles de Usuario: Acá podemos definir los distintos tipos de perfiles a los usuarios, normalmente se crea con perfiles de Suscriptor, o Editor si es que necesita subir contenido al sitio, solo se entrega permisos de administrador a los usuarios que harán cambios a nivel código, o se encargaran de la mantención del sitio.

  • • Administrador: Este perfil cuenta con todos los permisos más altos y puede administrar todos los aspectos del sitio. Puede gestionar la instalación de nuevos plugins, moderar comentarios o editar posts propios o de otros usuarios. Este tipo de usuario puede modificar la apariencia del tema, modificarlo instalar uno nuevo. Su acceso al panel es total.
  • • Editor: Los permisos de este tipo de usuario son más limitadas y no permiten administrar plugins o temas. En cambio, sí puede gestionar el contenido de la página creando nuevas categorías o etiquetas y publicando o editando contenido; además de moderar comentarios.
  • • Autor: Este tipo de usuarios puede publicar entradas y editar las que previamente haya creado. Puede elegir entre las categorías y etiquetas existentes, pero no puede dar de alta unas nuevas.
  • • Colaborador: Este perfil de usuario puede crear y editar sus propias entradas, pero depende de un usuario con más permisos para poder publicarlas.
  • • Suscriptor: Los suscriptores pueden iniciar sesión en la web y cambiar su contraseña únicamente. Este tipo de usuarios son suscriptores a tu web y en ocasiones, como campañas de marketing, puedes necesitar crear contenidos privados específicamente para este tipo de usuarios.
  •  

En esta sección aprenderemos a crear paginas dentro de WordPress, que pueden llevar distintos tipos de plantillas, las cuales revisaremos a continuación:

Primero que nada, buscaremos la sección Paginas en el menú lateral de la vista de administrador, como se ve en la siguiente imagen:

En esta oportunidad crearemos una página desde 0, con los diferentes estilos que podemos entregarle, para comenzar debemos dar click en “Añadir Nueva”

Una vez creada la página, nos encontraremos con esta ventana que contiene una plantilla por defecto, en la cual podremos agregar el Titulo, Descripción, pero podemos optar a otras plantillas, como iremos viendo.

Además, poseemos de funciones extras, que son Agregar Acordeón y Agregar Equipo

Y estas se verán reflejadas de la siguiente manera en el sitio web

Podremos revisar las plantillas disponibles para las paginas en “Atributos de la pagina.”

 
Plantilla por defecto: Plantilla por defecto, solo se puede agregar la descripción, un acordeón, equipo, y una imagen destacada en la página.
Autoridades y Equipos: Plantilla para la creación de Equipos departamentales y Profesores.
Home: Plantilla utilizada principalmente para el Home del sitio web.
Plan de Estudios: Plantilla que posee descripción y un sistema de acordeón para diferentes temáticas
Sección: Plantilla multiusos, ya que tiene muchas opciones dentro de este misma, que revisaremos a continuación
 
Tipos de paginas

Existen variados tipos de pagina como se ve en la imagen a continuación

Módulos: Tipo plantilla para hacer más dinámico el sitio web y su interfaz, agregando opciones de testimonios, y contenido web, asociado a diferentes paginas o links.

Mini sitio: Tipo plantilla que simula un mini sitio dentro del mismo sitio, agregando una slider general, menús, y módulos.

Archivo: Tipo plantilla, que muestra el histórico de una categoría, que puede ser noticias, académicos, etc.

Contacto: Tipo plantilla, que sirve solo para agregar formularios de contacto, y solo es mediante un shortcode que entrega Contact Form 7.

 

VideoTutoriales

Read More