Julius'Lab

Wordpress

Alinear imagen y texto dentro de un div tipo tabla

CSS

div.linklist {  /* linklist es el div "padre", cada div.linklist es una fila */
    display:table;
    padding-left:35px; 
    width:100%;
    margin:0px 0; /* you can change/remove margin */
}
div.text{ 
    vertical-align:middle;
    display:table-cell;
    padding:10px;
    text-align:justify;
    font-size:24px;
}
div.linklist .img{
    vertical-align:middle;
    display:table-cell;
    padding-right:5px;
    width:30%; /* you can change width */
}
div.img img{ 
    width:100%;
    height:auto; /* you can change height */
    vertical-align:middle;
}

HTML

  <div class="linklist">
  <div class="img"><a href="enlace"><img src="imagen.png" /></a></div>
  <div class="text"><a href="enlace">USA y Caribe</a></div>
  </div>

Alinear imagen y texto dentro de un div tipo tabla Leer más »

Cómo colocar código PHP en posts de WordPress

Es muy truculento, ya que hay que sustituir las aperturas de tags «<" y ">» con las siguientes «character entities»:

< = &lt; or &#60;
> = &gt; or &#62;
/ = &#47;  	
] = &#93;
[ = &#91;
" = &quot; or &#34;
' = &#39;
“ = &ldquo; or &#8220;
” = &rdquo; or &#8220;
‘ = &lsquo; or &#8216;
’ = &rsquo; or &#8217;
& = &amp; or &#38;

Observar cómo están colocadas aquí, no copiar del html, sino del resultado del post.

En lugar de escribir:

<? php
my_function();
?>

Hay que escribir (en la pestaña html para redactar el post):

&#60;? php
my_function()
?&#62;

Es decir, sustituir cada «<" y ">» con su código correspondiente.

Una vez que se hace así, el código ya no afectará el renderizado de la página.

Cómo colocar código PHP en posts de WordPress Leer más »