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

Sistema de gestión de stock – El Controlador (Parte 5)

Sistema de gestión de stock – El Controlador (Parte 5)

Para terminar el tutorial, debemos unir tanto la VISTA como el MODELO y para eso esta el CONTROLADOR. o.O El controlador...

Client REST usando GSON y Volley

Client REST usando GSON y Volley

En este post crearemos un cliente android para consumir un recurso de un REST API utilizando las librerías GSON y Volley...

Personalizar JTabbedPane con Netbeans

Personalizar JTabbedPane con Netbeans

Crear una librería swing para java utilizando Netbeans no es nada del otro mundo y la cantidad de código que vayamos a e...

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...

Ordenación de burbuja animado

Ordenación de burbuja animado

La Ordenación de burbuja (Bubble Sort en inglés) es un sencillo algoritmo de ordenamiento. Este algoritmo es esencialmen...

JCPanel 3.0

JCPanel 3.0

Nueva versión de un viejo proyecto swing “JCMousePanel” que nos permitía agregar imágenes en los contenedore...

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

Existen varias aplicaciones (free y de pago) que emulan una impresora virtual para generar archivos en PDF  (Portable Do...

En este post construiremos paso a paso un SharedPreferences más conocido en español como “Preferencias de Usuario...

La Inteligencia Artificial (AI – Artificial Intelligence) estará presente en casi cada aspecto de nuestra vida en...

Una Interface Funcional es una interface que contiene uno y solo un método abstracto aunque puede contener métodos por d...

Android Bolivia

Bandera en Alto