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>";









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>";









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>";









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






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

Quarter-circle Tiles

build a pushdown automaton that recognizes the reverse language of a given pushdown automaton?

Mont Emei