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

Google Blockly: Lenguaje de Programación Visual por bloques

Google Blockly: Lenguaje de Programación Visual por bloques

Blockly proyecto de Google for Education, es una biblioteca en JavaScript que agrega un editor de código visual a aplica...

Crear PopupMenu (Ventana Emergente)

Crear PopupMenu (Ventana Emergente)

En este tutorial crearemos una aplicación android que nos permitirá abrir un PopupMenu de donde podremos seleccionar una...

Hola Mundo con Firebase

Hola Mundo con Firebase

Firebase es la plataforma para el desarrollo de aplicaciones web y aplicaciones móviles de Google el cual se centra en e...

Conexion c# y MySQL con ADO.NET

Conexion c# y MySQL con ADO.NET

Uno de los mayores problemas que se presenta en el desarrollo de una aplicación, es el acceso a la base de datos y el mé...

Tutorial HeidiSQL: Sesion, Base de datos y Tablas

Tutorial HeidiSQL: Sesion, Base de datos y Tablas

HeidiSQL es un software libre y de código abierto que permite conectarse a servidores MySQL, MariaDB, Percona Server, Mi...

Operadores de comparación en Bash

Operadores de comparación en Bash

En este post conoceremos algunos de los operadores de comparación que existen en Linux y realizaremos unos ejercicios pa...

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

Muchas veces necesitamos de fotos para adornar nuestros perfiles en RRSS pero no queremos subir nuestras propias fotos p...

En esta ocasión aprenderemos a conectaros con una base de datos Oracle desde Laravel. Es un tutorial sencillo y cortito,...

En este tutorial conoceremos una forma de conectar una aplicación en Laravel con tres bases de datos diferentes, 2 en My...

Existen muchas plataformas CMS de código abierto excelentes, como Joomla y WordPress, así como algunas plataformas emerg...

Herramientas

Generador de Enlaces a Whatsapp