andrico
Usuario (Argentina)
Aclarando que este es mi primer post!! Todos deben haber escuchado que es Wordpress.. pero empezandoWordpress es una plataforma web para la realización de Blogs y algo más importante PÁGINAS WEB!!!!Desde su página web dicen:"WordPress es una avanzada plataforma semántica de publicación personal orientada a la estética, los estándares web y la usabilidad. WordPress es libre y, al mismo tiempo, gratuito.Dicho de forma más sencilla, WordPress es el sistema que utilizas cuando deseas trabajar con tu herramienta de publicación en lugar de pelearte con ella."Muchas personas dicen que sólo sirve para blogs.. eso lo desmiento.Vengo trabajando con wordpress hace más de 3 años. Asique vamos a empezar!1. Como instalo wordpressYa deben haber 10000000 de posts referido a eso.. Sin embargo voy a pasar a explicarlo1.1 Primero que nada tienen que tener un hosting para instalar wordpress (puede ser local "localhost"1.2 Deben descargar de es.wordpress.org el sistema. (Tiene un boton gigantesco que dice "DESCARGAR"1.3 Deben descomprimirlo y subirlo por ftp al servidor o directamente colocarlo en la carpeta de localhost1.4 Abren el administrador del servidor (cpanel, dpanel etc), y crean una base de datos, Para mayor seguridad le tienen que poner un usuario y contraseña (si no lo hacen, en muchos servidores pueden usar la misma del ftp)1.5 Abren con un navegador (preferentemente CHROME jeje) la página web y les aparecerá el instalador de wordpress... un instalador muuuuyyy sencillo1.6 Siguen los pasos (en la parte de base de datos, colocan el nombre de la base de datos que crearon, y en usuario y contraseña si los crearon ponen esos, sino los mismos del ftp)1.7 WUALA!!! listo... eso es todo para instalar wordpress.2. Como administro un poco wordpress2.1 para ingresar al panel de wordpress tienen que poner la url (ej: www.midominio.com/wp-admin), y colocar al final /wp-admin. Ahi les pedirá el usuario y la contraseña que crearon en los pasos de instalación2.2 una vez dentro del administrador tendran en la parte izquierda de la pantalla toda la botonera de configuración de wordpress.Hay 2 botones que hacen referencia a lo que se va a mostrar en la página. PAGINAS Y ENTRADASPor un lado tenemos POST o ENTRADAS: estas van a ser lo que por lo general llamamos novedades, o todo los contenidos que se vayan actualizando diariamente.Por otro tenemos PAGE o PÁGINAS que son las estáticas. institucionales. Acá pondremos toda la información de la empresa, el quienes somos, contacto, galería de imágenes etc. Estos contenidos no se actualizarán frecuentemente.También tenemos APARIENCIA,: en este botón encontraremos todo lo referido al TEMA o TEMPLATE o THEME que queramos o tengamos instalado. Es decir, la apariencia de la página que estemos realizando.Dentro de apariencia encontraremos lo que es MENU: en menu podremos crear el menú de la página.Primero hay que apretar en el botón + para crear un nuevo menúSólo hay que arrastrar (previamente haber creado páginas o post) las páginas o posts hacia el campo de menú, y grabarlo. Luego en la parte izquierda asignarlo a un lugar en la página. (ojo que no todos los temas tienen lugares para asignar menues.. la mayoría si.. pero aclarando!!)También en apariencia encontraremos los que es THEME o TEMAS: aca podemos cambiar nuestro tema, descargando ya sea uno de los millones que tiene wordpress en su base, o comprando en diferentes sitios de internet. ej: eleganthemes.com. Lo más divertido y por ahi muy necesario es crear su propio theme!!! pero iremos viéndolo más adelante!!!Por otro lado tenemos AJUSTES: en este lado tendremos la configuración de la página. Desde URL AMIGABLE, hasta privacidad de tu página.En otro post comentaré sobre PLUGINS, HERRAMIENTAS, MULTIMEDIA, y muchos más!!______________________________________________________________________Para conocer más wordpress, hay que investigar un poco!!! revisar opciones y sobre todo PREGUNTAR!!!En otros post iré comentando más a fondo sobre wordpress, un poco más de programación y COMO HACER NUESTRO TEMPLATE!!!Espero que empiezen a usar wordpress, una plataforma maravillosa y muy funcional!! y demasiado simple realmente!!!Y volviendo a aclarar que nos va a ser útil para todo tipo de proyectos!!!! Página web, blog, hasta sistemas de e-commerce y demás!!!______________________________________________________________________Todo comentario será bien recibido!! aclarando de nuevo que es mi 1er posteo!!!Saludos Taringeros!!
Hola taringueros!! Este post viene relacionado a Como realizar nuestro template de wordpress.!Para poder realizar un template básico, primero que nada tenemos que tener varios archivos OBLIGADOS!!!es asi el caso del archivo, creo yo más importante del template. FUNCTIONS.phpLo primero que tienen que hacer es crear una carpeta con el nombre del template.Luego tienen que crear una hoja de estilos .css, llamada style.css, para poder dar las propiedades generales del template y obviamente los estilos. al principio del archivo style.css debemos colocar esto/**Theme Name: NOMBRE DEL TEMAAuthor: AUTOR DEL TEMADescription: DESCRIPCION DEL TEMA**/El archivo style.css está directamente en la raíz del tema-..Por ejemplo:en la raíz del tema "/nuestrotema" tiene que estar el archivo style.cssLuego en la misma raíz tiene que haber un archivo index.php, functions.php, header.php, footer.php como obligatorios y luego opcionales pero no menos importantes 404.php, page.php, single.php, sidebar.php, etc...INDEX.PHP : Archivo que está relacionado con la index de nuestra página. La primer pantalla que veremos en nuestra página.FUNCTIONS.PHP : aqui irán todas las funciones de nuestro tema. Ya veremos más en profundidad este archivo.HEADER Y FOOTER.PHP son archivos, que como dice su nombre, hacen referencia a la cabecera y al pie de la página. Por lo general son las mismas en toda nuestra página.De aquí abajo son las visualizaciones de la página. Osea toda la estructura de la pagina estará en estos archivos.PAGE.PHP es la visualización de lo que ya hablé en otro post, de las páginas. Osea todo lo referido a contenido estático.SINGLE.PHP es la visualización de todo los contenidos dinámicos. Todo contenido que va a ir cambiando.404.PHP visualización de la página de error. Cuando ingresamos a una url que no existe.SIDEBAR.PHP archivo que llamará a todos los widget que tengamos creados en el archivo FUNCTIONS.PHPEn todas las anteriores visualizaciones, al comienzo y al final iran las siguientes funciones-<?php//AL PRINCIPIO DEL ARCHIVOget_header();?>CÓDIGO HTML<?php//AL FINAL DEL ARCHIVOget_footer();?>GET_HEADER() esta función carga al archivo HEADER.PHPGET_FOOTER() esta función carga al archivo FOOTER.PHPDentro de el archivo HEADER y FOOTER van las siguientes funciones respectivamentewp_head();wp_footer();Estos archivos son los que cargan todas las propiedades que wordpress usa en la página. Por ejemplo para cargar un complemento como JQUERY necesita obligadamente estas dos funciones en los respectivos archivos.Luego en los archivos PAGE.PHP SINGLE.PHP: estos archivos son para mostrar las páginas y los post. Para que puedan ser mostrados es necesario colocar funciones para poder mostrar los contenidos.PAGE.PHP o SINGLE.PHP<?phpget_header();the_title();the_post_thumbnail();the_content();get_sidebar();get_footer();?>the_title() Muestra el título del post o páginathe_content() Muestra el contenido, el texto que nosotros escribimos en el administrador de wordpressthe_post_thumbnail() Muestra la imagen destacada del POST. Dentro de esta funcion podemos poner el tamaño de imagen. Ej the_post_thumbnail("large". Estos tamaños se puede crear o modificar gracias a un plugin muy interesante, llamado simple image size. Y las propiedades las podemos ver en Herramientas->multimediaget_sidebar(); carga el archivo SIDEBAR.PHPSIDEBAR.PHP<?php//existe el sidebar y si existe tiene contenido?if(is_active_sidebar("mi-sidebar"){//imprimir el sidebardynamic_sidebar("mi-sidebar";}?>FinalizandoPAGE.PHP o SINGLE.PHP<?phpget_header();?><div><?phpthe_title();the_post_thumbnail();the_content();?></div><div class="sidebar"><?phpget_sidebar();?></div><?phpget_footer();?>SIDEBAR.PHP<?php//existe el sidebar y si existe tiene contenido?if(is_active_sidebar("mi-sidebar"){//imprimir el sidebardynamic_sidebar("mi-sidebar";}?>404.PHP<?phpget_header();?>ERROR 404.<br/>La página no se encontro en nuestro servidor.<?phpget_sidebar();get_footer();?>FUNCTIONS.PHP<?php/*TODAS LAS FUNCIONES DE NUESTRO TEMA. POR EJEMPLO.*/function fechaActual(){return date("d-m-Y";}// DAR SOPORTE AL TEMA PARA QUE LAS PÁGINAS TENGAN IMÁGENES DESTACADASif ( function_exists( 'add_theme_support' ) ) { add_theme_support('post-thumbnails');}// CREAR UN CONTENEDOR DE WIDGETS.function mi_funcion() { register_sidebar( array( 'name' => 'Sidebar', 'id' => 'mi-sidebar', 'description' =>'descripcion', 'before_widget' => '<li id="%1$s" class="widget-container %2$s">', 'after_widget' => '</li>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) );}add_action( 'widgets_init', 'mi_funcion' );?>HEADER.PHP<?php<html><head><?php wp_head(); ?></head><body>ESTRUCTURA DE LA CABECERA DE LA PÁGINAFOOTER.PHP<?php<?php wp_footer(); ?>ESTRUCTURA DEL PIE DE LA PÁGINA</body></html>Con estos archivos, y con la estructura realizada, ya podremos instalar el tema, obviamente subiéndolo por ftp a nuestro servidor en la carpetawp-content/themes/ y luego activandolo