{"id":5794,"date":"2014-10-27T12:39:58","date_gmt":"2014-10-27T11:39:58","guid":{"rendered":"http:\/\/www.guillemcalatrava.com\/ca\/2014\/10\/27\/mostrando-mi-instagram-en-wordpress\/"},"modified":"2015-10-16T12:59:35","modified_gmt":"2015-10-16T10:59:35","slug":"mostrando-mi-instagram-en-wordpress","status":"publish","type":"post","link":"https:\/\/guillemcalatrava.com\/ca\/2014\/10\/27\/mostrando-mi-instagram-en-wordpress\/","title":{"rendered":"Mostrant el meu Instagram al WordPres"},"content":{"rendered":"<p>\u00daltimament estic enganxat als plugins, si fa uns dies us explicava el <a title=\"Plugin per comparar fotografies al WordPress\" href=\"http:\/\/www.guillemcalatrava.com\/2014\/10\/07\/plugin-para-comparar-fotografias-en-wordpress\/\">plugin que faig servir\u00a0per comparar fotografies<\/a>, avui us explicar\u00e9 el plugin que faig servir per mostrar el meu Instagram al\u00a0WordPress.<\/p>\n<p>Buscava una manera de mostrar, de forma integrada, les imatges que vaig penjant al Instagram a la meva web, de manera que es poguessin veure els comentaris, likes, etc. Lo ideal seria poder comentar i posar like des de la meva pr\u00f2pia web, per\u00f2 per aix\u00f2 de moment no he trobat res, seguir\u00e9 buscant. El plugin en q\u00fcesti\u00f3 es diu<a title=\"Gallerygram\" href=\"http:\/\/codecanyon.net\/item\/gallerygram\/7549360?ref=willysbd\" target=\"_blank\" rel=\"noopener\">Gallerygram<\/a>, costa 16$ i el\u00a0podeu comprar a\u00a0<a title=\"Codecanyon\" href=\"http:\/\/codecanyon.net\/item\/gallerygram\/7549360?ref=willysbd\" target=\"_blank\" rel=\"noopener\">Codecanyon.net<\/a>.<\/p>\n<p>El resultat el\u00a0podeu veure a la p\u00e0gina que he creat &#8220;<a title=\"El meu Instagram\" href=\"http:\/\/www.guillemcalatrava.com\/ca\/galeria\/mi-instagram\">El meu Instagram<\/a>&#8221; i queda d&#8217;aquesat manera:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4462\" src=\"http:\/\/www.guillemcalatrava.com\/wp-content\/uploads\/ElMeuInstragram.jpg\" alt=\"ElMeuInstragram\" width=\"800\" height=\"696\" srcset=\"https:\/\/guillemcalatrava.com\/wp-content\/uploads\/ElMeuInstragram.jpg 931w, https:\/\/guillemcalatrava.com\/wp-content\/uploads\/ElMeuInstragram-300x261.jpg 300w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>A parte de mostrar vuestras im\u00e1genes, y actualizarse autom\u00e1ticamente la galer\u00eda, tambi\u00e9n se puede configurar para mostrar un hashtag concreto. Clicando en las im\u00e1genes se abrir\u00e1n en un lightboox que nos permitir\u00e1 ver los comentarios, o clicar el t\u00edtulo y ver la imagen en la web de Instagram y as\u00ed poder comentar:<\/p>\n<p>A part de mostrar les vostres imatges, i actualitzar-se autom\u00e0ticament la galeria, tamb\u00e9 es pot configurar per mostrar un <em>hashtag<\/em> concret. Clicant a les imatges s&#8217;obriran en un <em>lightboox<\/em> que ens permetr\u00e0 veure els comentaris, o clicar el t\u00edtol i veure la imatge en la web de Instagram i aix\u00ed poder comentar:<\/p>\n<p><a href=\"http:\/\/www.guillemcalatrava.com\/wp-content\/uploads\/captura.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-4458\" src=\"http:\/\/www.guillemcalatrava.com\/wp-content\/uploads\/captura.jpg\" alt=\"captura\" width=\"801\" height=\"469\" srcset=\"https:\/\/guillemcalatrava.com\/wp-content\/uploads\/captura.jpg 932w, https:\/\/guillemcalatrava.com\/wp-content\/uploads\/captura-300x175.jpg 300w\" sizes=\"(max-width: 801px) 100vw, 801px\" \/><\/a><\/p>\n<p>Amb la cerca de plugins per mostrar el meu\u00a0Instagram a WordPress tamb\u00e9 he provat l&#8217;opci\u00f3 que ofereix el plugin que utilitzo per a les meves galeries, el\u00a0<a title=\"Justified Image Grid\" href=\"http:\/\/codecanyon.net\/item\/justified-image-grid-premium-wordpress-gallery\/2594251?ref=willysbd\" target=\"_blank\" rel=\"noopener\">Justified Image Grid<\/a>. Tot i\u00a0que en aquest cas es mostra nom\u00e9s com una galeria, sense mostrar els likes o comentaris, si que \u00e9s cert que tenim molt\u00edssimes m\u00e9s opcions.<\/p>\n<p>El\u00a0<a title=\"Gallerygram\" href=\"http:\/\/codecanyon.net\/item\/gallerygram\/7549360?ref=willysbd\" target=\"_blank\" rel=\"noopener\">Gallerygram<\/a>\u00a0nom\u00e9s permet vincular una p\u00e0gina concreta on mostrar la nostra galeria de Instagram, si volem, per exemple, mostrar en una p\u00e0gina la nostra galeria, i en una altra la galeria d&#8217;un <em>hashtag<\/em> concret, no podrem fer-ho. Per\u00f2 amb <a title=\"Justified Image Grid\" href=\"http:\/\/codecanyon.net\/item\/justified-image-grid-premium-wordpress-gallery\/2594251?ref=willysbd\" target=\"_blank\" rel=\"noopener\">Justified Image Grid<\/a> si \u00e9s possible, doncs podem crear tantes galeries com vulguem, configurant-les de moltes maneres diferents, com amb els exemples que us mostro a continuaci\u00f3:<\/p>\n<p>Mostrant fotografies de qualsevol usuari que continguin el <em>hashtag<\/em> #Naturpixel, limitat a 4 files:<\/p>\n\n<p>Codi emprat:<\/p>\n<pre class=\"brush: php; gutter: false; tab-size: 4; title: ; toolbar: true; notranslate\" title=\"\"> [<a name=\"#\"><\/a>justified_image_grid limit=0 instagram_tag=naturpixel preset=1 row_height=120 height_deviation=50 link_title_field=title img_alt_field=off prettyphoto_theme=dark_rounded caption=off instagram_link=yes\u00a0max_rows=4]<\/pre>\n<p>Mostrant fotografies d&#8217;un usuari concret, en aquest cas de <a title=\"Naturpixel\" href=\"http:\/\/instagram.com\/naturpixel\" target=\"_blank\" rel=\"noopener\">@Naturpixel<\/a>, limitat a 2 files:<\/p>\n\n<p>Codi emprat:<\/p>\n<pre class=\"brush: php; gutter: false; tab-size: 4; title: ; toolbar: true; notranslate\" title=\"\"> [<a name=\"#\"><\/a>justified_image_grid limit=0 instagram_recents=341751487 preset=1 row_height=120 height_deviation=50 link_title_field=title img_alt_field=off prettyphoto_theme=dark_rounded caption=off instagram_link=yes max_rows=2]<\/pre>\n<p>Tamb\u00e9 es pot configurar per mostrar les imatges m\u00e9s grans, provem ara amb el compte d&#8217;en <a title=\"Joan Vendrell\" href=\"http:\/\/instagram.com\/joanvendrell\" target=\"_blank\" rel=\"noopener\">@JoanVendrell<\/a>, limitat a 2 files:<\/p>\n\n<p>Codi emprat:<\/p>\n<pre class=\"brush: php; gutter: false; tab-size: 4; title: ; toolbar: true; notranslate\" title=\"\"> [<a name=\"#\"><\/a>justified_image_grid limit=0 instagram_recents=14682 preset=1 row_height=200 height_deviation=50 link_title_field=title img_alt_field=off prettyphoto_theme=dark_rounded caption=off instagram_link=yes max_rows=2]<\/pre>\n<p>Aquest \u00faltim plugin el\u00a0veig molt interessant para quan volem mostrar als nostres lectors un esdeveniment concret que seguirem mitjan\u00e7ant un <em>hashtag<\/em>. Per exemple, quan a principis de la passada primavera ens vam anar de viatge a Pol\u00f2nia, puj\u00e0vem les fotos amb el <em>hashtag<\/em> #MasurianLakesTrip, si hagu\u00e9ssim creat una p\u00e0gina o entrada en el blog amb la galeria corresponent, s&#8217;haguessin anat actualitzant les fotografies a mesura\u00a0que les an\u00e0vem pujant, quedant un bonic mosaic de l&#8217;experi\u00e8ncia:<\/p>\n\n<p>Codi emprat:<\/p>\n<pre class=\"brush: php; gutter: false; tab-size: 4; title: ; toolbar: true; notranslate\" title=\"\"> [<a name=\"#\"><\/a>justified_image_grid limit=0 instagram_tag=masurianlakestrip instagram_tag_filter=MasurianLakesTrip preset=1 link_title_field=title img_alt_field=off prettyphoto_theme=dark_rounded caption=off instagram_link=yes]<\/pre>\n<p>Espero que us serveixi d&#8217;ajuda, qualsevol dubte el podeu deixar en comentaris.<\/p>\n<p>El meu\u00a0Instragram <a href=\"http:\/\/instagram.com\/g_calatrava\" target=\"_blank\" rel=\"noopener\">@g_calatrava<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00daltimament estic enganxat als plugins, si fa uns dies us explicava el plugin que faig servir\u00a0per comparar fotografies, avui us explicar\u00e9 el plugin que faig servir per mostrar el meu Instagram al\u00a0WordPress. Buscava una manera de mostrar, de forma integrada, les imatges que vaig penjant al Instagram a la meva web, de manera que es [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":4467,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[],"tags":[],"class_list":["post-5794","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/posts\/5794","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/comments?post=5794"}],"version-history":[{"count":0,"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/posts\/5794\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/media\/4467"}],"wp:attachment":[{"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/media?parent=5794"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/categories?post=5794"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guillemcalatrava.com\/ca\/wp-json\/wp\/v2\/tags?post=5794"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}