Search

Diseño Web HTML5 CSS3 Javascript

Diseño Web – Amit Kvint

Tag

functions.php

Custom Post Type & tema propio

Hola, unas semanas que no publico nada, así que querría enseñar lo que estaba haciendo poner un poquito de información & vínculos & decir hola…

Lo primero es que el verano ha sido bastante productivo, teniendo en cuenta que normalmente suele ser de vacaciones.

He participado en la creación de estos webs muy sencillos (WordPress por supuesto) – http://www.quintasdeluna.comhttp://autoescuelasmiguel.com/ trabajando un poquito otra vez en temas hijos & también con el Framework de Genesis.

Dos cosas interesantes de estos dos proyectos –

  •  como punto general de mi filosofia de trabajao – hay que escuchar bien al clienet & entender sus necesidades – por eso son webs bastnate sencillas & faciles de manejar – segun lo que me pide el cliente & segun lo que veo que le hace falta creo la web. todo por supuesto esta relacionado tambien con el presupuesto & el tiempo que tengo para crear las webs. Segun el ultimo discurso de Matt Mullenweg  la media para una web WordPress es entre 1500-2500 dollares – son proyectos pequenos o medianos & en estse mercado suelo trabajar.
  • Genesis – si estoy de acuerdo con mi amigo Ramkus que este Framework es una herramienta potente & te ayuda crear webs rápidos & bastante potentes. Pero todavía no entiendo por que no hacerlo tu solo – para que aprender bien el Genesis cuando puedes aprender mejor el mismo WordPress, como funciona & que posibilidades te da para crear tu propio Framework.

Bueno ya paso el verano y casi estamos en invierno. la verdad que últimamente hago cosas muy interesantes & bastante avanzadas & de eso querría hablar –

Me ha contratado una empresa de código abierto que trabaja exclusivamente Drupal para los casos que vienen clientes queriendo WordPress & esto me ha dado la oportunidad de mostrar el poder de WordPress & el potencial que tiene cuando se trabaja hasta el limite. Estoy ahora desarrollando esto – http://atwild.com (pronto se va a migrar a su propio servidor uso este dominio como servidor de desarrollo), ahora bien que tenemos aquí – la verdad que esto es un Framework – un tema adaptable que he desarrollado solamente según las necesidades del cliente. A partir de ahora en proyectos con suficiente presupuesto esto lo que voy a hacer. Se trata de una empresa (de Israel) que ofrece ponencias y ponentes, les he desarrollado una web donde lo único que tienen que hacer es insertar informacion (textos, fotos) de los ponentes & las ponencias & el mismo sistema se le va produciendo la web, esta todo en Hebreo por ahora pero mirar estas capturas de pantallas del escritorio del proyecto en ingles-

Custom Post Type WordPress

 

Como se puede ver estoy usando Custom Post Types para la creación de dos nuevos tipos de entradas – Speakers & Events. En vez de crear categorías & sub categorías & después etiquetas, he creado estos tipos de entradas y después en cada de estos tipos otros datos relacionados aquí –

Custom Post type WordPress

 

El cliente tiene solo que meter la información – las fotos, las fechas de la ponencia (si las hay), y demás cosas y después usando etiquetas PHP & varios bucles & consultas (querries) voy insertado esta información en varios paginas & widgets en la web. Por supuesto que he creado muchas plantillas WordPress para mostrar diferente información en diferentes sitios de la web, así que todo es dinámico y casi todo se controla desde el propio escritorio.

 

O.K es tiempo de marcharme, a ver si tomo un descanso & publico mas cosas, hasta entonces a disfrutar!

Amit

Añadir información de twitter al perfil del usuario en WordPress

En el escritorio de WordPress en usuarios–>tu perfil podemos insertar información descriptiva sobre el usuario – en el escritorio actual las opciones incluyen nombre, nombre de usuario, url de tu web, una biografía corta y mas cosas, aunque esta bastante completo faltan mas cosas sobretodo la información de las redes sociales mas nuevas como Twitter etc…

