Diseño Web

Diseño Web, Webs

Google Chart Tools y MC Google Visualization

Google Chart Tools es una herramienta de Google Developers para representar gráficos desde datos, tablas o bases de datos en páginas web. Disponemos de muchos tipos de gráficos, los cuales nos viene dados como clases de JavaScript. Puedes visualizar los datos, puedes animar las representaciones y luego presentarlo todo en la web. Y todo modificándose desde los datos que vayas modificando. Aquí puedes ver unos ejemplos. MailChimp ha sacado otra herramienta: MC Google Visualization, que te permite conectar Google Chart Tools con tu base de datos interna (MySQL, SQLite, PosterSQL , lo que lo convierte en una gran ayuda. Nota, requiere instalar alguna extensión del Zen Framework.  

Diseño Web, Gestores de contenidos, Trucos

Truco: Cambiar los enlaces permanentes (url) de los posts de WordPress

Una de las primeras cosas que deberías hacer al instalar tu wordpress es cambiar los enlaces permanentes. ¿Que es eso? Es la dirección (url) de tu post o página, la url, lo que aparece en la barra de direcciones del navegador. ¿Por qué debo cambiarla? Por defecto WordPress le pone un código a cada post. Esto a WordPress le dice mucho, pero a cualquier persona que lo lea nada..queda muy feo. Pero es que además para el SEO (posicionamiento en buscadores) es bueno que ponga algo de texto en cada enlace que pongas, para que te busquen por eso. ¿Cómo lo cambio?  Vete a  Ajustes>Enlaces Permanentes. Ahí podrás ver varias opciones para cambiarlo. Como veréis la de por defecto es un ?p=123 ¿Qué debo poner? Todas valen pero hay alguna mejor que otra. Sugiero  la estructura personalizada con esta estructura: /%post_id%/%postname%/ Esto pone el número del post delante y luego el título del post. ¿Por qué esta estructura? La razón del nombre del post es obvia, ¿pero por qué poner el post-id delante? Mucha gente lo sugiere por varias razones, entre otras porque poniendo el número wordpress encuentra los posts más rápidamente en su base de datos. Además, con el ID delante, puedes cambiar el nombre en un futuro sin temor a que los enlaces dejen de funcionar. Recordad que una vez hagáis los cambios las direcciones antiguas no funcionarán, así que sugiero hacerlo al principio de la creación del blog/web. En algunos casos (casi nunca) esto implicará meter un fichero .htaccess por ftp en el directorio raíz de la web. Pero wordpress lo indica bien, seguid sus pasos y no os asustéis. Actualización 2019 Os dejamos un vídeo sobre cómo hacerlo.

Blogs, Diseño Web, Gestores de contenidos, Webs

Google Analyticator para WordPress

Si quieres tener estadísticas web en el escritorio de tu blog o página hay dos maneras principales: usar Jetpack, o tener un plugina como Google Analyticator. La mayoría de los plugins de WordPress para Google Analytics son para poner el código en cada página y que Google cuente las visitas. Este plugin hace mucho más. No sólo te permite poner tu código (mediante el número o registrándote con tu cuenta de Google) sino que además te permite especificar qué cuenta de Google Analytics es la que quieres que lleve el registro de esta página. Pero lo mejor de todo es que pone una extensión en tu escritorio que te permite ver todas las mañanas las estadísticas de Analytics de manera rápida y directa. Un gran plugin para conectar ambos sistemas.

Diseño Web, Internet, Trucos, Webs

YSlow: analiza tu página web y te da conejos para mejorarla

YSlow es una extensión tanto para Firefox como para Chrome. Al instalarla en tu navegador, te permite realizar una análisis de tu página web para decirte consejos con el fin de optimizarla, sobre todo en cuanto a “correción” de la programación y a rapidez de la misma. Quitar errores, mejorar la programación y optimizarla en general también afecta al posicionamiento de buscadores, además de a la experiencia de usuario. Por lo tanto una extensión muy útil tanto para programadores como para dueños de páginas.

Diseño Web, Webs

Herramienta SEO: Backlink Checker Tool

Todo el mundo quiere saber cómo aparecer mejor en Google. Una de las cosas más importantes es “que se hable de ti”. Evidentemente cuanto más se hable de tu página más pensará Google que eres importante. Pero no vale cualquiera, Google da importancia a la “reputación online” de la web que enlaza a la tuya. Por eso es importante saber quién habla de ti. Backlink Watch es una herramienta online que te permite ver los enlaces a tu página, su posición y reputación. No está de más analizarlo para crear una buena red de enlaces.

Diseño Web, Gestores de contenidos

Multiple Category Selection Widget: muestra en wordpress los posts de categorías como widget

El widget de WordPress para mostrar posts muestra los últimos de cualquier categoría. Si queremos poner en nuestra barra un widget que muestre sólo los de una (o varias) categorías (como blog, noticias etc) y excluya otras podemos usar este widget. Multiple Category Selection Widget permite incluir y excluir categorías, hacer los títulos pinchables, ordenar los resultados y muchas más. La solución perfecta si buscas esta funcionalidad.

Diseño Web, Webs

FontStruct. Sé algo diferente y constrúyete tu propia fuente

FontStruct es una aplicación web gratuita (requiere registro) para crear tus propias fuentes y usarlas más adelante en tus documentos, presentaciones, páginas web. Si, como otras aplicaciones permite descargarte nuevas fuentes creadas por otros usuarios. Pero lo que realmente lo vuelve interesante es que tiene una herramienta que permite crearte tu propio conjunte de fuentes de manera sencillas. Si eres una persona creativa, y tienes tiempo, esto es algo que dará un toque diferente a todo lo que escribes.

Diseño Web, Internet, Webs

Dar acceso a tu Webmaster Tools de Google a otros usuarios

Esto es algo que intentamos hace un tiempo, pero no conseguimos que funcionaran bien los permisos. Parece que ahora va mejor. Si llevas varias páginas web, Webmaster Tools de Google es algo esencial para saber cómo te ve Google  y que fallos puedes ir arreglando. Te da mucha información sobre errores de página, palabras repetidas, cómo te encuentra la gente… Pero claro, esta información puede que la quieras compartir con otra gente: clientes, colaboradores,amigos. Y estos necesitarán acceso a los datos de esa página y no de otras que puedas tener en tu perfil. Tampoco querrás que cambien nada probablemente. Todo esto se puede ya hacer con los permisos de usuarios de Webmaster Tools. Puedes dar acceso a tu perfil hasta a 100 usuarios con diferentes permisos. Aquí puedes obtener más información acerca delos permisos y en este otro enlace sobre los usuarios.

Diseño Web, Gestores de contenidos, Trucos, Webs

Crear páginas para mostrar post de categorías en wordpress: Category Pages

WordPress cada día me impresiona más por la facilidad de creación de páginas de manera sencilla y su escalabilidad. Eso si, de vez en cuando tiene cosas que faltan. Un de esas cosas es que es difícil crear apartados sueltos para mostrar artículos sólo de una categoría. Aquí os mostramos cómo de manera sencilla. Hay que entrar por FTP en tu sitio web y en la carpeta de tu plantilla (/sitioweb/wp-content/themes/  y crear un fichero.php como plantilla de tu nueva página. Lo más sencillo es que copies la plantilla de tu página que mejor te venga (normalmente page.php) y la pegues con otro nombre. Llámale algo que te acuerdes (plantillanoticias.php por ejemplo). Después puedes hacer el resto desde WordPress (si tienes correctamente los permisos de escritura) desde Apariencia>Editor.  También lo puedes hacer desde un editr html. Desde ahí tiene tienes que: Hacerle saber al sistema que es una plantilla con este código: <?php    /* Template Name: Noticias  */;?> Donde noticias lo puedes sustituir por lo que quieras. Ahora tienes que filtrar el contenido de los artículos. Antes de lo que WordPress llama the Loop( <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> Hay que poner el filtro. Un ejemplo sencillo sería: <?php  query_posts(“category_name=noticias”); ?> Todo esto se puede complicar más, mostrando títulos, imágenes, extractos o contenido. Más información aquí, pero el código sencillo sería algo como este: <?php /* Template Name: Noticias */;?> <?php get_header(); ?> <!– Begin #colleft –> <div id=”colLeft”> <h1><?php the_title(); ?></h1> <?php query_posts(); ?> <?php query_posts(“category_name=noticias”); ?> <?php if (have_posts()): while (have_posts()) : the_post(); ?> <h1><a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a></h1> <?php the_content(); ?> <?php endwhile; else: ?> <p><?php _e(‘Sorry, no posts matched your criteria.’); ?></p> <?php endif; ?> <?php comments_template(); ?> </div> <!– End #colLeft –> <?php get_sidebar(); ?> <?php get_footer(); ?> Luego hay que crear la página en el apartado adecuado, elegir en el desplegable de plantillas la que hemos creado y enlazarlo a algún menú para que se vea en la web. Espero que os sirva de ayuda.  

Scroll al inicio