PHP style = & quot; background-image (… & quot; взломать мой javascript новыми забавными способами

Оооооо мальчик Итак, у меня есть этот действительно хакерский PHP, но я учу себя, работая над проектом WordPress для разработки тем.

Пытаясь интегрировать этот Rad GradientMaps API и обнаружил странную ошибку. Когда я применяю свою функцию js к моему сконструированному PHP-элементу, все разрушается, если я не удаляю> из конца моего html-элемента и не позволяю ему проглотить открывающий тег следующего элемента (в данном случае »

Я часами взламывал его, и да, я пытался реконструировать мой PHP по-новому, но это единственный способ, который мне кажется:

            <?php
$args = array( 'numberposts' => 6, 'post_status'=>"publish",'post_type'=>"post",'orderby'=>"post_date");

$postslist = get_posts( $args );
echo '<div class="recent-posts flexbox">';
foreach ($postslist as $post) :  setup_postdata($post);
echo "<div class=\"flex-section-3 rpost-thumb\" style=\"background-image: url(";
the_post_thumbnail_url();
// reference point here
echo ")\">";
?>
<h4 class="rpost-category">
<?php es_entry_category(); ?>
</h4>

Как я уже сказал, хакер.

Когда я добавляю свой класс для запуска JavaScript градиента MAP над элементом, это то, что появляется в консоли:

    <div class="flex-section-3 random-grad rpost-thumb" style="background-image: url("http://localhost:8000/wp-content/uploads/2016/12/20161222_203726-1200x675.jpg"); filter: url("#filter-1485467730713");" <h4 data-gradientmap-filter="filter-1485467730713">
Category <!-- this is the text result of es_entry_category() -->
<div class="rpost-meta">
<div class="rpost-meta-wrapper">
...

Насколько я могу судить, проблема в том, что js добавляет больше стилевых атрибутов, а мой \ «сразу после того, как моя закомментированная контрольная точка закрывает атрибут style =» «, прежде чем туда будут добавлены все градиентные карты. Но я могу действительно не теряю бизнес style = «background …», не теряя возможности динамического фонового URL (функция php the_post_thumbnail_url). Я погуглил свое лицо и не могу понять это.

Итак, а) есть какое-то очевидное решение, которое я полностью пропускаю?
и B) есть ли какой-то другой синтаксис PHP, который я могу использовать, чтобы очистить эту нелепую сеть от эха и приглушенных цитат и, надеюсь, решить мою проблему таким образом?

Вот мой jsfiddle для большего контекста. Я действительно ценю любую помощь, которую я могу получить на этом!