Gracias a la API de WordPress podemos mostrar entradas de un Blog en otra pagina fuera del Blog por ejemplo:

Nosotros tenemos un sitio hecho en HTML/PHP y dentro del mismo tenemos un blog dentro un directorio (/blog) ahora bien queremos mostrar la(s) última(s) entrada(s) en la página de inicio de nuestro sitio en ese caso es donde usaremos este Snippet:

Primeramente crearemos un archivo externo al index.php del sitio base para no confundir los códigos y hacer las cosas sin complicarnos (mucho), entonces creamos un archivo con cualquier nombre con la extensión php, en este caso solo para el ejemplo creamos el archivo “posts.php” donde contendrá lo siguiente.

<?php // Include API WordPress
define('WP_USE_THEMES', false); //Aquí le decimos que no use su THEME
require('/blog/wp-load.php'); //Cargamos el archivo wp-load.php (que hace la mágia)
query_posts('showposts=1'); // Número de post para mostrar
?>

Con eso ya tenemos cargadas todas las funciones del WP en el archivo posts.php, así que ahora solo nos queda cargar el titulo, contenido, autor, fechas, etc.. así:

    <h2 class="title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    <div class="topmetas"><?php the_time('F j, Y'); ?> | <?php comments_number(); ?> </div>

    <?php the_content(); ?>

    <div class="botmetas">
    <a href="<?php the_permalink(); ?>">Permalink</a> | <?php
      comments_popup_link( 'Sin comentarios Aun', '1 comentario', '% comentarios', '', '');
    ?> | <?php the_category( ', '); ?> </div>

Ahora con todo eso  más el texto que tenemos arriba tenemos una entrada del Blog, lo único que tenemos que hacer ahora es agregar esto en el index.php del sitio base y eso lo hacemos con el siguiente código:

<?php
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://www.domain.org/blog/posts.php");
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
$output = curl_exec($ch); //aca esta el codigo ejecutado del post.php
curl_close($ch);
echo $output;
?>

Y listo, ya tenemos la última entrada en el index.php de la base del sitio y no nos olvidemos que arriba sólo estamos mostrando “una entrada” podemos seguir jugando con esto para tener resultados mas interesantes.

Saludos.

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Si señores ya salio la versión 1.7 del poderoso CMS Joomla!, rápido no?, apenas nos estábamos acostumbrando al cambio del 1.6 pero bueno se que esta corrección será para bien (algo confusa), pero bueno los que nos interesa a nosotros son las novedades verdad?

Hasta donde vi lo mas importante es que mejoraron el Sistema de Manejo de Diferentes Idiomas, y la Facilidad de Actualizar el Core desde el Back-End.

Como actualizar de Joomla 1.6.5 a Joomla 1.7??

En Joomla Docs hicieron un tutorial completo y con bastantes gráficos de como hacer el Upgrade del Joomla.

Tambien tiene un F.A.Q. interesante sobre esta nueva Versión

 

Demo, Documentación y Descarga | Joomla 1.7

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

MotionCAPTCHA, una nueva forma de validar formularios asegurándonos que los que lo llenan son Humanos y no bots que meten solo spam, con este nuevo método el usuario tendrá que DIBUJAR el el signo que aparece en la imagen con el mouse, interesante verdad?, pues si es muy original, algo para destacar también es que esta hecho con jQuery, así que la validación se hace al instante, recomendado para nuevos proyectos.

Link, Demo y Descarga | MotionCAPTCHA

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Ciertamente he dejado el Blog muy descuidado y no es por falta de interés o cosa parecida pero se me ha quedado corto el tiempo con el trabajo y los estudios.

Así que ahora pido ayuda para ver quien pueda ayudarme con el Blog como bien lo ha hecho CESAR que nos ayudo muchisimo con el Blog poniendo enlaces, tutoriales o recursos muy interesantes.

Si estas interesado y tienes algo de tiempo (1 o 2 horas), escríbeme: info@disenopaginasweb.com

Saludos.

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Ninja UI, es un plugin hecho bajo jQuery con la única finalidad de mejorar las interfaces web, Ninja UI cuenta con varios efectos como el Pop Up, botones, preloads, acordeones y demás.

Recomendado para mejorar la navegación en el sitio sin complicarse mucho.

Su uso al principio cuesta por que no cuenta con suficiente documentación pero analizando un poco el ejemplo se entiende fácilmente:

<span class="ninja ninjaBorder ninjaButton ninjaInline ninjaUnselectable ninjaGradient">
	Pop-Up
<span class="ninjaIcon ninjaInline">v</span></span>

Esto crea un boton redondeado con gradientes y con un link hacia un Pop Up.

Descarga y Demo | Ninja UI

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Sketch, exactamente no se cual es la traducción de esta palabra al Español, pero trata de hacer que las cosas parescan hechas a mano, con defectos o lineas curvas, como si escribieramos en un notpad, es una tendencia muy usada en webs modernas y ciertamente hacen que la web sea muy vistosa porque es algo fuera de lo común. Para entenderlo mejor aquí les traigo 28 páginas de ejemplo e inpiración con esta temática.

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Esto es un simple archivo en .PSD que sirve de ayuda al momento de diseñar los templates en Photoshop.

Link | Friday’s Freebie: Clean Slideshow PSD

Descarga | Download Clean Slideshow PSD

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Esto es simplemente un Showcase de 45 logos con temáticas parecidas a las de las nuevas webs que usan colores frescos y sencillos, pero sin embargo crean “marcas” muy llamativas, para todos los que estamos en el ámbito del diseño y desarrollo nunca este demás algo de inspiración.

Clic en la imagen para agrandarla.

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Boton para loguearse con Twitter o Facebook, Es un archivo donde podrás encontrar unos botones de estos sitios sociales, para aprovechar.

Descarga las carpetas de fotos en Facebook con extension de Chrome, Esta es una interesante extensión de Crome, útil a la hora de fisgonear a tus conocidos, sin ofender. De un tiempo a esta parte, han aparecido varios programas relacionados con esta redes sociales. Aprovechemos la bonanza.

Editar fotos en línea con LivePhotoEditor, Se trata de un servicio en línea de edición de imágenes para propósito general. Sirve cuando se esta algo apresurado en mostrar una imagen y cargarla en Facebook.

Cómo debemos sentarnos correctamente frente al ordenador, Estamos cargado las fotos a Facebook, y no es una tarea de unos minutos, bueno no siempre, sin embargo no negaran que es mejor tomar recomendaciones para mantener un buen estilo de vida, saludable.

120 Segundos: Las novedades del Google I/O 2011, Se trata de un vídeo del la gran G, disfrútenlo.

Defaceable para Google Chrome, Este es una extensión para aquellos que no quieran ser pillados a la hora de decir lo que tienes que decir…. suena algo raro. Espero no necesitar esta extensión, se los dejo a modo de curiosidad.

Por último quiero darles un link de recursos http://www.ubuntips.com.ar/descargas/, recomendado por su servidor.

Hasta una nueva oportunidad, Su servidor se despide por un tiempo, pero estará de vuelta. Adeus.

Cesar Jaldin ha escrito 68 entradas en este sitio.

Muchas de las cosas que sé, es por experiencia. Por ahora me dedico al desarrollo de sistemas Web, tengo conocimientos de PHP y base de datos. Lo bueno, de mi es que aprendo nuevas cosas, las busco y las vivo.

Agregar el código que da Google Analytics en el template es fácil pero como hacerlo dinamicamente, y tener un parámetro en el backend del template?

Primero modificamos el .xml del template exactamente el archivo templateDetails.xml y agregamos la siguiente línea:

<param type="spacer" default="Google Analytics" />
<param name="id_google_analytics" type="text" default="0" label="ID de Google Analytics" description="Introduce aqui el ID que te provee Google. Ej.: UA-XXXXXXX-X" />

Como ven ponemos un “0″ como valor por defecto para controlar un poco.

Estas dos lineas tiene que ir dentro de los tags params:

<params>
....
....
....
</params>

Tal vez no los tengan en su plantilla, en ese caso los agregan casi al final del documento. Una ves hecho esto revisen las propiedades del template en el backend del Joomla! y verán que ya aparecio una caja de texto para poner el ID de Google Analytics.

Ahora seguiremos con recepcionar la variable “id_google_analytics” y escribirla en el index de nuestro template junto al resto del script que google nos pide que pongamos en nuestras páginas para realizar el analisis.

Ahora nos toca abrir el index.php de nuestro template (o su similar en otros casos) y agregamos las siguientes líneas:

<?php
 $doc =& JFactory::getDocument();
 $id_google_analytics = $this->params->get('id_google_analytics');

if ($id_google_analytics != '0'){
 $google_analytics_javascript = '
     <script type="text/javascript">
     var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	document.write(unescape("%3Cscript src=\'" + gaJsHost + "google-analytics.com/ga.js\' type=\'text/javascript\'%3E%3C/script%3E"));
     </script>
     <script type="text/javascript">
     try {var pageTracker = _gat._getTracker("'.$id_google_analytics.'");
	pageTracker._trackPageview();
	} catch(err) {}</script>';

}else{
     $google_analytics_javascript= '';
}
?>

Y un poco de explicación:

Primero recogemos el valor que pusimos en las propiedades del template dentro el backend del Joomla y lo guardamos en una variable de php con el nombre “id_google_analytics”,

Segundo hacemos una sonsulta y preguntamos si esa variable es distinta a “0″ (se acuerdan que le pusimos 0 por defecto), si es distinta a cero entonces generamos otra variable con todo el script de google mas el ID y si es igual a cero entonces la variable se queda vacía, pero, la instanciamos.

Por último escribimos la variable al final del documento justo antes de cerrar el body y tendría que quedar más o menos así:

<?php echo $google_analytics_javascript; ?>

</body>

Y como bien quedamos antes si es distinto a cero (quiere decir que pusieron el id de google analytics) la variable escribirá todo el código que necesita google para empezar a ejecutar el analytics de google y si es igual a cero entonces la variable escribirá nada!.

Espero les sirva el tutorial.

Para la siguiente les enseñaré a hacer un plugin que sirve como alternativa a esto para templates complicados.

Saludos.

 

Jorge Alejandro Inturias C. ha escrito 127 entradas en este sitio.

Empece con esto del diseño como hobby, ahora lo hago como trabajo, manteniendo el mismo interés de siempre, ..."Uno vive de lo que aprende"...

Subir ↑↑