Wordpress me filtre (trop) mon html !

Bonjour tout le monde !

Tout d'abord je vous souhaite une bonne et heureuse année 2014 !

Venons en aux choses qui fâche... Je suis en train de me développer une solution maison afin de créer un système de page perso pour mes membre. (C'est pas très important mais je plante le décor).

Deux partie sont distincte. Une première qui contient les infos du membre et une seconde, sous forme de mur à la Pinterest, ou chaque "pin" (que j'appel tuiles) est en faite un article d'un blog que m'ont membre à écrit.

Je suis donc en train de créer mes fonction pour remplir tout ce beau monde.

/**
* Create a portfolio profile content
*/
function createPortfolioProfileContent($a, $b, $c, $d, $e, )
{
    //formatting content with hthe html structure
    $content = "
<div id='profile'>
<ul>
<li>$a
<a href='#' id='a'>$b</a>
<p id='b'>$c</p>
<p id='c'>$d</p>
<div class='social_bar'>
<div id='social1'>$a</div>
<div id='social2'>$b</div>
<div id='social3'>$c</div>
<div id='social4'>$d</div>
</div>
<p id='cp_description'>$a</p>
<section class='stats'>
$b | $c
</section>
</li>
</ul>
</div>";
    return $content;
}

Tout ce passe bien mes données s'affiche entièrement...sauf que comme vous avez pu e remarquer j'ai une structure HTML et du CSS pour styliser tout cela... C'est ici que ça coince. Plutôt que je me retranscrire fidèlement mon HTML comme ceci :

<div id='profile'>
        <ul>
            <li>$a
                <a href='#' id='a'>$b</a>
                <p id='b'>$c</p>
                <p id='c'>$d</p>
                <div class='social_bar'>
                    <div id='social1'>$a</div>
                    <div id='social2'>$b</div>
                    <div id='social3'>$c</div>
                    <div id='social4'>$d</div>
                </div>
                <p id='cp_description'>$a</p>
                <section class='stats'>
                    $b | $c
                </section>
            </li>
        </ul>
    </div>

Je me retrouve avec ceci (dans le contenu de mon post le code est bien écrit, cela coince à l'exécution de la page)

<div id="profile">
      <li>        
         <p>lucas</p>
         <p>$a $b $c $d</p>
         <p></p>
        <section class="stats">
          $b | $c
        </section>
      </li>
  </div>

En gros Wordpress m'a enlevé toute mes class/id et à mit tout mes <a> et <p> en un seul <p>... Je me trouve totalement bloqué pour pouvoir afficher correctement mes infos...

Après de longues recherche je suis à court d'idées, j'ai testé de changer les '' en \", d'afficher mon contenu en plusieurs variable (lignes par lignes) pour concaténer ces dernière en une seule... testé les remove_filter('the_content', 'wpautop'); etc... En espérant que vous ayez des idées =) Merci !