{"id":449,"date":"2025-10-18T22:21:00","date_gmt":"2025-10-19T02:21:00","guid":{"rendered":"https:\/\/scootercam.net\/notes\/?p=449"},"modified":"2025-10-20T11:54:54","modified_gmt":"2025-10-20T15:54:54","slug":"scootercam-hero","status":"publish","type":"post","link":"https:\/\/scootercam.net\/blog\/scootercam-hero\/","title":{"rendered":"Scootercam-hero"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Scootercam Hero Image Plugin<\/h2>\n\n\n\n<p>A WordPress plugin that displays a responsive webcam image as a hero element on your website, complete with current weather data and a link to daily timelapse videos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">What It Does<\/h3>\n\n\n\n<p>This plugin creates an attractive hero image section featuring:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Live Webcam Image &#8211; Shows the latest photo from your webcam<\/li>\n\n\n\n<li>Current Temperature &#8211; Displays real-time temperature overlay<\/li>\n\n\n\n<li>Humidity Level &#8211; Shows current humidity percentage<\/li>\n\n\n\n<li>Automatic Optimization &#8211; Delivers the right image size for phones, tablets, and desktops<\/li>\n\n\n\n<li>Video Timelapse Link &#8211; Click the image to watch today&#8217;s timelapse video<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Installation<\/h3>\n\n\n\n<p>Upload the plugin file to your WordPress \/wp-content\/plugins\/ directory<br>Activate the plugin through the &#8216;Plugins&#8217; menu in WordPress<br>That&#8217;s it! The plugin is ready to use<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Use<\/h3>\n\n\n\n<p>Add this shortcode to any page, post, or widget where you want the hero image to appear:<\/p>\n\n\n<p>[scootercam-hero]<br \/>\n[scootercam-hero camera=&#8221;amc&#8221;]<br \/>\n[scootercam-hero camera=&#8221;reo&#8221;]<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;scootercam-hero]\n&#91;scootercam-hero camera=\"amc\"] (Amcrest camera - default)\n&#91;scootercam-hero camera=\"reo\"] (Reolink camera)<\/code><\/pre>\n\n\n\n<p>[scootercam-hero camera=&#8221;amc&#8221;] (Amcrest camera &#8211; default)<br>[scootercam-hero camera=&#8221;reo&#8221;] (Reolink camera)<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>**Hide Temperature:**\n&#91;scootercam-hero show_temp=\"false\"]<\/code><\/pre>\n\n\n<p>[scootercam-hero show_temp=&#8221;false&#8221;]<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>**Hide Humidity:**\n&#91;scootercam-hero show_humidity=\"false\"]<\/code><\/pre>\n\n\n<p>[scootercam-hero show_humidity=&#8221;false&#8221;]<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>**Custom Description for Screen Readers:**\n&#91;scootercam-hero alt_text=\"Beach view from Main Street\"]<\/code><\/pre>\n\n\n<p>[scootercam-hero alt_text=&#8221;Beach view from Main Street&#8221;]<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>**Combine Multiple Options:**<\/code><\/pre>\n\n\n\n<p>[scootercam-hero camera=&#8221;reo&#8221; show_temp=&#8221;false&#8221; alt_text=&#8221;Harbor view&#8221;]<br>What You&#8217;ll See<br>The plugin automatically displays:<\/p>\n\n\n\n<p>A high-quality, responsive webcam image that looks great on any device<br>Temperature in the top-left corner (large, easy-to-read)<br>Humidity percentage in the bottom-left corner<br>The entire image is clickable and links to today&#8217;s timelapse video<\/p>\n\n\n\n<p>Technical Notes<\/p>\n\n\n\n<p>Images are automatically optimized for fast loading<br>Modern WebP format is used when supported<br>Falls back to JPEG for older browsers<br>Mobile-friendly and responsive design included<br>Weather data updates automatically from your system<\/p>\n\n\n\n<p>Support<br>For questions or issues, visit scootercam.com<br>License<br>GPL v2 or later<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scootercam Hero Image Plugin A WordPress plugin that displays a responsive webcam image as a hero element on your website, complete with current weather data and a link to daily timelapse videos. What It Does This plugin creates an attractive hero image section featuring: Installation Upload the plugin file to your WordPress \/wp-content\/plugins\/ directoryActivate the &#8230; <a title=\"Scootercam-hero\" class=\"read-more\" href=\"https:\/\/scootercam.net\/blog\/scootercam-hero\/\" aria-label=\"Read more about Scootercam-hero\">Read more<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[38],"tags":[],"class_list":["post-449","post","type-post","status-publish","format-standard","hentry","category-plugins"],"_links":{"self":[{"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/posts\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":3,"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/posts\/449\/revisions"}],"predecessor-version":[{"id":533,"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/posts\/449\/revisions\/533"}],"wp:attachment":[{"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/media?parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/categories?post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scootercam.net\/blog\/wp-json\/wp\/v2\/tags?post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}