{"id":11452,"date":"2018-09-21T16:00:17","date_gmt":"2018-09-21T19:00:17","guid":{"rendered":"https:\/\/king.host\/wiki\/?post_type=article&p=11452"},"modified":"2021-12-04T15:22:06","modified_gmt":"2021-12-04T17:22:06","slug":"wordpress-imagem-do-post-facebook","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/wordpress-imagem-do-post-facebook\/","title":{"rendered":"WordPress – Imagem do post ao compartilhar no Facebook"},"content":{"rendered":"\n

Voc\u00ea est\u00e1 tendo algum problema ao compartilhar uma p\u00e1gina do seu site WordPress no Facebook e n\u00e3o aparecer a imagem do post? Geralmente isso est\u00e1 atrelado ao template que voc\u00ea est\u00e1 utilizando.<\/p>\n\n\n\n

\"Plataforma<\/a><\/figure>\n\n\n\n

Para que um post de seu site WordPress, quando compartilhado no Facebook tenha sempre uma imagem relacionada, \u00e9 crucial que o tema utilize o atributo og:image<\/strong>. Ele define que a imagem vai ser tratada e ser\u00e1 usada como thumbnail<\/em> do link compartilhado. Caso o post em quest\u00e3o tenha uma imagem destacada, o Facebook somente exibir\u00e1 essa imagem caso o theme<\/em> possua suporte a isso.<\/p>\n\n\n\n

Veja um exemplo onde a imagem do post tamb\u00e9m \u00e9 exibida:<\/p>\n\n\n\n

\"Imagem<\/a><\/figure>\n\n\n\n

<\/span>Onde posso inserir essa imagem durante a edi\u00e7\u00e3o do post?<\/span><\/h2>\n\n\n\n

Dentro da edi\u00e7\u00e3o do post, na metabox Imagem destacada<\/strong>.<\/p>\n\n\n\n

\"Op\u00e7\u00e3o<\/a><\/figure>\n\n\n\n

Como dito acima, somente funcionar\u00e1 essa op\u00e7\u00e3o caso seu tema tenha suporte ao atributo.<\/strong>
Mas, mesmo que seu tema n\u00e3o tenha por padr\u00e3o esse suporte, podemos utilizar plugins ou fazer algumas adi\u00e7\u00f5es ao tema para que ele passe a ter suporte ao og:image<\/strong>.<\/p>\n\n\n\n

<\/span>Dar suporte via tema \u00e0 imagem do post<\/span><\/h2>\n\n\n\n

No arquivo functions.php<\/strong> do tema utilizado pelo site, insira o seguinte c\u00f3digo e altere os termos nas linhas em destaque.<\/p>\n\n\n\nImportante!<\/strong> Antes de fazer qualquer altera\u00e7\u00e3o \u00e9 importante realizar backup<\/strong> dos arquivos do seu tema pois ser\u00e1 adicionado c\u00f3digo a um dos arquivos mais importantes do template.<\/alerta>\n\n\n\n

\/\/ Open Graph nos atributos de linguagem\nfunction add_opengraph_doctype( $output ) {\n        return $output . ' xmlns:og=\"http:\/\/opengraphprotocol.org\/schema\/\" xmlns:fb=\"http:\/\/www.facebook.com\/2008\/fbml\"';\n    }\nadd_filter('language_attributes', 'add_opengraph_doctype');\n \n\/\/Meta info\nfunction insert_fb_in_head() {\n    global $post;\n    if ( !is_singular()) \/\/se n\u00e3o \u00e9 post ou p\u00e1gina\n        return;\n        \/* echo ''; *\/\n        echo '';\n        echo '';\n        echo '';\n        echo '';\n    if(!has_post_thumbnail( $post->ID )) { \/\/se o post n\u00e3o tiver uma imagem destacada, usar a imagem padr\u00e3o\n        $default_image=\"http:\/\/seusite.com.br\/image.jpg\"; \/\/substitua por uma imagem do seu site (geralmente uma imagem de logo)\n        echo '';\n    }\n    else{\n        $thumbnail_src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );\n        echo '';\n    }\n    echo \"\n\";\n}\nadd_action( 'wp_head', 'insert_fb_in_head', 5 );\n<\/pre>\n\n\n\n
\u27a1 Atente-se \u00e0 linha 18! O valor de default_image<\/em> ser\u00e1 utilizado para informar a URL de uma imagem padr\u00e3o do site. Ou seja, quando voc\u00ea n\u00e3o setar alguma imagem destacada para o site, a imagem configurada aqui ser\u00e1 utilizada por padr\u00e3o. Portanto evitamos que o post que voc\u00ea tenha compartilhado fique sem imagem.<\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[205],"article-tag":[],"class_list":["post-11452","article","type-article","status-publish","format-standard","hentry","article-category-wp-gerenciamento-site"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t