Using concatenate with WordPress Thumbnail












1














Hi can someone explain me why the thumbnail is showing outside from the div? am i using the function correctly to concatenate the thumbnail inside the $list. BTW im running this code inside a shortcode that's why i use a concatenate function.



$list = "";

$list = " <div class='box'> ". the_post_thumbnail('post-thumbnail') . "</div>";





post-thumbnails







share|improve this question









New contributor




j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • Can you please share the output HTML you are getting for the above
    – Pratik bhatt
    43 mins ago
















1














Hi can someone explain me why the thumbnail is showing outside from the div? am i using the function correctly to concatenate the thumbnail inside the $list. BTW im running this code inside a shortcode that's why i use a concatenate function.



$list = "";

$list = " <div class='box'> ". the_post_thumbnail('post-thumbnail') . "</div>";





post-thumbnails







share|improve this question









New contributor




j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • Can you please share the output HTML you are getting for the above
    – Pratik bhatt
    43 mins ago














1












1








1







Hi can someone explain me why the thumbnail is showing outside from the div? am i using the function correctly to concatenate the thumbnail inside the $list. BTW im running this code inside a shortcode that's why i use a concatenate function.



$list = "";

$list = " <div class='box'> ". the_post_thumbnail('post-thumbnail') . "</div>";





post-thumbnails







share|improve this question









New contributor




j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











Hi can someone explain me why the thumbnail is showing outside from the div? am i using the function correctly to concatenate the thumbnail inside the $list. BTW im running this code inside a shortcode that's why i use a concatenate function.



$list = "";

$list = " <div class='box'> ". the_post_thumbnail('post-thumbnail') . "</div>";





post-thumbnails




post-thumbnails






share|improve this question









New contributor




j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited 12 mins ago









Krzysiek Dróżdż

13.5k52741




13.5k52741






New contributor




j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked 52 mins ago









j. Red

62




62




New contributor




j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






j. Red is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












  • Can you please share the output HTML you are getting for the above
    – Pratik bhatt
    43 mins ago


















  • Can you please share the output HTML you are getting for the above
    – Pratik bhatt
    43 mins ago
















Can you please share the output HTML you are getting for the above
– Pratik bhatt
43 mins ago




Can you please share the output HTML you are getting for the above
– Pratik bhatt
43 mins ago










1 Answer
1






active

oldest

votes


















2














the_post_thumbnail function echoes the result and does not return anything.



If you want to concatenate it this way, you should use wp_get_attachment_image instead.



$list .= '<div>'. wp_get_attachment_image( get_post_thumbnail_id(), 'post-thumbnail' ) . '</div>';





share|improve this answer























  • Hi sir. Thanks for the help. btw sir where did you learned this codes .. do i really need to search this 1 by 1 from wordpress documentation
    – j. Red
    7 mins ago










  • Ive just checked documentation for that function developer.wordpress.org/reference/functions/the_post_thumbnail - it clearly says "Display the post thumbnail.". Yes - development is all about reading docs for tools you use.
    – Krzysiek Dróżdż
    6 mins ago










  • PS. Remember to mark answer as correct if it was helpful - this way site stays tide and question is not unanswered any more.
    – Krzysiek Dróżdż
    5 mins ago











Your Answer








StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "110"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});






j. Red is a new contributor. Be nice, and check out our Code of Conduct.










draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fwordpress.stackexchange.com%2fquestions%2f323955%2fusing-concatenate-with-wordpress-thumbnail%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









2














the_post_thumbnail function echoes the result and does not return anything.



If you want to concatenate it this way, you should use wp_get_attachment_image instead.



$list .= '<div>'. wp_get_attachment_image( get_post_thumbnail_id(), 'post-thumbnail' ) . '</div>';





share|improve this answer























  • Hi sir. Thanks for the help. btw sir where did you learned this codes .. do i really need to search this 1 by 1 from wordpress documentation
    – j. Red
    7 mins ago










  • Ive just checked documentation for that function developer.wordpress.org/reference/functions/the_post_thumbnail - it clearly says "Display the post thumbnail.". Yes - development is all about reading docs for tools you use.
    – Krzysiek Dróżdż
    6 mins ago










  • PS. Remember to mark answer as correct if it was helpful - this way site stays tide and question is not unanswered any more.
    – Krzysiek Dróżdż
    5 mins ago
















2














the_post_thumbnail function echoes the result and does not return anything.



If you want to concatenate it this way, you should use wp_get_attachment_image instead.



$list .= '<div>'. wp_get_attachment_image( get_post_thumbnail_id(), 'post-thumbnail' ) . '</div>';





share|improve this answer























  • Hi sir. Thanks for the help. btw sir where did you learned this codes .. do i really need to search this 1 by 1 from wordpress documentation
    – j. Red
    7 mins ago










  • Ive just checked documentation for that function developer.wordpress.org/reference/functions/the_post_thumbnail - it clearly says "Display the post thumbnail.". Yes - development is all about reading docs for tools you use.
    – Krzysiek Dróżdż
    6 mins ago










  • PS. Remember to mark answer as correct if it was helpful - this way site stays tide and question is not unanswered any more.
    – Krzysiek Dróżdż
    5 mins ago














2












2








2






the_post_thumbnail function echoes the result and does not return anything.



If you want to concatenate it this way, you should use wp_get_attachment_image instead.



$list .= '<div>'. wp_get_attachment_image( get_post_thumbnail_id(), 'post-thumbnail' ) . '</div>';





share|improve this answer














the_post_thumbnail function echoes the result and does not return anything.



If you want to concatenate it this way, you should use wp_get_attachment_image instead.



