Вы находитесь на странице: 1из 30

MANUAL DEL USUARIO WORDPRESS

Ingeniería Civil

MANUAL PARA EL INGRESO Y EL MANEJO DEL


MODO ADMINISTRADOR DE LA PAGINA WEB
DEL CAPITULO ESTUDIANTIL AMERICAN
CONCRETE INSTITUTE UPC (ACI UPC)

FACULTAD DE INGENIERIA CIVIL

CARRERA DE INGENIERIA CIVIL

CICLO 2018 – 02

ACI UPC

REALIZADO POR: Joffrey Itamar Valdivia Farromeque


REVISADO POR: Ing. Kurt Walter Soncco Sinchi

P á g i n a 1 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
CONTENIDO

CREACION DE PÁGINAS Y ENTRADAS. ......................................................................................... 3

- INGRESO ............................................................................................................................ 3

- CREACIÓN DE LA PAGINA DEL EVENTO............................................................................ 4

- PRESENTACIÓN DE EVENTO ............................................................................................. 5

- CONTEO REGRESIVO ......................................................................................................... 7

- PONENTES ......................................................................................................................... 8

- CRONOGRAMA DE ACTIVIDADES ..................................................................................... 9

- CERTIFICADOS ................................................................................................................. 10

- AUSPICIADORES .............................................................................................................. 13

- MAPA .............................................................................................................................. 14

- DATOS GENERALES DEL EVENTO .................................................................................... 16

AGREGAR PONENTES AL BANCO DE DATOS. ............................................................................. 17

AGREGAR ACTIVIDADES AL CRONOGRAMA DE ACTIVIDADES. ................................................ 21

AGREGAR IMÁGENES AL BANCO DE DATOS DE LA WEB ........................................................... 26

RECOLECCIÓN DE DATOS DE LOS INSCRITOS A LOS EVENTOS .................................................. 29

P á g i n a 2 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
CREACION DE PÁGINAS Y ENTRADAS.

