briavers/image-bg-position

Expand the media library to allow you to set a focal point

1.1.1 2025-10-16 09:41 UTC

GPL-2.0-or-later

• Brian Verschoore

README

Expand the media library to allow you to set a focal point, which can be used to display an in image in cover while maintaining the needed parts.

Installation

Add the plugin to your plugins folder

Usage

<div class="team__member__header">
    @php
        $focalPoint = get_post_meta($item->image->id, 'bg_pos_desktop');
    @endphp
    <img
        src="{{ $item->image->url }}"
        srcset="{{ $item->image->srcset }}"
        alt="{{ $item->image->alt }}"
        style="{{ $focalPoint ? "object-position: {$focalPoint};" : '' }} {{ $objectFit ? "object-fit: {$objectFit};" : '' }} "
    >
</div>