¿Cómo puedo lograr este tipo de diseño en WordPress?

ramonjosegn · 4 Nov 2011

Me preguntaba si creéis que con wordpress se puede llegar a tener algo similar a esto (sin depender de las posibilidades del theme)

Buy stock with our subscription-based product. Unlimited download available

acepto consejos, me gustaría que mi sitio tuviera un aspecto similar, hay columnas, iconos que se alinean con las columnas, barras separadoras pegadas a las imágenes, etc

me agradaría conseguir algo así, lo veis viable?
con shortcodes?
añadiendo css?

cómo creeis que puedo conseguir eso?

gracias

cocoidal · 4 Nov 2011

Yo no veo nada raro en esa página. Está todo hecho con divs y css, así que es algo relativamente "sencillo" si sabes un poco de programación web.

PD: En wordpress puedes hacer casi todo.

nicasio1988 · 4 Nov 2011

Como dice cocoidal, solo necesitarías mucha maña y Divs, luego le das estilo con css y ya lo abrás conseguido, llevará su tiempo pero te ará aprender todo lo que hay que saber sobre css y divs

ramonjosegn · 4 Nov 2011

mmmm, siempre que meto código css en wordpress hay incompatibilidades con el editor visual y con el css del theme... así que no creo que sea tan sencillo como tratáis de hacer querer ver, si lo fuera muchos temas de themeforest tendrían una estructura similar, y en realidad casi todos son texto corrido hacia abajo...

Canopix · 4 Nov 2011

ramonjosegn dijo:
mmmm, siempre que meto código css en wordpress hay incompatibilidades con el editor visual y con el css del theme... así que no creo que sea tan sencillo como tratáis de hacer querer ver, si lo fuera muchos temas de themeforest tendrían una estructura similar, y en realidad casi todos son texto corrido hacia abajo...

se puede con programacion o un generador de Framework de los cuales hay en Wordpress.. Fijate que hay plugins para crear frames asi.. 🙂

ramonjosegn · 4 Nov 2011

plugins ¿cómo cuales?

esos no los he visto la verdad... ¿me indicas por favor? gracias

krusty72 · 4 Nov 2011

Puff no le ví nada difícil o extraordinario a ese diseño, es demasiado sencillo.

ramonjosegn · 4 Nov 2011

yo veo columnas, alineaciones con valign top, posicionamientos a nivel de pixel... eso no se puede hacer con el editor básico de wordpress...

krusty72 · 4 Nov 2011

ramonjosegn dijo:
yo veo columnas, alineaciones con valign top, posicionamientos a nivel de pixel... eso no se puede hacer con el editor básico de wordpress...

Que quieras un diseño idéntico, no significa que lo tienes que hacer exactamente igual a nivel de código, usa tu imaginación, tu experiencia...

rayden · 4 Nov 2011

Una pregunta.
Olvidando el resto del diseño de esa pagina, solo deseas este específicamente?

Buy stock with our subscription-based product. Unlimited download available

Osea unicamente?

ramonjosegn dijo:
yo veo columnas, alineaciones con valign top, posicionamientos a nivel de pixel... eso no se puede hacer con el editor básico de wordpress...

Estoy casi seguro que las recomendaciones anteriores se le escapo ese detalle que andas buscando resolver, por eso se orientaron en una pagina estática adaptada para wordpress... (espero navegar en tu agua y saber si te refieres a una pagina que puedas gestionar cada area fácilmente sin complicaciones para tu cliente)

Edito(te dejo una idea de como hacerlo facil)
Imaginemos que eres mi cliente:

Tú - Hola pocoyo, me gustaria tener una pagina como esta para mostrar mis productos y vender http://www.colourbox.com/products
Yo - Genial, sabes algo de html y esas cosas?
Tú - Nop.
Yo - Más que genial.

Yo imaginando:
Observando como es la parte dinamica de la web en cuestion puedo decir que se divide en 9 bloques

http://img851.imageshack.us/img851/9628/asi.png

Y como el cliente no sabe nada de html debo crear algo para que no friegue el theme trantando de agregar x cosa.

Que debo hacer?
Crear un panel de administración para gestionar las 9 divisiones.
Listo.

