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: https://www.jc-mouse.net/
Description: Ejemplo theme netbeans
Author: jc Mouse
Author URI: https://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

Cargar fuente TTF

Cargar fuente TTF

Cuando realizamos un proyecto java utilizando fuentes de nuestro sistema, al momento de distribuir el programa y ejecuta...

Rompecabezas en C# (Tutorial)

Rompecabezas en C# (Tutorial)

En este tutorial crearemos un sencillo rompecabezas de un tamaño de 4×6 con 24 piezas que se podrán mover haciendo...

Videojuego educativo contra el Ciberbullying

Videojuego educativo contra el Ciberbullying

¿Que es el Ciberbullying? Ciberbullying es la unión de dos palabras en inglés cyber + bullying, en español lo conocemos...

Shapes y evento click de jquery

Shapes y evento click de jquery

En este tutorial crearemos shapes en tiempo de ejecución y ademas les daremos un poco de movimiento. Para realizar corre...

Lector Feed con Java/Rome

Lector Feed con Java/Rome

En este tutorial crearemos un lector de Feeds en Java/netbeans, pero antes debemosa saber que es un Feed, según Santa Wi...

Envía tu nombre a Marte en la Mars 2020 Rover

Envía tu nombre a Marte en la Mars 2020 Rover

La misión espacial de la NASA, el Mars  2020 Rover Mission esta proyectada para lanzarse en julio de 2020 y su llegada s...

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 estan cerrados

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

Categorias

Últimas entradas

Quasar es un proyecto Open Source basado en el Framework Vue que nos permite desarrollar proyectos de todo tipo, por eje...

Continuando el post de «Introducción a Retrofit» donde realizamos una breve preparación a lo que es el uso de la librerí...

Editar un documento PDF no es tan sencillo como editar un archivo de texto por ejemplo, para editar archivos PDFs necesi...

¿Alguna vez tuviste la necesidad de hacer una captura de pantalla de una página web? Si es así, seguramente buscaste y d...

Herramientas

Generador de Enlaces a Whatsapp