- INGRESO
1. Como primer paso se ingresará al modo ADMIN de la página web
del capítulo estudiantil (http://www.aciupc.org/wp-admin/post.php).

2. Una vez ahí ingresar el “username” o “email address” y contraseña


proporcionada por el capítulo.

3. Una vez dentro del modo administrador se tendrá que dar click
siguiente elemento (  ) ubicado en la parte superior izquierda, este
abrirá la barra de elementos de edición de la página.

4. En el elemento Páginas se podrán crear las hojas de entradas de la


web, seleccionamos: Páginas  Agregar nueva.

P á g i n a 3 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
- CREACIÓN DE LA PAGINA DEL EVENTO

5. En la nueva página se registrará el nombre ingresando un título y se


procederá a editar la página mediante la opción de BACKEND
EDITOR.

6. Dentro de la ventana de PAGE ATRIBUTTES colocar las siguientes


opciones:

Para el caso de una página de eventos utilizar la plantilla (HOME –


ONE PAGE) el cual ayudara a dar una mejor visión y presencia de
la página del evento.

7. Dentro del modo de edición BACKEND se encontrarán las diversas


opciones de diseño que se pueden agregar. El botón de:

P á g i n a 4 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
ADD ELEMENT, agregara los diversos botones que nos ofrece la
plantilla (agregar mapas, botones de Likes, enlaces de twitter,
agregar posts deslizables, agregar imágenes, etc)

ADD TEXT BLOCK, se podrá agregar y editar los bloques de texto


donde se agregarán enlaces y descripciones.

- PRESENTACIÓN DE EVENTO

8. Con estas herramientas crearemos un modelo de presentación de


ponencia. Dentro del cuadro de texto se seleccionará el icono del
lápiz del cuadro verde para editar el texto y el formato de este.

P á g i n a 5 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
Si se desease agregar enlaces se tendrá que escribir el texto donde
se realizara el enlace y seleccionar el icono de las cadenas → copiar
el link del enlace en el cuadro en blanco y dar enter, cuando se tenga
listo el texto se salvarán los cambios manualmente.

9. Para agregar una imagen de fondo en el cuadro de texto se dará


click a lápiz del cuadro gris → DESIGN OPTIONS → click en la cruz
verde (agregar archivos). Una vez se de click, aparece la ventana
de importación de archivos, en donde se seleccionará la imagen que
se utilizará para el fondo del texto. En la pestaña de GATHER
THEME seleccionar GATHER PAGE SECTION. Es de importancia
que constantemente se esté haciendo una vista al modelo y como
va quedando el diseño mediante la opción de PREVIEW ubicado en
la parte superior derecha.

P á g i n a 6 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
- CONTEO REGRESIVO

10. A continuación, se agregará el conteo regresivo desde el momento


en que se active la página de evento hasta el día del evento. Para
ello daremos click al botón de “+” dentro de la ventana de BAKERY
PAGE BUILDER → agregar el elemento COUNT DOWN → en la
ventana de COUNT DOWN SETTINGS asignar la fecha del evento.

11. Ahora agregaremos un título al elemento ingresado para esto


añadiremos TEXT BLOCK → y seleccionaran las opciones de
formato de texto más convenientes para el diseño de la página →
seleccionar el icono del lápiz para editar el BAKGROUND del
elemento → click en DESING OPTIONS → y seleccionar el color
del fondo.

P á g i n a 7 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

- PONENTES

12. Al igual que con la cuenta regresiva agregamos una nueva ventana
de elementos para añadir las fotografías de los ponentes del
evento. Click al botón de “+” dentro de la ventana de BAKERY
PAGE BUILDER → agregar el elemento SPEAKER SLIDER. Para
poder agregar nuevos ponentes al banco de datos de la página
visitar la página 17.

13. En la ventana de SPEAKER SLIDER SETTINGS colocar en el


primer elemento (COUNT) y en el octavo elemento (SLIDES TO
SHOW) la cantidad de ponentes que aparecerán en el SLIDE,
segundo elemento (ORDEN) el orden de los elementos, en el tercer
elemento (OR ENTER SPEAKERS IDs) agregar los códigos de
cada ponente que se presentara en el evento.

P á g i n a 8 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

14. Al igual que en los elementos del conteo regresivo añadimos un


TEXT BLOCK para agregar el título de la pestaña de “Ponentes”
con los mismos ajustes de la viñeta 11.

- CRONOGRAMA DE ACTIVIDADES

15. Ahora añadiremos el elemento GATHER SCHEDULES al igual


que hicimos en los elementos 10 y 12. Buscaremos el
elemento GATHER SCHEDULES. Para poder agregar nuevas
actividades del evento al banco de datos de la página visitar la
página 21.

16. Al igual que se hico en la pestaña de ponentes se agregarán los


códigos (IDs) de las actividades del evento en la barra de ENTER
SCHEDULES IDs (inscripción, apertura del evento, ponencias,etc)

P á g i n a 9 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
- CERTIFICADOS

17. Agregamos un nuevo TEXT BLOCK para agregar el título de la


pestaña de “Certificados” con los mismos ajustes de la viñeta 11 y
se agregara un bloque de texto más para especificar la opción de
obtener el certificado mediante el pago según la categoría.

18. Según las categorías de ingresantes a la conferencia se


registrarán 3 tipos de asistentes y los paquetes que incluyen cada
registro: Inscripciones Generales (sin certificados), Alumnos UPC
(con certificados) y Alumnos Externos (con certificados).

19. Ahora para poder observar los tipos de inscripciones en una


misma barra de elementos se usarán las siguientes herramientas.

P á g i n a 10 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

20. Se crearán automáticamente 2 cuadros de texto más en la misma


línea horizontal a los cuales arrastraremos lo ya creados
(verticales).

21. Una vez creadas las columnas de cuadros independientes se


editarán para resaltar cada una de ellas de la siguiente manera.
Click en el botón de edición de cuadro (lápiz) → Se abrirá la
ventana de COLUMN SETTINGS y se dirigirán a la pestaña de
RESPONSIVE OPTIONS en donde se detallarán características de
la columna de la siguiente forma.

22. En la barra de WIDTH (ancho) se colocará la medida de 12


COLUMNS – 1/1 → en la barra de RESPONSIVENESS
(sensibilidad) se seleccionará la medida de 4 COLUMNS – 1/3

P á g i n a 11 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

23. Una vez editados las dimensiones de las columnas editaremos el


formato del texto y del cuadro de texto, para esto se dirigirá a la
pestaña de edición (lápiz verde) → una vez ahí seleccionamos la
palabra INSCRÍBETE para designarle el enlace de inscripción →
después de enlazados los link para el registro se dirigirá a la
pestaña de TEXTO para agregar los comandos siguientes: <div
class="pricing-item wow zoomIn" data-wow-duration="2s">,
por encima de la programación ya establecida y se agrega el
comando: </div> , al final de la programación. Para la creación de
enlaces de inscripción visitar la página 22.

P á g i n a 12 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

Después de agregados los comandos descritos se guardan los


cambios (SAVE CHANGES) y se repite el proceso en las
siguientes tablas (Alumnos UPC y Alumnos Externos).

- AUSPICIADORES

24. Al igual que en los elementos del conteo regresivo añadimos un


TEXT BLOCK para agregar el título de la pestaña de
“Auspiciadores” con los mismos ajustes de la viñeta 11 y
agregaremos un cuadro de texto más para la descripción → se
agregará una nueva ventana con elemento de OUR SPONSORS.

P á g i n a 13 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

25. Automáticamente aparecerá la ventana de ajustes (OUR


SPONSOR SETTINGS) en donde se colocarán las imágenes de
los logotipos de cada sponsor, los enlaces separados por comas y
la cantidad de estos.

- MAPA

26. No olvidarse GUARDAR BORRADOR en cada cambio importante,


botón ubicado en la parte superior derecha. Una vez guardados los
cambios generales de la página se procederá a crear el bloque de
mapa donde se enlazará la ubicación del evento → agregamos
elemento → buscamos el elemento de GOOGLE MAPS → en una
ventana de nuestro explorador de internet (GoogleChrome de
preferencia) abrimos Google maps para ubicar el lugar del evento
y enlazarlo a la web.

P á g i n a 14 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

27. En la web de Google Maps buscamos la locación → compartimos


a ubicación → Seleccionamos la pestaña de incorporar mapa y
copiamos el link → una vez copiado nos dirigimos a la a la ventana
de GOOGLE MAPS SETTINGS que se abrió cuando agregamos el
elemento de mapas y pegamos el enlace en la barra de MAP
EMBED IFRAME → guardamos los cambios.

P á g i n a 15 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
- DATOS GENERALES DEL EVENTO

28. Terminado el elemento de mapas creamos los cuadros de


“Contacto” y “Dirección” del evento usando TEXT BLOCK con la
excepción de que cambiaremos al tamaño de dos columnas.
Añadiremos los datos correspondientes a cada punto (DIRECCIÓN
Y CONTACTO).

29. Creamos un TEXT BLOCK más para agregar la barra de mensajes


directos en donde los interesados escribirán sus opiniones o quejas
acerca del evento o el registro → Se añadirá el elemento de
CONTACT FORM 7 para añadir el formulario de mensajes. Para
esto debimos haber creado el formulario en la pestaña de
CONTACT FORM ver pagina 22 (en este caso solo se tomará
en cuenta el formulario ya registrado como DUDAS 2DA
CONFERNECIA sin realizar modificaciones).

P á g i n a 16 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

30. Creamos un TEXT BLOCK más para agregar la galería de fotos de


eventos pasados → Se añadirá el elemento de GATH GALLERY
→ en la ventana de GATH GALLERY SETTINGS añadimos las
fotos → modificamos el orden a MODIFICADO y el efecto de
animación a FADEOUT → guardamos cambios. Para categorizar
las fotos que aparecerán en la página del evento ver la página
26.

31. Por último, creamos otro TEXT BLOCK para incentivar al público
la inscripción en el evento, además de agregar botón de inscripción
para las diferentes categorías.

P á g i n a 17 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
AGREGAR PONENTES AL BANCO DE DATOS.
1. Primero nos dirigiremos al menú de SPEAKERS → ADD NEW
SPEAKER.

2. Lo primero que se hará es designar el nombre del ponente que se


presentará en la conferencia, anteponiendo a su nombre la
nomenclatura de cargo (Mg., Ing., Lic., etc.) → Se dirigirá al botón
de SET FEATURED IMAGE, para asignar la fotografía del
ponente.

P á g i n a 18 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

3. Se abrirá a ventana de FEATURED IMAGE en la cual podremos


seleccionar la imagen ó subir una fotografía de ponente, se
recomienda que la imagen sea en la máxima calidad posible y que
este dentro de las siguientes dimensiones 130 x 130 (escala). Para
esto se puede utilizar el botón de EDIT IMAGE una vez subida la
fotografía o en algún programa de edición.

4. Ahora pasaremos a editar toda la información del ponente para


ellos copiaremos el siguiente código fuente:

[vc_row][vc_column offset="vc_col-md-3] <img class="alignnone wp-


image-2474 size-thumbnail" src="http://aciupc.org/wp-
content/uploads/2016/01/Diego-Taboada-150x150.png" alt=""
width="150" height="150" /> [vc_column_text]

Copiaremos el código en la pestaña de VISUAL y borraremos el


código subrayado de color amarillo, en su lugar se colocará la URL
de la imagen ó fotografía subida con anterioridad mediante el botón
AGREGAR MULTIMEDIA.

P á g i n a 19 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

Luego se proseguirá con el código:

<h3>”NOMBRE DEL PONENTE”</h3>

[/vc_column_text][/vc_column][vc_column offset="vc_col-md-
9"][vc_column_text]

<h2>Biografía</h2>
<ul>
<li>”DATO IMPORTANTE 1”</li>
<li>”DATO IMPORTANTE 2”</li>
<li>”DATO IMPORTANTE 3”</li>
</ul>
[/vc_column_text][vc_column_text]
[/vc_column_text][cth_schedules][vc_column_text]
[/vc_column_text][/vc_column][/vc_row]

Una vez copiado se pegará en la pestaña de TEXTO y se editará el


texto resaltado de amarillo, como el nombre del ponente y se
colocaran tantos datos importantes del ponente sean necesarios →
guardamos borrador y luego le damos click en publicar.
P á g i n a 20 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
AGREGAR ACTIVIDADES AL CRONOGRAMA DE
ACTIVIDADES.
1. Primero nos dirigiremos al menú de EVENT SCHEDULES → ADD
NEW SCHEDULE.

2. Lo primero que se hará es designar el nombre al evento que se


presentará en la conferencia → Se dirigirá a la pestaña de
SCHEDULE CATEGORIES y en ALL SCHEDULE CATEGORIES
marcamos la casilla de EVENTO → guardamos borrador

3. Añadimos la hora del evento y el personal a cargo de este → como


último punto le damos clikc en publicar y listo. Ha de aclarar que si
existe alguna descripción de la actividad colocarla en el espacio de
texto de la actividad.

P á g i n a 21 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
AGREGAR ENLACES DE INSCRIPCIÓN.
1. Primero nos dirigiremos al menú de CONTAC → CONTACT
FORMS. Una vez ahí observaremos que tenemos establecidas 4
formas de registro de datos, de las cuales 3 de ellas son para el
registro de los participantes a las diversas actividades realizadas
por el capítulo (Registro 2da Conferencia: Alumnos UPC, Externos
Generales). Si se desease crear una forma con añadidos por
favor dirigirse a la página XXXX. Como caso contrario solo se
duplicaran las ya registradas con nombres distintos (nombre de
acuerdo al tipo de evento realizado).

2. Seleccionamos una de las forma de inscripción → nos vamos al


botón DUPLICATE y le damos click, automáticamente se generara
una copia de la forma.

P á g i n a 22 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
3. Una vez en la forma copiada, cambiaremos el nombre del elemento
y guardaremos los cambios.

4. Después de tener lista la forma de pasaremos a crear una página


nueva con el nombre del evento y el tipo de inscripción que
contendrá.En la parte media derecha en la barra de PAGE
ATTRIBUTES → SUPERIOR →seleccionaremos al evento el cual
pertenece en nuestro caso como habíamos creado el evento
PRUEBA lo seleccionaremos y guardamos borrador. Tener
siempre en mente guardar borrador con cada cambio realizado
para que en caso se produzca algún error se mantenga los cambios
más actuales.

5. Luego damos click en BACKEND EDITOR y añadiremos el


elemento CONTACT FORM 7 → nos aparecerá la ventana de
CONTACT FORM 7 SETTINGS → en la barra de SELECT
CONTACT FORM seleccionamos nuestra forma creada, salvamos
los cambios, guardamos borrador y publicamos.

P á g i n a 23 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

6. Tras la publicación de la página se generará el enlace de la


inscripción el cual se podrá usar en la inscripción del evento.

P á g i n a 24 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

7. En el caso de PRUEBA que se estaba creado el copiado de las


inscripciones se realizará de la siguiente manera → terminado el
texto de la inscripción editaremos el TEXT BLOCK → en la pestaña
de GENERAL seleccionaremos el texto de “Inscríbete” y daremos
click a la opción de enlaces → aparecerá una mini ventana donde
copiaremos el enlace de la inscripción (ver imagen del paso 6) →
salvamos los cambios y guardamos borrador.

P á g i n a 25 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
AGREGAR IMÁGENES AL BANCO DE DATOS DE LA
WEB
1. Primero nos dirigiremos al menú de GATHER EVENT GALLERIES
→ ADD NEW GALLERY.

2. Apareceremos en la ventana de nueva galería, ahí colocaremos el


nombre de la imagen teniendo en cuenta el siguiente orden:
“EVENTO” PASADA “HORIENTACION” “N° DE IMAGEN”.
Ejemplo: Conferencias Pasadas Horizontal – 9. Posteriormente
colocaremos a categoría (conferencia, reunión de integración,
evaluación, etc.) en la ventana de GALLERY CATEGORIES.y
damos click en UPLOAD IMAGES

P á g i n a 26 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
3. En la nueva ventana seleccionaremos la pestaña de SUBIR
FICHEROS → SELECCIONAR FICHEROS → agregamos las
imágenes que deseamos agregar al banco de fotos

4. Una vez cargada la imagen asignaremos un título y posteriormente


editamos la imagen para poder cambiarle la escala y
consecuentemente el tamaño. Esto servirá para adecuarlo cuando
se requiera mostrar las galerías de imágenes en las páginas de los
eventos.

5. En la ventana de edición de imágenes colocaremos el nombre la


fotografía, luego en la parte de RECORTAR IMAGEN →
RELACION DE ASPECTO → en esa parte colocaremos la siente
relación de imagen 4032 X 2690 (escala ideal para la visualización
de imágenes en las galerias de eventos) → ahora en la imagen
arrastraremos el puntero para que se habilite la opción de recorte,
acomodamos según preferencia y le damos click al botón de
recortar en la parte superior de la imagen → terminado se guardara
la imágenes (botón de la parte inferior de la imagen) → esperamos
que cargue y listo habremos terminado.
P á g i n a 27 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

6. Terminado regresamos a la ventana BIBLIOTECA MULTIMEDIA


→ seleccionamos las fotografías → damos al botón de seleccionar
nos aparecerá la página de inicio y publicamos.

P á g i n a 28 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil
RECOLECCIÓN DE DATOS DE LOS INSCRITOS A LOS
EVENTOS

1. Primero nos dirigiremos al menú de CONTACT → SUBMISSIONS.

2. En la opción de filtros seleccionamos los registros por categorías


para exportarlos a EXCEL en el formato CSV

P á g i n a 29 | 30
MANUAL DEL USUARIO WORDPRESS
Ingeniería Civil

Se debe tomar en cuenta que este manual puede sufrir de cambios y en lo


posible se enviaran las actualizaciones, previo aviso.

Queda prohibido copiar, reproducir, distribuir, publicar, transmitir, difundir,


o en cualquier modo explotar cualquier parte de este servicio sin la
autorización previa por escrito del capítulo estudiantil ACI UPC o de los
titulares correspondientes. Sin embargo, usted podrá bajar material a su
computadora personal para uso exclusivamente personal o educacional y
no comercial limitado a una copia por página. Usted no podrá remover o
alterar de la copia ninguna leyenda de Derechos de Autor o la que
manifieste la autoría del material.

El uso de imágenes, fragmentos de videos y demás material que sea


objeto de protección de los derechos de autor, será exclusivamente para
fines educativos e informativos, y cualquier uso distinto como el lucro,
reproducción, edición o modificación, será perseguido y sancionado por el
respectivo titular de los Derechos de Autor.

© 2016 ACI UPC

P á g i n a 30 | 30

Вам также может понравиться