Yo - Bueno ya el trabajo esta listo señor.
Tú - A ver como puedo insertar datos?... Ahhh ya veo que facil se maneja por dentro y sin tener que crear "Post" como los blogs normales... Gracias cuanto te debo?
Yo - Despierto de mi imaginación y veo la realidad... bad poker face O___O!

http://www.colourbox.com/products

ramonjosegn · 4 Nov 2011

jajjaaaa... exígele que te pague...

sólo me gustó el diseño y a veces me gustaría entregar páginas con ese aspecto, eso es todo...

con respecto a las 9 secciones, sí, secciones pero el posicionamiento a nivel de pixel ¿qué? imposible en wordpress...

rayden · 4 Nov 2011

ramonjosegn dijo:
pero el posicionamiento a nivel de pixel ¿qué? imposible en wordpress...

Que es posicionamiento a nivel de pixel?

Puedes colocar una imagen, ejemplo?

NicDam · 4 Nov 2011

Para mi que se refiere a que imagenes como esta Enlace eliminado estan "unidas" y para mostrarlas tenes que poner (por ejemplo)

Insertar CODE, HTML o PHP:

background: url(url) 3px 3px;

para que muestre una, 6px 6px para la otra etc etc.

La verdad no entiendo a que te referis con que el editor de wordpress te limita... o sea... editor de wordpress? Que es eso? Edita los archivos utilizando Notepad++ o Dreamweaver y listo, no hay limitaciones...

Consejo: entra a Buy stock with our subscription-based product. Unlimited download available, apreta ctrl + s, guarda la pagina completa y despues adapta el codigo a wordpress...

Wordpress no limita nada, esa parte no entiendo a que te refieres :S

Saludos!

ramonjosegn · 4 Nov 2011

Creo que esa plantilla es el mejor ejemplo, las cosas están situadas con precisión de pixel, 200 pixeles a la derecha y 40 a la izquiera, 30 a la derecha del siguiente elemento, 22 por encima de la foto x...

rayden · 4 Nov 2011

@malcomxar a eso por mi casa le dicen sprite. Pero al parecer nos fregamos, el no quiere eso...

___

@ramonjosegn eso son simples divs que por cierto esa pagina tiene un super desperdicio de codigos para un resultado tan simple.

Eso se trabaja en wordpress, la mayoria de clientes gringos que tengo comprar html en themeforest para que yo les adapte a wordpress.

Osea compran una similar a esa, las adapto para ellos manejar plugins SEO y posicionar ya que a puro html es mas dificil.

Haz lo que dice malcomxar del control s jejeej

Usuario eliminado 4427 · 4 Nov 2011

Se puede hacer, es muy diferente WordPress que es la plataforma para gestionar el contenido y el CSS de un tema que ya es algo aparte y puede quedar tan bien o mal según la experiencia del diseñador.

ramonjosegn · 5 Nov 2011

Claro, son simples divs... tan simples que ya me dirás cómo los metes en wordpress...

rayden · 5 Nov 2011

ramonjosegn dijo:
Claro, son simples divs... tan simples que ya me dirás cómo los metes en wordpress...

Es que eso no tiene que ver con el nucleo de wordpress ya que es un gestor, el diseño solo son simples div + css como bien dijo TekxY.

Que es lo que te preocupa que no funcione en wordpress?

NicDam · 5 Nov 2011

Por tus respuestas, ramonjosegn, me das a entender que no sabes de lo que estas hablando...

O sea, que tiene que ver WP con el CSS y HTML?

CUALQUIER plantilla es adaptable a WP.

ramonjosegn · 5 Nov 2011

De pronto no me hice entender, y claro que sé de qué estoy hablando

¿Cómo se consigue esa maquetación desde el editor de WordPress?

No me habléis del núcleo ni de plantillas, yo quiero conseguir eso con EL EDITOR VISUTAL DE WORPDRESS

¿Cómo puedo lograr este tipo de diseño en WordPress?

ramonjosegn

cocoidal

nicasio1988

ramonjosegn

Canopix

ramonjosegn

krusty72

ramonjosegn

krusty72

rayden

ramonjosegn

rayden

NicDam

ramonjosegn

rayden

Usuario eliminado 4427

ramonjosegn

rayden

NicDam

ramonjosegn

Temas similares