1 00:00:00,240 --> 00:00:06,450 En este video vamos a darle un poco de ajustar más bien este menú lateral puedes ver que tienen muchas 2 00:00:06,450 --> 00:00:09,660 opciones unas ni las ocupamos y las que ocupamos no están. 3 00:00:09,660 --> 00:00:13,520 Entonces lo vamos a personalizar lo vamos a personalizar un poco. 4 00:00:13,530 --> 00:00:20,070 Por cierto todo esto el archivo de arranque una vez que acabemos este video va a estar listo para su 5 00:00:20,070 --> 00:00:27,340 descarga en caso de que hayas tenido algún problema eliminando algún componente de admin LTE. 6 00:00:27,750 --> 00:00:31,860 Vas a tener el mismo arranque que yo voy a tener una vez que empecemos 7 00:00:35,500 --> 00:00:40,840 puedes ver que aquí viene una parte superior severísimas navegación por Internet HP que dice ser panel 8 00:00:41,470 --> 00:00:48,850 este trae el nombre de la persona al usuario esa funcionalidad podemos añadir fácilmente entonces me 9 00:00:48,850 --> 00:00:54,420 gusta como se ve entonces aquí por ejemplo vamos a quitar esta parte superior y aquí voy a cambiar por 10 00:00:54,900 --> 00:00:59,210 Juan Pablo De la Torre puedes poner tu nombre. 11 00:00:59,210 --> 00:01:07,440 Recomiendo que pongas tu nombre mejor dicho y podemos eliminar este ULEB y Guardar cambios y recargar 12 00:01:08,370 --> 00:01:15,190 puedes ver como se corta así como que no se ve completo entonces aquí vamos a inspeccionar. 13 00:01:15,350 --> 00:01:21,290 Por ejemplo aquí dice info y aquí se usa ARPANET le podríamos dar una altura de este ARPANET por ejemplo 14 00:01:21,290 --> 00:01:24,650 Joie de unos 30 pixeles y eso lo solucionaría. 15 00:01:24,650 --> 00:01:29,000 Podríamos copiar este y Pelle y llevárnoslo aquí por ejemplo a CSS 16 00:01:32,950 --> 00:01:41,730 y yo recomiendo que creamos una hoja de estilos de nosotros por ejemplo admin juntos CSS y equipo nervioso 17 00:01:41,740 --> 00:01:45,960 ARPANET le vamos a poner una altura de 60 pixeles. 18 00:01:45,960 --> 00:01:50,530 Sin embargo tenemos que era exagerar y copiar ese enlace 19 00:01:55,710 --> 00:02:02,160 admin .12 y ya puedo guardar cambios y recargar y se va a ver de esta forma. 20 00:02:02,190 --> 00:02:08,240 Sin embargo puedes ver que como que no se ve centrado no es porque aquí este info tiene un Leff imposición 21 00:02:08,570 --> 00:02:09,930 absoluta se lo podemos quitar 22 00:02:15,030 --> 00:02:26,240 copiamos este selector de una vez y lo voy a pegar aquí posición relativa y les apto para reiniciar 23 00:02:26,240 --> 00:02:35,930 esos valores y ya se ve y dice Juan Pablo la torre y lo viene online que es Onlae no sé cuál es el sentido 24 00:02:35,930 --> 00:02:41,570 de que esté es obviamente obvio que tenemos que estar online para estar en esta área pero bueno supongo 25 00:02:41,570 --> 00:02:49,430 que es una parte decorativa que le dan a al Freiburg lo bien esta opción de buscar aquí vamos a cambiar 26 00:02:49,430 --> 00:02:50,990 el Pleiss folder por buscar. 27 00:02:50,990 --> 00:02:57,020 Vamos a permitir vamos a crear un poco más adelante un pequeño buscador muy sencillo para mostrarte 28 00:02:57,020 --> 00:03:04,620 cómo realizar búsquedas con maicito el seamos un poco más de scroll aquí viene Main Navigation y yo 29 00:03:04,630 --> 00:03:14,330 quiero cambiar ese por menú de administración se va un poco más importante esta área para nuestro cliente 30 00:03:14,750 --> 00:03:16,790 XD menuda administración. 31 00:03:16,790 --> 00:03:24,770 De nuevo si quieres cambiar el color no se ve casi no inspeccionamos de aquí viene la Eiger entonces 32 00:03:24,770 --> 00:03:29,330 puedo copiar este selector puedes ver que está usando el skin Blue en caso de que haya superado otro 33 00:03:29,330 --> 00:03:31,390 color para hacer un skin distinto. 34 00:03:32,560 --> 00:03:36,260 Y el color guay para que sea en color blanco. 35 00:03:40,830 --> 00:03:43,750 Y puedes ver aquí a diseminó deadministración. 36 00:03:43,760 --> 00:03:51,240 Ahora sí vamos a ir con cada uno de los enlaces puedes ver que aquí tenemos un Dashboard El dashboard 37 00:03:53,900 --> 00:03:54,920 quien da asco. 38 00:03:54,950 --> 00:03:57,220 Esto es lo que vendría siendo el dashboard. 39 00:03:57,650 --> 00:04:05,100 Vamos a crear un dashboard tal vez no con los mapas de estos ni nada estas estadísticas pero si vamos 40 00:04:05,100 --> 00:04:10,740 a crear un dashboard que nos va a decir cuántos usuarios se han registrado si recuerdas les dábamos 41 00:04:10,740 --> 00:04:16,290 un regalo a cada uno de ellos y de esa forma sabremos cuántas plumas hay que hacer cuántas camisas cuantas 42 00:04:17,560 --> 00:04:22,870 pulseras tenemos que hacer para nuestro evento todo eso lo estaremos creando en nuestro Dashboard. 43 00:04:22,870 --> 00:04:26,090 Sin embargo este Dashboard versión 2 lo voy a quitar. 44 00:04:26,240 --> 00:04:33,670 Aquí dejo Dashboard nada más guardar cambios y recargamos y cuando técnica Kin Dashboard se abre el 45 00:04:33,670 --> 00:04:34,540 dashboard bajo 46 00:04:39,160 --> 00:04:46,260 es decir enabling delete la parte de arriba es como el padre y a la hora de dar clic muestra los links 47 00:04:46,260 --> 00:04:47,740 internos. 48 00:04:47,740 --> 00:04:52,660 Entonces vamos a tener password dos veces pero el que tiene el enlace es el de abajo el que tiene el 49 00:04:52,660 --> 00:04:52,980 hijo 50 00:04:57,750 --> 00:05:01,710 entonces seguimos y el siguiente ese no es el layout options. 51 00:05:01,710 --> 00:05:06,090 En ese caso por ejemplo me costaría comenzar a crear nuestras opciones. 52 00:05:06,090 --> 00:05:13,650 En mi caso voy a agregar ahí los eventos cambiemos este Layout options que está en una Spahn por eventos 53 00:05:14,280 --> 00:05:16,010 guardo cambios y recargamos 54 00:05:18,880 --> 00:05:24,870 y puedes ver que dice eventos y estas como dos hojas mas o menos creo que le dan parecido a lo que uno 55 00:05:24,870 --> 00:05:32,910 podría esperar por eventos la otra es que podríamos cambiar ese icono ese icono viene por parte de fondo. 56 00:05:33,350 --> 00:05:38,870 Por ejemplo hay algo más que quiero que veamos y es por ejemplo que tiene un 4 es como una notificación 57 00:05:40,680 --> 00:05:46,870 en nuestro caso creo que no nos hace falta entonces podemos eliminarla y lo que cambia ese icono estas 58 00:05:46,870 --> 00:05:57,130 dos hojas es este Kiseki fails y lo dice Jon cero si nunca has trabajado con pozo es una librería que 59 00:05:57,130 --> 00:06:02,140 tienes 675 iconos tiene dos cosas buenas la primera es que es gratis. 60 00:06:02,140 --> 00:06:08,410 La segunda es que la actualizan todo el tiempo agregando y con los nuevos por ejemplo puedes buscar 61 00:06:08,410 --> 00:06:14,860 aquí un calendario aquí Calendar y nos van a salir varios calendarios. 62 00:06:14,860 --> 00:06:20,260 Por ejemplo podría dar click en éste y este me va a dar la clase se llama FHA Calendar puedo copiar 63 00:06:20,260 --> 00:06:30,270 ese código y ponerlo aquí y guardar cambios y abrir de nuevo mi admin LT va a eventos y hacer un calendario 64 00:06:30,270 --> 00:06:30,950 distinto. 65 00:06:32,860 --> 00:06:33,730 Puedo dar click aquí. 66 00:06:33,730 --> 00:06:38,070 Estos son los otros enlaces entonces esos son los que están aquí abajo 67 00:06:46,430 --> 00:06:52,880 y lo que estaremos haciendo es que todas las funciones de la admin LTE por ejemplo eventos van a tener 68 00:06:52,880 --> 00:07:01,590 las cuatro operaciones importantes listar los eventos crear eventos eliminar eventos y actualizar eventos 69 00:07:02,570 --> 00:07:10,800 sin embargo en los menús nada más vamos a tener dos vamos a tener un enlace para ver todos y vamos a 70 00:07:10,800 --> 00:07:18,580 tener un segundo enlace para agregar un evento cuando tengamos nuestro ver todos lo que vamos a hacer 71 00:07:18,580 --> 00:07:25,720 es agregar dos botones uno que diga editar y uno que diga eliminar entonces estos dos nos vamos a eliminar 72 00:07:29,910 --> 00:07:37,870 y recargamos de nuevo damos clic en eventos y puedes ver todos y agregar también esto si costarme nuestros 73 00:07:37,870 --> 00:07:47,010 círculos entonces podremos volver aquí y aquí vamos a darle vlogs y nos va a salir esta cruz podemos 74 00:07:47,020 --> 00:07:51,640 dar click aquí o también con un círculo cualquiera de las dos también basta con un cuadro 75 00:07:57,530 --> 00:08:04,820 que me gusta más está con el círculo entonces podemos copiar este código a copiar todo de ahí y lo reemplazo 76 00:08:04,820 --> 00:08:05,180 aquí. 77 00:08:06,550 --> 00:08:14,790 Agregar y guardar cambios y recargamos y clic en eventos y agregar y tiene el signo además 78 00:08:18,190 --> 00:08:27,770 y ver todos vamos a buscar uno que diga como una lista listo y aquí aparecen unas listas puedes elegir 79 00:08:27,770 --> 00:08:29,730 la que más te guste y cualquiera estará bien. 80 00:08:30,190 --> 00:08:35,970 Vamos a poner este y copio y pego me lo llevo para mi administrador y lo pago aquí. 81 00:08:39,040 --> 00:08:39,820 Recargamos 82 00:08:43,790 --> 00:08:48,850 y ahora viene eventos y ver todos o agregar los enlaces los extremos siendo un poco más adelante de 83 00:08:48,850 --> 00:08:58,070 momento vamos con signo de gato igual el de arriba el del Dashboard y también para que les demos click 84 00:08:58,070 --> 00:09:00,050 no hagan nada de momento. 85 00:09:00,080 --> 00:09:04,800 Bueno aquí hemos vuelto a recargar no haga nada 86 00:09:09,190 --> 00:09:14,980 cada uno de nuestros eventos tiene una categoría tenemos WhatsApp tenemos conferencias y tenemos seminarios 87 00:09:15,510 --> 00:09:20,950 ese va a ser nuestro siguiente elemento nos criticará quien diga quién widgets podéis ver que este nos 88 00:09:20,950 --> 00:09:28,900 lleva directo entonces lo que vamos a hacer es copiar todo esto y reemplazar este de Wellens y pegarlo 89 00:09:28,900 --> 00:09:38,760 aquí aquí le vamos a poner por ejemplo categoría Eventos y podemos añadir alguno nuevo en caso de que 90 00:09:38,760 --> 00:09:45,840 nuestro cliente quiera agregar uno nuevo en una nueva categoría y recuerda eso alimenta esta esta otra 91 00:09:45,840 --> 00:09:52,280 sección entonces podemos guardar cambios y recargar y aquí va a decir categoría de eventos pero puedes 92 00:09:52,280 --> 00:09:59,180 ver que sale el calendario entonces hay más de 600 iconos que puedes usar aquí y vamos a buscar por 93 00:09:59,180 --> 00:10:14,610 ejemplo un y varios a usar este creo que puede ser un buen icono para categorías lo ponemos aquí y recargamos 94 00:10:14,690 --> 00:10:19,230 y en categorías con un libro damos clic ver todos y agregar esos se mantienen 95 00:10:23,700 --> 00:10:29,310 siguientes la lista de invitados podemos copiar este también y creo que por ejemplo podemos eliminar 96 00:10:29,310 --> 00:10:35,780 todos los que quedan abajo donde dice Information todo este trabajo. 97 00:10:35,890 --> 00:10:43,220 Entonces sólo eliminamos ya no nos vamos a ocupar por pegar de nuevo puede ser un poco de espacio entre 98 00:10:43,220 --> 00:10:47,240 cada uno por ejemplo este se va a llamar a invitados 99 00:10:49,890 --> 00:10:55,580 y los invitados son más que nada los ponentes de la conferencia quienes van a estar dando las conferencias 100 00:10:55,610 --> 00:10:57,100 los workshops etcétera. 101 00:10:57,400 --> 00:10:59,810 Todos van a estar aquí invitados. 102 00:10:59,820 --> 00:11:09,380 De nuevo podemos cambiar el icono existe uno que se llama user y es un icono como un usuario entonces 103 00:11:09,880 --> 00:11:18,830 podemos poner cualquiera de los que tenemos hay varios podemos dar clic en éste y copiarlo y pegarlo 104 00:11:18,830 --> 00:11:19,220 aquí. 105 00:11:21,030 --> 00:11:22,830 De ahí que otra copia copy pego 106 00:11:30,910 --> 00:11:32,210 y guardo cambios 107 00:11:34,910 --> 00:11:35,960 y recargamos 108 00:11:40,480 --> 00:11:46,730 y que aparecen los invitados el siguiente son los registrados todas las personas que se hayan registrado 109 00:11:46,750 --> 00:11:54,630 el evento van a estar en esta tabla y vamos a poder verlos guardamos y recargamos ahora si viene registraros 110 00:11:54,660 --> 00:12:04,800 en vez de tener el mismo icono igual o podemos cambiar por otro que vi que me gustó este que está aquí 111 00:12:04,800 --> 00:12:09,350 este Address Book o puede ser este address Scar y también lo podemos copiar 112 00:12:12,210 --> 00:12:17,640 y pegarlo aquí son los usuarios registrados al evento los que ya pagaron los que ya agregaron sus conferencias 113 00:12:17,640 --> 00:12:27,200 o talleres y de esa forma podemos ver que regalos también han comprado viene ver todos y agregar en 114 00:12:27,200 --> 00:12:34,430 caso de que queramos agregar algún registrado manualmente también lo podemos hacer copiamos y pegamos 115 00:12:37,570 --> 00:12:43,570 luego vienen los administradores en caso de que quieras añadir más personas que quieran tener acceso 116 00:12:43,570 --> 00:12:47,530 a esta sección lo vas a poder hacer por medio de administradores 117 00:12:52,450 --> 00:12:57,390 y nos vamos a buscar por user y vamos a copiar esto que aquí 118 00:13:01,770 --> 00:13:02,840 y lo pegamos aquí 119 00:13:06,500 --> 00:13:12,920 y tenemos nuestros administradores también vamos a crear uno que diga testimoniales 120 00:13:16,640 --> 00:13:20,350 es decir personas que han asistido anteriormente a la conferencia. 121 00:13:20,660 --> 00:13:25,640 Estaremos gritándoles un formulario para que puedan enviar su testimonial que es lo que se verá en el 122 00:13:25,640 --> 00:13:26,960 frontón. 123 00:13:27,000 --> 00:13:31,480 Si vamos hacia atrás hay uno que se llama comence 124 00:13:34,280 --> 00:13:40,490 y es este que está aquí puedes ver que hay iconos para todo en un fondo a lo sumo es la badana. 125 00:13:41,210 --> 00:13:47,000 Si nunca has trabajado con él es una librería que tiene muchos iconos muy muy padres y puedes ver que 126 00:13:47,000 --> 00:13:54,320 hay de todo tipo así tenemos ya nuestro administrador Dashboard eventos categorías Eventos invitados 127 00:13:55,040 --> 00:14:03,360 registrados administradores y testimoniales y con eso tenemos nuestro menú listo lo que vamos a empezar 128 00:14:03,360 --> 00:14:10,260 a trabajar es con la parte de administradores estaremos viendo todas las funciones para crear passwords 129 00:14:10,260 --> 00:14:12,030 seguros con PHP. 130 00:14:12,030 --> 00:14:15,240 Así que en el siguiente vídeo comenzamos con administradores.