desarrollo de plantilla desde cero con Bootstrap  

 
Cesar Mauricio
 Cesar Mauricio
Estimable Member

Buenos Dias: quisiera poner este tema en el foro más a manera de información, resulta que me ha surgido la necesidad de realizar proyectos a medida, es decir que en cuanto a la parte de diseño, no se encuentra un template igual o parecido para poder modificarlo..la pregunta mia es: es Bootstrap una buena opción para lograr esto??...o es mejor utilizar una herramienta gráfica como fireworks de adobe junto con dream weaber, para realizar proyectos a medida o plantillas propias??...quisiera un poco de orientación con el fin de tener un panorama mas claro...gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/08/2014 4:34 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola Cesar

Personalmente te recomendaría un framewok para plantillas que ya incluya bootstrap, evidentemente entre otras cosas que podrían facilitar la personalización por parte del usuario, puedes evaluar por ejemplo :

http://gantry-framework.org
http://t3-framework.org

Ambos son gratuitos

El framework lo que te facilitará es que tiene posiciones creadas, una plantilla base, opcones de personalización y un marco de clases para trabajar

Otra opción es que no quieras mucha personalización y no te interese mucho una plantilla base , ademá que tengas tiempo y quieras aprender, en tal caso si que puedes usar bootstrap solamente

En resumen para hacer una plantilla:

Nivel 2 - framework + html + javascript + PHP + css
Nivel 1 - Bootstrap + html + javascript + PHP + css
Nivel 0 - html + javascript + PHP + css

Mientra más bajo el nivel tendrás que codificar más código

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/08/2014 8:01 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Cesar Mauricio
 Cesar Mauricio
Estimable Member

Muchas gracias jhon, la cuestion es que la idea es que quiero aprender, ya que me han llegado clientes como te digo que necesitan diseños a medida y pues en realidad siempre he trabajado sobre plantillas de pago para luego modificarlas, pero ante esta cuestión me suege la idea y la necesidad de hacer plantilla propias lo cual me gustaria hacer...y evidentemente surgen varias dudas...perdon la ignorancia, es decir bootstrap luego no es un framework? o tal vez te entendi mal...y quisiera saber, en cuanto a diseño gráfico utilizar estas herramientas tiene buen alcance, es decir, se puede diseñar lo que sea? ejemplo: menus personalizados, pero no como los tradicionales que encuentras sino algo muy específico que el cliente te exija (que los botones tengan la forma del logotipo de la empresa y que funcionen como menu etc...?) o utilizar estas herramientas tiene sus limitaciones... agradezco los comentarios y la ayuda que siempre me prestan...

ResponderCitar
Respondido : 14/08/2014 8:59 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Soporte CMS Webempresa Moderator

Hola Cesar

Bottstrap es un framework front-end , es decir a un nivel de interfaz de usuario, no tiene PHP, sólo html CSS y javascript, a diferencia de los frameworks para hacer plantillas Joomla que incluyen PHP, Xml, html, etc.

Entiendase por framework un conjunto de archivos con funcionalidad base que te facilitarán el trabajo (marco de desarrollo)

Luego con respecto a tu consulta, si quieres algo muy particular incluso tendría que modficiar bootstrapt ya que como verás bootstrap tiene cosas predefinidas en menús, botones, etc.

Lo usual y lo que se suele hacer cuando se diseña un nuevo sitio web es trabajar el diseño en photoshop o illustrator y luego ir pasando este diseño a html y finalmente a una plantilla.

Lo que diseñes en photoshop es posible pasarlo a html y posteriormente a una plantilla, evidentemente esto dependerá del nivel de experiencia que tengas y de que tan complicado es tu diseño. Ten en cuenta que photoshop o illustrator sólo te servirán de guia para el diseño, el diseño lo volverás ha hacer a través de código en html (existen generadores pero no son confiables al menos por ahora)

Otra opción es el diseño en navegador, especialmente trabajando en sitios responsive, pero igual tendrías que tener una base de dieño en photoshop para diferentes versiones de tu web de acuerdo a la resolución

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/08/2014 10:54 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Cesar Mauricio
 Cesar Mauricio
Estimable Member

Bien, voy entendiendo, pensaría que si el diseño de la plantilla es muy fuera de lo usual, denbo utilizar el metodo de enmaquetar el diseño para luego convertirlo en html, podria ser con dream weaver, o existe algun otro programa que lea mejor el codigo html...ahora bien, creo en mi humilde opinion que el fireworks es mejor para dicho fin en comparación con photoshop e illustrator, ya que el fireworks fue creado para este fin, pero se que la mayoría utiliza el photoshop o ilustrator, ya que son más comunes o populares...en conclusión se debe saber de los dos metodos, y aplicarlos deacuerdo al caso o a la necesidad....existe algun tutorial de como un diseño html en una plantilla para joomla 3? que me puedan recomendar...

ResponderCitar
Respondido : 14/08/2014 11:55 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Cesar,

Tal como bien indicó Jhon, yo soy de la misma opinión, para construir un sitio desde cero pero teniendo una base de partida previa "estable" y estructurada y que sea responsive, lo mejor es trabajar con un framework, por tiempo y por resultados.

http://gantry-framework.org/

Frameworks como Gantry dan muy buenos resultados, tiene sun kit para empezar de cero y los resultados son excelentes, sino mira las plantillas que hemos creado en Webempresa en base al framework Gantry.

https://www.webempresa.com/plantillasdemo/joomla/

De cuando en cuando publicamos tutoriales sobre determinados usos o mejoras en Gantry, como gestión de estiloss CSS por ejemplo, etc.

- https://www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/08/2014 12:13 am

Cursos Gratuitos WordPress

Cesar Mauricio
 Cesar Mauricio
Estimable Member

Muchas gracias a luis y a jhon, con esta orientación que me han dado ya empezaré a documentarme mejor y a poner en practica...muy buenos los diseños de webempresa con gantry...me ha servido de mucha ayuda como siempre..muchas gracias..doy por cerrado el tema...

ResponderCitar
Respondido : 15/08/2014 12:37 am

Por favor Iniciar Sesión o Registro