Aquí están los pasos para seguir :

Primero creamos una funcion nueva añadiendo un metodo nuevo de contacto

function mas_Contactos($metodoscontacto) {
//añadir Twitter
$metodoscontacto[‘twitter’] = ‘Twitter’;
return $metodoscontacto;
}

 Bueno – declaramos una función nueva la llamo mas_Contactos, a esta función le pasamos un variable metodoscontacto despues a este variable le añadimos un nombre nuevo de maquina – en este caso twiiter & le damos un nombre humano Twitter ahora con el return activamos el variable nuevo  & lo que nos falta aquí en functions.php es arrancar la función lo hacemos así –

add_filter(‘user_contactmethods’, ‘mas_Contactos’, 10,1);

en pocas palabras – usamos el variable predeterminada user_contactmethods para tener otro detalle de contacto,

Siguiendo estos pasos en usuarios–>tu perfil aparece una nueva celda para rellanar – la del twitter, esta información como la demás información personal del usuario la podemos mostrar en el loop o en otras ubicaciones de nuestro sitio web usando el

<!–?php the_author_meta('twitter’)?>

Es la opción mas sencilla los parámetros son muchos & la forma de aplicación es muy amplia, podemos por ejemplo crear un vinculo al URL de la web que ha insertado el usuario en su perfil –

web del autor:

Bueno ya esta, suerte & andar por las sombras

Amit

Control de imágenes en entradas con WordPress

El WordPress nos ofrece varios niveles de uso de imágenes.

Tenemos la opción sencilla & intuitiva – trabajando desde el mismo escritorio de nuestra web, podemos añadir, quitar & ordenar imágenes, ademas en los ajustes —>media podemos determinar las proporciones de las imágenes que subimos a la web, vienen 3 tamaños predeterminados y los podemos cambiar desde esta sección del escritorio.

Ahora bien – que podemos hacer cuando nuestro diseño requiere mas de tres definiciones de tamaño de imágenes, justo para esto existe el archivo functions.php aqui es donde podemos en una forma sencilla añadir mas tamaños de imagenes, primero tenemos que asegurar que en nuestro functions.phpdel tema padre aparece el

add_theme_support( ‘post-thumbnails’ ); 

Esta funcion añade la posibilidad de tener varios & distintos tamaños de imagen en el tema.

Ahora el unico que nos queda es abrir el functions.php de nuestro tema hijo & insertar esta lines –

add_image_size( ‘nombre-nuevo-de-imagen’, x, y, true); 


Dentro de las paréntesis va entre genitivos sajones (apostrofe:-)), el nombre nuevo que añadimos a esta tamaño de image & después va el ancho & el alto de la imagen & podemos añadir tambien el true para que el WordPress nos recorte estas imágenes al tamaño deseado. (aquí tenéis el vinculo a las demás posibilidades de esta función – http://codex.wordpress.org/Function_Reference/add_image_size)

Ahora para añadir esta nuevas variaciones de imágenes entramos por ejemplo en el content.php (en el caso que se trata de hijo de twentyeleven), buscamos por ejemplo el is_search() & añadimos a nuestros resultados de busqueda las imágenes destacadas de cada entrada (por supuesto – tenemos que asignar en el escritorio imágenes destacadas a nuestras entradas), esto lo hacemos así –

<?php the_post_thumbnail(‘nombre-nuevo-de-imagen‘)?>

Si queremos ofrecer a nuestros usuarios una experiencia mas cómoda podemos envolver esta etiqueta en esta forama –

<div id=”destacada”>
href=”” title=”” rel=”bookmark”>
<!–?php the_post_thumbnail('small‘)?>–>
</a>

Ahora tiene su propio DIV (“destacada”) & un vinculo directo a la entrada, usando a la estructura del the_permalink()

& ahora a trabajar 🙂

Amit

Blog at WordPress.com.

Up ↑

%d bloggers like this: