wordpress: no aparece el campo “imagen destacada” en el panel de control de admin

Buenas

Si estais creando vuestro propio theme y a la hora de crear un post no veis el campo “imagen destacada” teneis que hacer lo siguiente:

  • editar el archivo functions.php de la carpeta de vuestro template en wp-content/themes y añadir add_theme_support( ‘post-thumbnails’ );

A mi me ha librado de sufrir un infarto, espero os sea de ayuda xDD

Anuncios

Como crear un #theme para #wordpress desde cero con Bootstrap

fuente: Carlos Arturo – Falcon Masters (Youtube)

  • Primero descargamos una version basica de bootstrap
  • creamos style.css en la carpeta raiz de nuestro tema (wp-content\themes\nuestroTEMA) y añadimos las siguientes lineas para que wordpress nos reconozca el theme:
  • creamos en el raiz los archivos index.php, header.php y footer.php –> IMPORTANTE: antes de </head> en header.php agregamos <?php wp_head(); ?> y antes de </body>  en footer.php agregamos <?php wp_footer(); ?> entre otras cosas algunos plugins como Simple Lightbox pueden no funcionarnos
  • en el index.php (vacio completamente de codigo) agregamos estas lineas
    • <?php get_header(); ?><?php get_sidebar(); ?><?php get_footer(); ?>
  • creamos el archivo sidebar.php (hueco para los widgets)
  • creamos archive.php (en este archivo se visualizan los articulos)
  • functions.php (libreria de funciones)
  • page.php
  • single.php (visualizacion de articulos)
  • slideshow (slide de imagenes del index – para cargarlo desde el index PHP–> include (TEMPLATEPATH. ‘/slideshow.php’); )
  • archive.php (para visualizar todos los posts de una misma categoria)

Hasta aqui la creacion de la estructura, ahora empezamos a añadir o modificar codigo

  • editamos header.php para establecer las rutas del site, por ejemplo las rutas de los css. con esta funcion de php bloginfo(‘template_url’) obtenemos la URL del template en nuestro servidor
  • en el archivo functions.php añadimos este codigo para poder modificar el menu desde el panel de control de wordpress  (apariencia > menus):
    • php:
      register_nav_menus( array(
      ‘menu’ => ‘Menu superior’,
      ));
  • y en el header quitamos el ul del menu estatico y añadimos este codigo donde teniamos el ul (seguramente dentro de los tags NAV):
    • wp_nav_menu(
      array(
      ‘container’ => false,
      ‘items_wrap’ => ‘<ul id=”menu-top”>%3$s</ul>’,
      ‘theme_location’ => ‘menu’
      ));
  • bucle para mostrar posts en index (y donde convenga – URL del capitulo del curso):
    • <?php if(have_posts()):while(have_posts()):the_post();?>
      codigo HTML del articulo
      <?php endwhile; else:?>
      codigo HTML si no hay ningun post
      <?php endif;?> con este bucle veriamos todos los posts de todas las categorias, si solo queremos ver los post de una categoria en concreto usaremos este codigo:sustituimos esta linea –> if(have_posts()):while(have_posts()):the_post(); por este bloque:
      $args = array(‘cat’ => 3);
      $category_posts = new WP_Query($args); if($category_posts->have_posts()) :
      while($category_posts->have_posts()) :
      $category_posts->the_post();
    • bueno acabo de encontrar en el curso otra manera mucho mas sencilla de mostrar solo posts de una categoria en concreto:
      <?php query_posts(‘category_name=NOMBRECATEGORIA’);?>
      añadiendo esto delante del bucle que muestra todos los posts ya estaria, asi de sencillo …
    • y ahora dentro del bucle para mostrar contenido del post:
      – titulo: the_title();
      – enlace al articulo: the_permalink();
      – fecha: the_date();
      – categoria: the_category();
      – descripcion: the_excerpt(); –> OJO ! cuando creamos un post debajo de la caja de texto del cuerpo del post tenemos otra llamada “extracto” esta info es la que mostramos con esta funcion, si no hemos puesto nada entonces wordpress automaticamente coge los datos de la caja de texto de descripcion o cuerpo del post (si no vemos ninguna caja extracto cuando estamos creando o editando el post vamos a opciones de pantalla y seleccionamos extracto)
    • cargar imagen del post, es un poco mas rollete … para cargar la imagen destacada del post tenemos que irnos a functions.php y añadir esto (url del capitulo):
      • add_theme_support(‘post-thumbnails’);
        add_image_size(‘list_blog_thumbs’,1000,220,true);
        entre comillas ponemos un nombre que usaremos de referencia, y los numeros son las medidas en pixeles que wordpress usara para redimensionar las imagenes al subirlas. Si necesitamos mas redimensiones distintas solo tenemos que copiar y pegar esta linea con las diferentes medidas y diferentes referencias
      • y ahora en index.php (o donde queramos cargar la imagen destacada del post) ponemos este codigo donde deberia ir a la imagen:
        <?php if(has_post_thumbnail()){ the_post_thumbnail(‘list_blog_thumbs’);}?> // como se puede ver usamos list_blog_thumbs que es la referencia usada en functions
    • por ultimo nos falta la paginación, si tenemos mas posts de los X configurados a mostrar en el panel de control/ajustes necesitamos movernos por los anteriores y los siguientes agregando este codigo debajo del bucle de mostrar posts:
      php next_post_link(‘<- Post Siguientes’)
      php previous_post_link(‘Post Anteriores ->’)
      – y delante del bucle agregamos esta linea para solventar un bug de wordpress con el paginador: php query_posts(“paged=$paged”);
  • ahora creamos donde se cargan los articulos (post):
    • abrimos el archivo single.php y le copiamos el siguiente codigo (esta sin estilos ni nada de nada, es un ejemplo ultra sencillo. Tal y como esta al pinchar en el index en el permalink nos cargara el contenido concreto del post
    • <?php get_header(); ?> <?php if(have_posts()):while(have_posts()):the_post(); ?>
           <?php the_title();?>
           <?php the_content();?>
      <?php endwhile;else: ?>
           Ta vacio !
      <?php endif; ?><?php get_sidebar(); ?>
      <?php get_footer(); ?>
    • y por ultimo añadimos el apartado “comentarios:
      <?php comments_template(); ?> –> url del capitulo
  • ahora creamos las paginas, page.php (practicamente es el mismo codigo que single.php para los posts, hacemos copy-paste –> url del capitulo)

pues este es mi esquemita super resumido del señor curso de wordpress que me ha ayudado mucho muchisimo, GRACIAS !

#php: #yii2 #framework, descargar e instalar #tema, #template, #plantilla, etc…

buenas

este ejemplo es para yii basic y con un template en concreto, el Greenery

lo descargais, y en la carpeta raiz del yii creais themes/greenery descomprimis el template

en config/web.php añadimos estas lineas dentro de components

‘view’ => [
‘theme’ => [
‘pathMap’ => [‘@app/views’ => ‘@app/themes/greenery’],
‘baseUrl’ => ‘@web/../themes/greenery’,
],
],

fijaros que ahora la web ya no funciona bajo views/layouts/main.php si no que ahora manda themes/greenery/layouts/main.php

un saludo

Duplica la plantilla de Tu Prestashop 1.6 by @Javier_V_P

fuente: http://javier-valero.es/2014/09/duplica-la-plantilla-de-tu-prestashop-1-6/

Cuando desarrolles y diseñes una tienda Prestashop, debes de tener en cuenta que una buena práctica a seguir a la hora de construir tu tienda online es duplicar la plantilla por defecto y renómbrala con el nombre que desees, puedes utilizar el nombre de tu marca por ejemplo.

Si haces esto, te aseguraras de no perder cambios en tu plantilla cuando actualices tu Prestashop.

A partir de la versión 1.6.0.8 aprox. Prestashop cambia el modo con el que se crea una plantilla, digo esto porque en anteriores versiones bastaba con que duplicases la carpeta re nombraras y después desde preferencias a Temas podías ver la carpeta que habías duplicado, en la versión 1.5 se podía añadir un tema nuevo, desde el mismo modo en como la crearemos en este tutorial pero en la versión más reciente de Prestashop a fecha de este Post el modus operandis es diferente.

¿Por qué?

Pues si ahora duplicas la carpeta no la veras en temas, solo podrás ver esta cuando la crees desde el back-office, no me preguntéis porque, pero es así.

EL modo de crearla desde el Back es muy sencillo te describo los pasos a seguir:

  1. Dirígete a Preferencias a Temas
  2. Haz clic en Añadir tema
  3. Haz clic en CREE UNA NUEVA PLANTILLA

Al pulsar en este botón, veras varios campos de formulario, sigue estos pasos, Pero recuerda que debes de poner el nombre que tu desees a tu plantilla.

  1. Pon un nombre
  2. Busca una captura de tu plantilla normalmente se encuentra en el theme default-bootstrap con el nombre de preview.jpg (Si ya tienes un diseño de tu plantilla te aconsejo que modifiques y pongas captura personalizada)
  3. Selecciona si deseas columna izquierda, derecha o las dos.
  4. Selecciona los productos que se mostraran por página.
  5. Escribe un directorio para tu plantilla te recomiendo que pongas el mismo o nombre que pusiste al principio.
  6. Ahora elige la plantilla default-bootstrap.
  7. Selecciona  modo Responsivo en Si
  8. Listo nuestra plantilla se duplico!!

Ahora el siguiente paso es dirigirse al back de tu tienda y elegir esta nueva plantilla e instalarla, pero OJO cuando pulses en instalar este tema veras que el proceso de instalación te preguntara que módulos deseas instalar y te informara de los que se deshabilitan, mira esta parte bien, si estas conforme con ello se instalara.

Ya tenemos lista nuestra plantilla para ser utilizada en nuestro proyecto y nos aseguramos de que aquellos cambios que hagamos no se pierdan.

Espero que te haya servido de utilidad este post, en siguientes post veras como hacer cambios en la plantilla que has duplicado, trucos básicos  que te servirá de ayuda para manejar tu plantilla.

Instalar un tema Prestashop fácilmente by studio aquilon

Fuente: http://studio-aquilon.fr/es/content/12-como-instalar-prestashop-tema

A veces es difícil de instalar un tema debido a algunas limitaciones de un servidor compartido y el método tradicional no funciona. Yo aquí se describen varias técnicas para llevar a cabo nuestra misión: instalar un tema Prestashop!

 

Para facilitar la instalación, se recomienda utilizar el tema de instalación creado por Prestashop. Prestashop 1.5.1.0 desde este módulo no está presente de forma nativa en nuestro favorito CMS, por lo que descargarlo (gratis) e instalarlo. Lo puedes encontrar en los Addons plataforma, aquí está el enlace directo:

http://addons.prestashop.com/es/modulos/1713-template-installer.html

 

Recomiendo el tema de instalación debido a que el tema es importante, pero también los módulos y la configuración relativos a este tema.

module installateur de theme

Para utilizar este módulo, usted debe hacer clic en Configurar.

 

 

1- método convencional

installation d'un thème Prestashop - méthode 1

El método tradicional consiste en importar el tema como un archivo zip directamente desde su ordenador. Este es el más rápido, pero no siempre funciona, y debido a una configuración de carga limitar demasiado bajo en el servidor. El cambio de este ajuste (upload_max_filesize) que se utiliza depende del servidor, es posible modificando el htaccess o php.ini, póngase en contacto con su anfitrión para el procedimiento. También asegúrese de que este parámetro dentro de Prestashop es bastante alto (Administración> Preferencias “attachments Peso Máximo”.

 

2 – Método vía FTP

installation du thème Prestashop via FTP

En lugar de subir el tema a través del backoffice de PrestaShop, puede hacerlo a través de FTP. Así que ponga su Código Postal aquí.:

modules/themeinstallator/import/

Así que no hay problema si sube el archivo de su tema es demasiado grande. Sólo tienes que ir a la configuración del tema importador módulo y seleccionar el tema de la “importación de la carpeta FTP”.

 

 3 – método manual

Es posible instalar un tema sin el tema de instalación del módulo, simplemente copiando los archivos del tema en el lugar adecuado.

Entonces debe descomprimir el tema (.zip) en el disco duro. Usted encontrará que el tema es entonces la siguiente estructura:

– espalda “doc”

– espalda “modules” ( si su tema también contiene módulos )

– espalda “themes”

– espalda config.xml

 

Copie el contenido de la carpeta “módulos” en la carpeta del mismo nombre en la base de Prestashop. Y lo mismo para el contenido de la carpeta “themes”. Entonces no te olvides de no instalar los módulos y activar el tema a través del backoffice.