$list .= '<div>'. wp_get_attachment_image( get_post_thumbnail_id(), 'post-thumbnail' ) . '</div>';






share|improve this answer














share|improve this answer



share|improve this answer








edited 13 mins ago

























answered 41 mins ago









Krzysiek Dróżdż

13.5k52741




13.5k52741












  • Hi sir. Thanks for the help. btw sir where did you learned this codes .. do i really need to search this 1 by 1 from wordpress documentation
    – j. Red
    7 mins ago










  • Ive just checked documentation for that function developer.wordpress.org/reference/functions/the_post_thumbnail - it clearly says "Display the post thumbnail.". Yes - development is all about reading docs for tools you use.
    – Krzysiek Dróżdż
    6 mins ago










  • PS. Remember to mark answer as correct if it was helpful - this way site stays tide and question is not unanswered any more.
    – Krzysiek Dróżdż
    5 mins ago


















  • Hi sir. Thanks for the help. btw sir where did you learned this codes .. do i really need to search this 1 by 1 from wordpress documentation
    – j. Red
    7 mins ago










  • Ive just checked documentation for that function developer.wordpress.org/reference/functions/the_post_thumbnail - it clearly says "Display the post thumbnail.". Yes - development is all about reading docs for tools you use.
    – Krzysiek Dróżdż
    6 mins ago










  • PS. Remember to mark answer as correct if it was helpful - this way site stays tide and question is not unanswered any more.
    – Krzysiek Dróżdż
    5 mins ago
















Hi sir. Thanks for the help. btw sir where did you learned this codes .. do i really need to search this 1 by 1 from wordpress documentation
– j. Red
7 mins ago




Hi sir. Thanks for the help. btw sir where did you learned this codes .. do i really need to search this 1 by 1 from wordpress documentation
– j. Red
7 mins ago












Ive just checked documentation for that function developer.wordpress.org/reference/functions/the_post_thumbnail - it clearly says "Display the post thumbnail.". Yes - development is all about reading docs for tools you use.
– Krzysiek Dróżdż
6 mins ago




Ive just checked documentation for that function developer.wordpress.org/reference/functions/the_post_thumbnail - it clearly says "Display the post thumbnail.". Yes - development is all about reading docs for tools you use.
– Krzysiek Dróżdż
6 mins ago












PS. Remember to mark answer as correct if it was helpful - this way site stays tide and question is not unanswered any more.
– Krzysiek Dróżdż
5 mins ago




PS. Remember to mark answer as correct if it was helpful - this way site stays tide and question is not unanswered any more.
– Krzysiek Dróżdż
5 mins ago










j. Red is a new contributor. Be nice, and check out our Code of Conduct.










draft saved

draft discarded


















j. Red is a new contributor. Be nice, and check out our Code of Conduct.













j. Red is a new contributor. Be nice, and check out our Code of Conduct.












j. Red is a new contributor. Be nice, and check out our Code of Conduct.
















Thanks for contributing an answer to WordPress Development Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid …



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • Please be sure to answer the question. Provide details and share your research!

But avoid …



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fwordpress.stackexchange.com%2fquestions%2f323955%2fusing-concatenate-with-wordpress-thumbnail%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







-

Popular posts from this blog

Ellipse (mathématiques)

Image
Pour les articles homonymes, voir Ellipse. L'ellipse est le lieu des points dont la somme des distances à deux points fixes, dits foyers, est constante. Section du cône ou projection du cercle. En géométrie, une ellipse est une courbe plane fermée obtenue par l’intersection d’un cône de révolution avec un plan, à condition que celui-ci coupe l'axe de rotation du cône ou du cylindre : c'est une conique d'excentricité strictement comprise entre 0 et 1. On peut également la définir comme le lieu des points dont la somme des distances à deux points fixes, dits foyers, est constante (sa construction par la méthode du jardinier est très simple). Dans la vie courante, l’ellipse est la forme qu'on perçoit en regardant un cercle en perspective, ou la figure formée par l’ombre d'un disque sur une surface plane. On retrouve aussi, en première approximation [ 1 ] , des ellipses dans les trajectoires des corps célestes (planètes, comètes ou satellites arti...
Read more

Quarter-circle Tiles

Image
up vote 0 down vote favorite I have $99$ identical square tiles, each with a quarter-circle drawn on it like this: [asy] size(1.5cm); draw(Arc((2,0),1,90,180),red+1); draw((0,0)--(2,0)--(2,2)--(0,2)--(0,0)); [/asy] When I arrange the tiles in a $9times 11$ rectangular grid, each with a random orientation, what is the expected value of the number of full circles I form? I think this problem has to do with finding the chance any given 2x2 square has a circle, but I can't find it. expected-value share | cite | improve this question asked Nov 20 at 15:03 6minecraftninja 1 2 ...
Read more

Mont Emei

Image
Mont Emei.mw-parser-output .entete.map{background-image:url("//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png")} Vue du sommet Wanfo du mont Emei Géographie Altitude 3 099  m , Wanfo Coordonnées 29° 31′ 11″ nord, 103° 19′ 57″ est Administration Pays   Chine Province Sichuan Ville-préfecture Leshan Géolocalisation sur la carte : Sichuan Mont Emei Géolocalisation sur la carte : Chine Mont Emei modifier   Paysage panoramique du mont Emei, incluant le paysage panoramique du grand Bouddha de Leshan *   Patrimoine mondial de l'UNESCO Passerelle en bois sur le versant ouest Pays   Chine Subdivision Sichuan Type Mixte Critères (iv) (vi) (x) Superficie 15 400 ha Numéro d’identification 779 Zone géographique Asie et Pacifique  ** Année d’inscription 1996 (20 e session) * Descriptif officiel UNESCO ** Classification géog...
Read more