Como insertar plantilla personalizada en un tema wordpress

Como insertar plantilla personalizada en un tema wordpress
Por TW | Publicado: 20/01/2010

El día de ayer mientras finalizaba el diseño de la plantilla de wordpress a usar en el sitio de un cliente, me tope con un ligero problema, la pagina inicial o portada necesitaba, por cuestiones esteticas, ser diferente del resto del sitio. Así que me di a la tarea de investigar las opciones que tenia para personalizar esta pagina inicial de manera que tambien fuera administrada por el mismo sistema wordpress. Aquí los detalles para que tambien puedas usarlo en tu propia instalación de WP.

Nota: El resultado de este metodo tambien puedes usarlo para crear diversos tipos de plantilla para tu sitio WP (por ejemplo, diferente plantilla por categoria.)

Diseña en html de manera normal (con lo que sea que uses para diseñar, p.ej. dreamweaver, kompozer, notepad, etc) la pagina que planeas usar para la Inicio o portada de tu sitio o para dada categoria si es el caso. En el caso especifico que se me presento use un diseño diferente al resto de la plantilla normal de wordpress que use en ese sitio por tanto también use de su propia hoja de externa estilos CSS e imagenes diferentes.

Al finalizar tu diseño inserta el siguiente codigo en la parte superior de tu pagina personalizada antes de la etiqueta

*/ ?>
sustituyendo “ejemplo123″ por el nombre que quieras para tu pagina personalizada .

Si tambien usaste una hoja de estilos externa la manera de insertarla es diferente que en html para eso utiliza el siguiente codigo despues de la etiqueta y antes de

Sustituyendo la url del ejemplo por tu la ubicacion y el nombre correcto de tu archivo css

Adicionalmente deseas insertar una archivo que contenga el javascript usado en tu pagina (para los menus por ejemplo), apunta a tal archivo con el siguiente codigo de la misma manera insertandolo despues de y antes de


Claro cambia el nombre del ejemplo por el nombre de tu propio archivo.

