Top EVE Online Images Widget Plugins and How to Use Them
EVE Online community sites, corp pages, and fan blogs often benefit from an images widget that displays screenshots, ship renders, and in-game thumbnails. Below are the most useful plugin types and concrete steps to install and configure them, assuming a typical WordPress site (I’ll note alternatives where relevant).
1) ImageGrid / Gallery plugins with EVE image URLs (easy, flexible)
- What it is: Generic gallery plugins (e.g., Envira Gallery, FooGallery, NextGEN) that display images in responsive grids/lightboxes.
- Why use it: Fast setup, mobile-friendly, many layout and lazy-load options.
- How to use:
- Install plugin from WordPress > Plugins > Add New.
- Create a new gallery and choose “Add from URL.”
- Use EVE image server URLs for thumbnails/renders: https://images.evetech.net/types/
/icon?size=256 or /render?size=512 (replace ). - Configure layout (columns, spacing), enable lazy-loading and lightbox.
- Embed via shortcode or block where you want the widget.
2) RSS / Feed widget pulling from an image-hosting source (automatic updates)
- What it is: Widgets that display latest images from an RSS feed (e.g., Smash Balloon Instagram Feed for Instagram, WP RSS Aggregator for custom feeds).
- Why use it: Auto-updates when the source publishes new screenshots (good for Discord/Imgur/Instagram feeds).
- How to use:
- Create/identify a feed source: Imgur album RSS, Instagram account, or a blog that posts EVE screenshots.
- Install feed plugin (e.g., WP RSS Aggregator).
- Add feed URL and set import frequency.
- Configure display as a grid or carousel and place the widget in your sidebar/footer.
3) EVE-specific plugins or ESI-based widgets (developer-friendly, live data)
- What it is: Custom widgets that use EVE Swagger Interface (ESI) and the EVE image server to fetch type icons, renders, or user-uploaded images programmatically.
- Why use it: Pulls authentic in-game images, can combine with item/corp data (type name, market link).
- How to use (general approach):
- Use the EVE image URLs: https://images.evetech.net/types/{type_id}/icon or /render (append ?size=…).
- If you need type IDs, call ESI endpoints (universe/types, market endpoints) or use static mappings.
- Build a small plugin/widget (PHP or JS) that fetches type IDs and outputstags with proper sizes and caching headers.
- Cache results server-side (transients or Redis) to avoid rate limits and speed rendering.
Sample minimal PHP snippet (WordPress widget) to show a single type icon:
php
\(type_id</span><span> </span><span class="token" style="color: rgb(57, 58, 52);">=</span><span> </span><span class="token" style="color: rgb(54, 172, 170);">30744</span><span class="token" style="color: rgb(57, 58, 52);">;</span><span> </span><span></span><span class="token" style="color: rgb(54, 172, 170);">\)size = 256; \(url</span><span> </span><span class="token" style="color: rgb(57, 58, 52);">=</span><span> </span><span class="token double-quoted-string" style="color: rgb(163, 21, 21);">"https://images.evetech.net/types/</span><span class="token double-quoted-string interpolation" style="color: rgb(57, 58, 52);">{</span><span class="token double-quoted-string interpolation" style="color: rgb(54, 172, 170);">\)type_id}/icon?size={\(size</span><span class="token double-quoted-string interpolation" style="color: rgb(57, 58, 52);">}</span><span class="token double-quoted-string" style="color: rgb(163, 21, 21);">"</span><span class="token" style="color: rgb(57, 58, 52);">;</span><span> </span><span></span><span class="token" style="color: rgb(0, 0, 255);">echo</span><span> </span><span class="token double-quoted-string" style="color: rgb(163, 21, 21);">"<img src='</span><span class="token double-quoted-string interpolation" style="color: rgb(57, 58, 52);">{</span><span class="token double-quoted-string interpolation" style="color: rgb(54, 172, 170);">\)url}’ alt=‘EVE type {$type_id}’ loading=‘lazy’ />”;
4) Carousel / Slider plugins (visual, space-efficient)
- What it is: Slider plugins (e.g., Slick Slider, Smart Slider 3) to cycle through screenshots.
- Why use it: Great for front-page hero areas or corp pages that want to showcase a handful of images.
- How to use:
- Install the slider plugin.
- Create a new slider and add images by URL (use images.evetech.net links or hosted images).
- Set autoplay, transition speed, and responsive breakpoints.
- Embed via shortcode where needed.
5) Lightbox + Thumbnail plugin combos (best UX for screenshots)
- What it is: Thumbnail grids plus a lightbox viewer (e.g., PhotoSwipe, FancyBox, Simple Lightbox).
- Why use it: Users can browse thumbnails and open full-resolution renders without leaving the page.
- How to use:
- Install a gallery plugin that supports a lightbox, or add a lightbox plugin alongside your grid.
- Add thumbnail images (icons or scaled renders).
- Link thumbnails to larger image URLs (images.evetech.net with larger size) so lightbox shows high-res version.
- Enable captions to show ship/type names or pilot credits.
Practical tips & best practices
- Use the EVE image server: https://images.evetech.net (types//icon or /render) and append ?size=64|128|256|512 depending on layout.
- Credit CCP where appropriate for community galleries; avoid using trademarked logos for commerce.
- Cache aggressively: use plugin caching or server-side caching for ESI calls and remote images to reduce load and avoid throttling.
- Respect dimensions: icons are optimized for small sizes; renders may not exist for every type_id—fall back to icons when renders 404.
- Accessibility: include alt text with type names and use descriptive captions (ship name, pilot/corp if applicable).
Quick decision guide
- Need auto-updating from social? Use Feed widget (RSS/Instagram/Imgur).
- Want authentic in-game visuals + data? Build or use ESI-based widget with images.evetech.net.
- Want simple, fast setup? Generic gallery plugin with image URLs.
- Showcase a few top shots? Carousel/slider.
- Prioritize browsing and detail view? Grid + lightbox.