Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Desarrollo Web / Crea un Themes WordPress con Netbeans – Configuracion

Crea un Themes WordPress con Netbeans – Configuracion

Autor jc mouse miércoles, mayo 22, 2013

Este post te enseña una manera que tengo de configurar Netbeans para crear y ejecutar un proyecto php utilizando el CMS de WordPress (WP) y poder crear Themes.

Si bien lo más común es incluir todos los archivos de WP como un solo proyecto, no es de mi agrado porque, no necesitamos todos los archivos para crear un solo theme 🙂 , ademas de que con tantos fichero abierto, la navegación es muy engorrosa y el IDE se lentea.

wp cms

Herramientas

– Servidor Web (AppServ)

– Una versión de WordPress instalado en la pc (Ultima versión a la fecha wp-3.5.1)

– IDE Netbeans 7 o superior con soporte para PHP

Proyecto Themes WP

1. En tu WP instalado en la carpeta “themes”, por lo general al usar AppServ es:

C:\AppServ\www\wordpress-3.5.1\wp-content\themes\

donde “wordpress-3.5.1” es la carpeta donde instalamos el CMS WP

Crea una carpeta con el nombre del nuevo “theme”, para este ejemplo, lo llame “BBC

2. En netbeans, crea un nuevo proyecto php: FILE –> NEW PROJECT –> PHP –> PHP APLICATION y presiona siguiente. Dale nombre al proyecto (Ej.: BBC Theme ) y busca la carpeta donde estarán los archivos del theme (paso 1)

location theme

3. Aquí lo importante, en :

RUN AS, elige la opción “Local Web Site” y en

Project URL, coloca “http://localhost/wordpress-3.5.1/

configuration wp

FINISH para terminar la creación del proyecto.

4. Si ejecutas WP, te saldrá con el theme que este configurado actualmente y no con el que estamos creando desde netbeans.

Antes debes crear el archivos style.css e index.php, archivos básicos en la creación de un theme en el proyecto php

bbc theme

style.css

/*
Theme Name: BBC Theme
Theme URI: http://www.jc-mouse.net/
Description: Ejemplo theme netbeans
Author: jc Mouse
Author URI: http://www.jc-mouse.net/
Version: 1.0 
*/

index.php

<?php get_header(); ?>  

    <div id="content" >  

 <?php if (have_posts()) : ?>

            <?php while (have_posts()) : the_post(); ?>

                    <article id="post-<?php the_ID(); ?>">

                    <time datetime="<?php the_time('M j, Y') ?>" class="" pubdate><?php the_time('j \d\e F \d\e Y \a \l\a\s G:i a') ?></time>

                    <h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

                    <p> 
                        <span><?php the_author_posts_link() ?></span>
                        <span><?php the_category(', ') ?></span>
                        <?php the_tags(' <span class="">', ', ', '</span>'); ?>
                        <?php if ( comments_open() ) : ?>
                            <span><?php comments_popup_link( __( '0 Comment', 'Nombre de mi theme' ), __( '1 Comment', 'Nombre de mi theme' ), __( '% Comments', 'Nombre de mi theme' ) ); ?></span>
                        <?php endif; ?>
                    </p>

                        <?php the_content(); ?>                        
                    </article>                                

            <?php endwhile; ?>

        <?php else : ?> 
   <p><?php _e( 'Sorry, nothing found.', 'Nombre de mi theme' ); ?></p> 
        <?php endif; ?>   

 </div>
 <!-- end: Content -->

<?php get_sidebar(); ?>

<?php get_footer(); ?>

5. Desde WP debes activar este theme y tienes todo listo para programar el nuevo Tema desde Netbeans y sin tanto archivo del CMS, esto ademas ahorra memoria y agiliza netbeans 🙂

wp configuration theme

 

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

¿Qué es AngularJS?

¿Qué es AngularJS?

Bienvenido a este artículo soy Jose Pedraza Desarrollador Web por más de 7 años, escribiré una serie de artículos para i...

Transacciones – Uso de Commit y Rollback

Transacciones – Uso de Commit y Rollback

Cuando desarrollamos aplicaciones en java con base de datos debemos tener cuidado en que se cumplan un conjunto de carac...

Conexión MySQL y C#

Conexión MySQL y C#

En este post vamos a crear una aplicación sencilla para conectar C# con MySQL. Manos a la obra 🙂 Necesitamos – Con...

Crea tu lector de códigos QR

Crea tu lector de códigos QR

En este post desarrollaremos una aplicación que nos permitirá leer un código QR y capturar la información que contiene y...

Añadir código QR a reportes con iReport

Añadir código QR a reportes con iReport

En un post anterior se vio como agregar un código DataMatrix en reportes con iReport Designer sin embargo actualmente el...

Crea un componente swing para cargar fotos en miniaturas

Crea un componente swing para cargar fotos en miniaturas

En este tutorial crearemos un componente swing para java que podremos usar en cualquiera de nuestros proyectos, el compo...

2 comentarios en “Crea un Themes WordPress con Netbeans – Configuracion”

  1. Muy buen post, me sirvio gracias, pero abria la forma de ejecutar un thema de wordpress predenido en netbeans, es decir tengo template.zip, y ya teniendolo en netbeans, con un RUN ejecutarlo desde netbeans

    1. Mouse dice:

      para ejecutar en template de wordpress en netbeans o en cualquier otro editor si o si necesitas el CMS wordpress, este contiene lo necesario para ejecutar el código de la plantilla

Los comentarios están cerrados para este post
Comparte lo que sabes

Categorias

Últimas entradas

PHPUnit es un framework que se utiliza para escribir tests en PHP, Netbeans nos permite configurarlo y usarlo fácilmente...

Una Prueba Unitaria, es una forma de comprobar que nuestro código, hace lo que se supone debe hacer; es decir, se asegur...

La prueba del camino básico, es una prueba de “caja blanca” que consiste en verificar el código de nuestros...

Si quieres cambiar el nombre de tus atributos sin tener que reescribir código java por X o Y razón, GSON te permite reno...

Android Bolivia

Bandera en Alto