Dacă sunteți developer și lucrați după un design primit, atunci e posibil să întâlniți situația în care într-un blockquote să aveți inserat de designer un div.
Add <div></div> to default blockquotes in WordPress
Sunt două locuri unde puteți insera divul, fie deasupra paragrafului, fie dedesubt:
<blockquote class="wp-block-quote">
<div class="top_quote"></div>
<p>Etiam malesuada finibus dolor, non vulputate dui auctor a. Sed iaculis felis in rhoncus pharetra. Cras sit amet commodo purus, quis faucibus augue.</p>
</blockquote>
sau:
<blockquote class="wp-block-quote">
<p>Etiam malesuada finibus dolor, non vulputate dui auctor a. Sed iaculis felis in rhoncus pharetra. Cras sit amet commodo purus, quis faucibus augue.</p>
<div class="top_quote"></div>
</blockquote>
Pentru a rezolva problema aveți nevoie de jQuery. Această bibliotecă este de multe inserată de temă (verificați), dacă nu trebuie să o inserați manual:
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
sau orice altă versiune mai nouă.
După care, dacă vreți div-ul (clasa o puteți schimba) înainte de p:
<script>
$('blockquote').prepend('<div class="top_quote"></div>');
</script>
dacă vreți după:
<script>
$('blockquote').append('<div class="top_quote"></div>');
</script>
Aceaste coduri vor adăuga automat divul (sau divurile) necesare la fiecare blockquote din postările dvs.
Mult succes!
Comentarii recente