Una vez bien codificada tu pagina personalizada renombrala a lo que tu desees pero cuida que el nombre no sea index o page (provocaria un caos en tu tema porque esas paginas ya existen) y cambia la extensión .html o .htm por la extensión .php Por ejemplo si tu archivo se llama “ejemplo.html” renombralo a “ejemplo.php” (sin las comillas por supuesto

Ahora si estas listo para subir tu pagina personalizada a tu tema usado en wordpress. Para accede a la instalación de tu wordpress usando FTP o el navegador de archivos de tu panel de alojamiento web y dirigete a la carpeta “themes” en tu instalación de WP y a continuación selecciona la carpeta del tema que vas a usar para insertar esta pagina personalizada, sube tu archivo php y estas listo para empezar a usar la nueva plantilla en tu sitio.

Para esto ve al dashboard o escritorio de tu instalación WP y crea una nueva pagina, ponle el titulo que desees y deja el contenido en blanco, dirigete a la parte inferior derecha de tu escritorio WP y presiona el selector que dice “Usar plantilla” a continuación selecciona tu nueva plantilla (el nombre que le hayas dado) publicala se feliz con tu nueva pagina personalizada en tu wordpress.

Esta entrada fue publicada en Sitios web, wordpress y clasificada en como, instructivo, pagina inicial, personaliza wordpress, plantilla, wordpress. Guarda el enlace permanente. Publica un comentario o deja un trackback: URL del Trackback.

Botón de Descuentos en OpenBravo POS

OpenBravo POS es un excelente sistema de punto de venta de codigo abierto, altamente flexible, puede ser usado tanto en una tienda de abarrotes, un supermercado o un restaurante de clase. El sistema es compatible con algunos algunos sistemas de pantalla tactil y facilmente configurable con la mayoria de impresoras termales de tickets.

 

Además cuenta con una interfaz altamente configurable y puede expandir sus funcionalidades a través de modulos o scripts.

En está ocasión añadiremos al sistema un boton que automaticamente hace un descuento al total de la cuenta por cobrar.

Esta guía asume que usted tiene conocimientos básicos de la API de OpenBravo POS y conocimientos básicos de programación.

  1. En el sistema OpenBravo POS acceda como un usuario con privilegios de administrador. 
  2. Una vez en el sistema vaya a: Mantenimiento y luego a la sección Recursos en el recurso Ticket.Buttons añada esta linea: <button key="button.discount" name="button.discount" code="Script.Discount"/> y oprima guardar
  3. Una vez hecho esto cree un nuevo recurso y nombrelo: Script.Discount
  4. al cuerpo de este script añada el siguiente codigo:
    // % Discount for the total of the receipt
    import com.openbravo.format.Formats;
    import com.openbravo.pos.ticket.TicketLineInfo;
    import com.openbravo.pos.ticket.TicketProductInfo;
    import java.util.Properties;

    discountrate = 0.10;

    total = ticket.getTotal();
    if (total > 0.0) {
    sdiscount = Formats.PERCENT.formatValue(discountrate);

    taxes = ticket.getTaxLines();
    for (int i = 0; i < taxes.length; i++) {
    taxline = taxes[i];
    ticket.insertLine(ticket.getLinesCount(),
    new TicketLineInfo(
    "Descuento " + sdiscount + " de " + taxline.printSubTotal(),
    taxline.getTaxInfo().getTaxCategoryID(),
    1.0,
    -taxline.getSubTotal() * discountrate,
    taxline.getTaxInfo()));
    }
    sales.setSelectedIndex(ticket.getLinesCount() - 1);
    } else {
    java.awt.Toolkit.getDefaultToolkit().beep();
    }

    En la linea 8 de este codigo discountrate = 0.10; introduzca el porcentaje que desee descontar. (en el ejemplo usamos -10%)
     

  5. A continuación vaya a Mantenimiento nuevamente y en la sección Roles añada el siguiente codigo al tipo de usuario al que decida darle los privilegios de asignar descuentos: <class name="button.discount"/> y guarde los cambios.
  6.  

  7. Para finalizar vaya a la carpeta donde se encuentra instalado OpenBravo POS y localice el archivo pos_messages.properties, abralo para edición y añada la linea: button.discount=-10% donde -10% es el texto que aparecerá en nuestro botón de descuento.
  8.  

  9. Guarde cambios y reinicie el sistema OpenBravo POS.

 
Gracias por seguirnos en este tutorial, Siganos en Twitter y en Facebook.

Ref: http://wiki.openbravo.com/wiki/Projects/POS/User_Guide/es

Mantenimiento

Alternativas de software usual en Linux

Estimados linuxeros,

Para los que se inician en el ambiente del software libre y ya han empezado a usar alguna distribucuón del sistema operativo Linux, podemos decir que hay dos maneras habituales de realizar las tareas(ofimática, gráficos, audio, archivos, etc) que se realizan de manera común en ambientes Windows, en el sistema operativo Linux.

 

  • · 1. La primera de estas alternativas es llevar a cabo la tarea especifica que realizamos en Windows con software libre equivalente en Linux, por ejemplo:

 

-Windows OS -Linux (Diversas distrubuciones: Ubuntu, Suse, CentOS, etc)
-Microsoft Word -Open Office Writer o Libre Office Writer
-Adobe Photoshop -GimpImageMagick

 

 

En este enlace de wikilibros encontrarán una lista ampliada de alternativas de software libre   para linux que es usual en windows

  • · 2. La segunda alternativa es correr el software de Windows sobre un plataforma de emulación en Linux, tal como Wine (aunque a sus creadores no les gusta que le llamen “emulador”), este software lo puedes instalar en la mayoria de distribuciones superiores de linux y en este enlace encuentras una base de datos de aplicaciones que han corrido exitosamente en este software.

Para instalar Wine:

  • En ubuntu con dos simples comandos en la terminal:
    • § El primero comando para añadir/autorizar el repositorio a las listas: sudo add-apt-repository ppa:ubuntu-wine/ppa
    • § El segundo comando para instalarlo: sudo apt-get install wine1.3(sustituir 1.3 por la versión estable más actual)

 

  • O desde el centro de software en el menú de aplicaciones, buscando Wine y dandole instalar

 

 

*Otros recursos:

Sitio de FreeAlts (alternativas de software libre)

Sitio de OSALT open source como alternativa

* Wikilibros: Equivalencias Windows en Linux

 

Administrando tu sitio (WP): 2. Añadir entradas

Las entradas son artículos que se muestran en orden cronológico, en su página de inicio. A diferencia de las páginas, las entradas suelen tener campos de comentarios debajo de ellos y se incluyen en el envió de contenido a los suscriptores de su sitio a través de RSS (link).

Para escribir una entrada:

 

  • Acceda a su sitio con tu usuario y contraseña.

 

 

 

 

 

 

  • En la pantalla de administración. Haga clic en la sección “Entradas”.

 

 

 

 

 

 

 

  • Haga clic en el enlace Añadir Nueva. Llene los espacios, comenzando por el “titulo”. A continuación el “cuerpo del mensaje”.

 

 

 

 

 

 

 

  • En el cuerpo del mensaje puede añadir texto, fotos e imágenes. (Puede usar las opciones de formato disponibles en el menú)

 

 

 

 

 

 

 

  • Si es necesario, seleccione una categoría, añada etiquetas, y realizar otras selecciones de las siguientes secciones de la pantalla de administración de entradas.

 

 

 

 

 

 

 

  • Cuando esté listo, haga clic en Publicar.
Añada una entrada a su sitio

Administrando tu sitio (WP): Añadir entradas

Las entradas son artículos que se muestran en orden cronológico, en su página de inicio. A diferencia de las páginas, las entradas suelen tener campos de comentarios debajo de ellos y se incluyen en el envió de contenido a los suscriptores de su sitio a través de RSS (link).

Para escribir una entrada:

 

  • Acceda a su sitio con tu usuario y contraseña.

 

 

 

 

 

 

  • En la pantalla de administración. Haga clic en la sección “Entradas”.

 

 

 

 

 

 

 

  • Haga clic en el enlace Añadir Nueva. Llene los espacios, comenzando por el “titulo”. A continuación el “cuerpo del mensaje”.

 

 

 

 

 

 

 

  • En el cuerpo del mensaje puede añadir texto, fotos e imágenes. (Puede usar las opciones de formato disponibles en el menú)

 

 

 

 

 

 

 

  • Si es necesario, seleccione una categoría, añada etiquetas, y realizar otras selecciones de las siguientes secciones de la pantalla de administración de entradas.

 

 

 

 

 

 

 

  • Cuando esté listo, haga clic en Publicar.

Como insertar plantilla personalizada en un tema wordpress

El día de ayer mientras finalizaba el diseño de la plantilla de wordpress a usar en el sitio de un cliente, me tope con un ligero problema, la pagina inicial o portada necesitaba, por cuestiones esteticas, ser diferente del resto del sitio. Así que me di a la tarea de investigar las opciones que tenia para personalizar esta pagina inicial de manera que tambien fuera administrada por el mismo sistema wordpress. Aquí los detalles para que tambien puedas usarlo en tu propia instalación de WP.

Nota: El resultado de este metodo tambien puedes usarlo para crear diversos tipos de plantilla para tu sitio WP (por ejemplo, diferente plantilla por categoria.)

Diseña en html de manera normal (con lo que sea que uses para diseñar, p.ej. dreamweaver, kompozer, notepad, etc) la pagina que planeas usar para la Inicio o portada de tu sitio o para dada categoria si es el caso.  En el caso especifico que se me presento use un diseño diferente al resto de la plantilla normal de wordpress que use en ese sitio por tanto también use de su propia hoja de externa estilos CSS e imagenes diferentes.

Al finalizar tu diseño inserta el siguiente codigo en la parte superior de tu pagina personalizada antes de la etiqueta <html>

sustituyendo “ejemplo123″ por el nombre que quieras para tu pagina personalizada .

Si tambien usaste una hoja de estilos externa la manera de insertarla es diferente que en html para eso utiliza el siguiente codigo despues de la etiqueta <head> y antes de </head>

Sustituyendo la url del ejemplo por tu la ubicacion y el nombre correcto de tu archivo css

Adicionalmente deseas insertar una archivo que contenga el javascript usado en tu pagina (para los menus por ejemplo), apunta a tal archivo con el siguiente codigo de la misma manera insertandolo despues de <head> y antes de </head>

Claro cambia el nombre del ejemplo por el nombre de tu propio archivo.

Una vez bien codificada tu pagina personalizada renombrala a lo que tu desees pero cuida que el nombre no sea index o page (provocaria un caos en tu tema porque esas paginas ya existen)  y cambia la extensión .html o .htm por la extensión .php Por ejemplo si tu archivo se llama “ejemplo.html” renombralo a “ejemplo.php” (sin las comillas por supuesto :)

Ahora si estas listo para subir tu pagina personalizada a tu tema usado en wordpress. Para accede a la instalación de tu wordpress usando FTP o el navegador de archivos de tu panel de alojamiento web y dirigete a la carpeta “themes” en tu instalación de WP y a continuación selecciona la carpeta del tema que vas a usar para insertar esta pagina personalizada, sube tu archivo php y estas listo para empezar a usar la nueva plantilla en tu sitio.

Para esto ve al dashboard o escritorio de tu instalación WP y crea una nueva pagina, ponle el titulo que desees y deja el contenido en blanco, dirigete a la parte inferior derecha de tu escritorio WP y presiona el selector que dice “Usar plantilla” a continuación selecciona tu nueva plantilla (el nombre que le hayas dado) publicala se feliz con tu nueva pagina personalizada en tu wordpress.