เข้า https://lightwidget.com/
สมัครใช้งาน แล้วทำตามขั้นตอน ได้ code มาแล้วเอาไปใส่ใน footer.php ของ wordpress
ตอนกด connect เลือกจาก instagram ถ้าหาก คุณมีหลาย instagram ที่ควบคุมด้วย การ login โดย facebook ก็ sign out ก่อน แล้วไป login instagram ด้วยอีเมล
<?php
/**
* The template for displaying the footer
*
* Contains the closing of the #content div and all content after.
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package PhotoFocus
*/
?>
</div><!-- .wrapper -->
</div><!-- #content -->
<!-- LightWidget WIDGET --><script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/1f8b6b0bbde950b0bbca99a6393a2f26.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe>
<?php get_template_part( 'template-parts/footer/footer', 'instagram' ); ?>
<footer id="colophon" class="site-footer">
<?php get_template_part( 'template-parts/footer/footer-widgets' ); ?>
<div id="site-generator" style="padding: 10px;">
<?php get_template_part('template-parts/navigation/navigation-footer'); ?>
<?php get_template_part('template-parts/footer/site-info'); ?>
<!--<div style="text-align:center;font-size:0.7em;">Copyright © 2021 Herman | MoDesign By <a href="https://vir9.com/">Vir9.com</a></div>
--></div><!-- #site-generator -->
</footer><!-- #colophon -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>
<!-- ใช้ position:fixed แทน background:fixed ทำให้ไอโฟนเห็นหัวเว็บได้ปกติแต่ footer มีปัญหา ระยะห่างขอยล่างมีช่อง แล้วทำให้ crหายไป แก้โดยหา footer มาปิดซ้อน โดยใช้โค๊ดด้านบน ในไฟล์ footer.php-->
<!-- ถ้าใช้ background:fixed ไม่ต้องใช้ code ด้านบน แต่มันทำให้หัวเว็บไอโฟนขยายใหญ่ ยังแก้บั๊กไม่ได้ broswer ของ iphone เองมีปัญหา-->
วิธีอื่นๆ ใช้ plugin
https://flow.in.th/การดึงรูปภาพจาก-instagram-มาแสดงที่-website/
https://bacidea.com/2018/04/instagram-widget-blogspot-blogger.html