#3 Creando nuestro index.html con Bootstrap 4 – Cómo hacer temas para WordPress




Curso Bootstrap 4 [UDEMY] curso-bootstrap-4-udemy.bluuweb.cl
Curso Vue.js + Firebase [UDEMY] curso-vue-js-udemy.bluuweb.cl
ya vimos como instalar WordPress en nuestro computador, ahora es el momento de comenzar a desarrollar nuestro diseño web en HTML, como habíamos mencionado vamos a utilizar Bootstrap para este procedimiento, pero antes de comenzar quiero hacer una introducción a lo que vamos a desarrollar.

Primero vamos a descargar Bootstrap y realizaremos la pestaña de inicio la cual le colocaremos index.html

Voy a trabajar sumamente rápido en el desarrollo de nuestro tema estático, cuando digo tema estático me refiero a un diseño web en HTML y cuando hablo de temas dinámicos me refiero a WordPress. ojo con esa información.

Nuestro index.html tendrá el siguiente diseño.

En la parte superior tendremos un menú de navegación, luego un formulario para suscribirse, 6 entradas que corresponderán a los artículos en WordPress y finalmente un footer con texto.

Después desarrollaremos dos páginas más correspondientes a single.html, la cual será la página de aterrizaje de cada uno de los artículos y también un page.html, la cual será la página de aterrizaje para las pestañas del menú.

hasta acá todo será estático y escrito con HTML y Bootstrap 4.
Cuando queramos pasar este diseño a WordPress, vamos a utilizar los mismos archivos, pero los vamos a ir ordenando y llamando de diferente forma.

Por ejemplo, tomaremos el index.html y lo pasaremos a una hoja llamada index.php y este a su vez lo dividiremos en varios archivos, tomaremos primero el header, luego el contenido (que serían nuestras entradas) y finalmente el footer.

Esto es a grandes rasgos y es para que te vayas haciendo una idea, no te compliques hasta acá ya que no hemos hecho nada, solo un poco de teoría para que podamos comprender mejor cómo funcionan los temas en WordPress.

Es importante hacer un tema básico en WordPress para adquirir los nuevos conocimientos, después haremos temas más complejos e iremos aprendiendo nuevas características.

Otra cosa es que WordPress es como un universo así que al finalizar el curso serás tú el encargado de seguir nutriéndote de nuevos conocimientos.

Para esto te dejaré la documentación oficial de WordPress, la cual iremos utilizando en el resto de los videos.

uff… nada complicado hasta acá verdad… bueno… vamos a construir nuestro sitio index.html!

Documentación de WordPress:
Descargar Bootstrap 4:
Descargar Web Estática: (próximamente)

No olvides suscribirte a este hermoso canal y destruirme en los comentarios 🙂

También puedes seguirme en Facebook:

Finalmente visita mi sitio web:

Música:


Fuente – Source

#3 Creando nuestro index.html con Bootstrap 4 – Cómo hacer temas para WordPress

Necesitas ayuda con wp? Entonces WPVideo es tu sitio.
Encuentra lo que buscas entre cientos de miles de videos y experiencias personales de otros usuarios. Todos los que empezamos con wp deberíamos tener acceso a esta web, ojalá yo hubiera tenido algo así cuando empecé mi camino como webmaster 🙂
Pero ahora quiero y puedo poner esta web a vuestra disposición.
Disfrutadla 😉

Need help with wp? Then WPVideo is your site.
Find what you are looking for among hundreds of thousands of videos and personal experiences of other users. All of us who started with wp should have access to this website, I wish I had something like that when I started my journey as webmaster 🙂
But now I want and I can put this website at your disposal.
Enjoy it 😉

https://www.wpvideo.eu

Publicado en Cursos (Courses), Temas (Themes), Wordpress y etiquetado , , , , , , .

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *