Archivo de la Categoria “HTML”

Lo que quiero aquí es explicar cómo hacer modificaciones al diseño de mi blog, en wordpress.

El objetivo es tener todas estas modificaciones en un solo archivo, entonces cuando quiero cambiar el template de mi diseño (Tema), no tengo que volver a hacer toooodas las modificaciones nuevamente.

Para lograrlo voy a crear un archivo nuevo, y cada modificacion la voy a escribir como una nueva funcion.

1. Crear un nuevo archivo llamado
user_functions.php

2. En este ejemplo quiero agregar un Bookmark a mi Blog.  Entonces copio lo siguiente en mi nuevo archivo
<?php
function userfunc_bookmark_links() {
global $post;
?>
<ul class=”bookmark_links”>
<li><a href=”http://del.icio.us/post?url=<?php the_permalink() ?>&amp;title=<?php urlencode(the_title()) ?>” title=”Agrega a del.icio.us”>Agrega a del.icio.us</a></li>
</ul>
<?php
}

3. Edita style.css y agrega el diseño que quieres darle a través de class=”bookmark_links”

4. Ahora ya definida la funcion en tu nuevo archivo le vamos a pedir al archivo functions.php que lo incluya
Edita functions.php y agrega la siguiente linea (en cualquier parte dentro de los tags <?php … ?>
 include_once (TEMPLATEPATH . ‘/user-functions.php’);

5. Edita single.php (que son tus entradas), y reemplaza <?php the_content(); ?> con lo siguiente
<?php the_content(); userfunc_bookmark_links(); ?>

Y ya está, ahora puedes seguir agregando otros textos y diseños, publicidad, gidgets, y cualquier cosa que quieras.  Todos estos cambios estarán todos juntos en tu nuevo archivo user_functions.php y así cada vez que tengas que actualizar tu página no pasarás por el engorroso proceso de cambiar todo denuevo.

Comments No hay Comentarios »

Cada vez que escribes algo en Internet, es importante que los protegas.  Tú tienes los Derechos de Autor para este texto, y para hacer valer tus derechos existen usa serie de dispositivos legales que te protegen frente al plagio (copia).

No solo con textos, también tus fotos, videos y cualquier obra artística o creativa.

Ahora bien, voy a referirme a la parte tecnica de incluir en tu blog WordPress una Caja de Autor.  Yo he incluido una en mi blog, y es util como una forma de Atraer tráfico a mi página compartiendo los artículos que escribo.

Cada vez que escribo un artículo o posteo algo interesante en mi blog, autorizo a mis lectores a copiarlo, o tomar partes de él, y usarlos en sus propios sitios web, blogs, o libros, ebooks, con una sola condición, y es que pongan un link hacia mi página.

Esto por supuesto protege mis Derechos de Autor, pero además atrae links hacia mi propio blog.  Y junto con ello, atrae nuevos lectores hacia mi blog.

Ahora la parte técnica.

1. Busco la carpeta donde esta el Tema de mi Blog, este es el diseño, y está en wp-content, y luego entro a la carpeta donde está ubicado el tema.

2. Edito el archivo functions.php y agregas lo siguiente:

function userfunc_author_biobox() {
global $post;
?>
<p><table border=”1″ cellspacing=”0″ cellpadding=”50″ summary=”Author Biobox”>
        <caption align=”top” class=”widgettitle”>Recurso del Autor</caption>
        <tr>
          <th scope=”col”><font size=”2″>Tienes autorizacion para copiar el articulo contenido en esta pagina (tambien en forma parcial), siempre y cuando incluyas junto a el un link hacia mi sitio web, copiando el siguiente texto:</font></th>
        </tr>
        <tr>
          <td bgcolor=”#FFFFCC”><font size=”2″><strong>Keno Toriello  te explica como <a href=”http://www.trabajardesdecasaonline.com/”>Trabajar Desde Casa</a> en su sitio web, donde puedes aprender de su experiencia como Ganar Dinero con Forex, Blogs, Ebay y con tu propio Sitio Web.<br />
            <a href=”http://TrabajarDesdeCasaOnline.com”>http://TrabajarDesdeCasaOnline.com</a></strong></font></td>
        </tr>
      </table></p>
<?php
}

 

3. Esta es una copia de mi Caja de Autor, tu puedes modificarla con tus propios links, por supuesto.  Ahora, donde dice 
class=”widgettitle”
es el formato que debe estar definido en style.css de tu tema. 

4. El nombre de la función es userfunc_author_biobox y este nombre puedes cambiarlo, lo defines tú.  Para mí hace sentido asi, userfunc es una funcion especificada por mí, el usuario, y que no venía en el tema, y author_biobox, es caja de autor en inglés.

5. Ahora edita el archivo single.php
Este archivo son tus entradas, o posteos como también se pueden llamar.  Queremos hacer visible nuestra nueva tabla.  Para ello ubica donde dice
<?php the_content(); ?>
y reemplazalo por
<?php the_content(); userfunc_bookmark_links(); ?>

Y ya está, debieras tener una tabla en formato HTML insertada al final de tu blog.

Comments No hay Comentarios »

Otro aspecto interesante para lograr que nuestras páginas logren mejores resultados en los motores de búsqueda son los Meta Tag.

Definirlos en Español así, incluirlos en el HEAD, vale decir entre <head> y </head>

<meta http-equiv=”Content-Language” content=”es”>

Existe otro, aunque hasta ahora yo no lo ocupo

<meta name=”language” content=”es, spanish” >

Por supuesto también es importante incluir las palabras claves en las que queremos rankear, y una descripción de nuestra página

<meta name=”description” content=”Aquí uno explica en qué consiste la página” />
<meta name=”keywords” content=”separar las palabras clave con coma” />

Comments No hay Comentarios »

Una de las maneras que tengo para poder mejorar los resultados que logran mis páginas en los motores de Búsqueda de Internet, especialmente Google, es especificar bien el idioma de mi página.

Normalmente cuando comienzo a hacer una página en Dreamweaver la plantilla que me abre lo primero que dice al principio es

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>

Entonces la última línea la reemplazo por esta

<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es” xml:lang=”es“>

Así queda bien definido que mi página está escrita en el idioma español.

Ahora bien, si mi página estuviera dedicada solo al público de España sería así

<html xmlns=”http://www.w3.org/1999/xhtml” lang=”es-ES” xml:lang=”es-ES“>

Aunque nunca he definido mis páginas para un mercado en particular, ya que en general los temas de los que escribo se adaptan a cualquier país.

Comments No hay Comentarios »