Skip to content

v2.3.2 — Favicons, image effects, About-me box & more polish

Choose a tag to compare

View all tags
@toineenzo toineenzo released this 26 Apr 00:39
v2.3.2
23fc532

A polish patch on top of v2.3.1. Lots of small quality-of-life wins for the admin and a couple of new visual options for the public page.

No data migration needed; all new keys default sensibly via array_merge on first read.

✨ New

Favicons as default link image

Adding a link via + Add link now prefills the image with the favicon of the destination URL (Google's s2/favicons endpoint at sz=128). You can replace it with your own upload or paste a different URL at any time.

Always-visible Clear image button

Every image input across the settings — link items, category banners, site logo, browser favicon, About-me photo, background image — now has a red Clear image button next to the upload widget. One click empties the URL field, the file input and the thumb preview.

Open-in-new-tab toggle

New General → Open all links from the homepage in a new tab checkbox (default on). Frontend renders link cards and image-grid tiles with target=\"_blank\" rel=\"noopener noreferrer\" when enabled.

About-me section in a card box

The About-me block on the public page is now wrapped in the same card-style container the category boxes use — soft background, border, blur, rounded corners.

Per-image sizing & shape

The site logo and About-me photo each get their own controls in Appearance:

  • Site logo size (CSS length, default 96px)
  • Round site logo toggle (circular mask vs general border-radius)
  • Round About-me photo toggle
  • The existing About photo size field stays

Both images render through new --lfp-logo-radius / --lfp-photo-radius CSS variables that resolve to 999px when round, otherwise to the general border-radius value.

Separate browser favicon

New Browser favicon field in General with URL or upload. The frontend's <link rel=\"icon\"> uses the favicon when set and falls back to the Logo / avatar when empty.

Background image effects

Five new sliders in Appearance → Background image:

Field Range Effect
Blur CSS length Gaussian blur on the image only — text stays sharp
Brightness % 0–300 <100 darker, >100 brighter
Saturation % 0–300 0 = grayscale, 100 = original
Overlay color color Tint over the image
Overlay opacity % 0–100 0 = no tint

Implemented via two fixed pseudo-elements (body.has-lfp-bg::before for the picture + filter chain, ::after for the overlay color/alpha) so the filters only affect the picture and not the text content above it.

Tab order

The settings page tab strip is now Links → Image grid → General → Appearance so the three content tabs flow naturally before the design panel.

Live font preview always visible

The Live preview card now sits outside the source-specific blocks and updates for every font source: System (free-text font-family stack), Google Fonts (loads from fonts.googleapis.com on demand) and Custom upload (creates a temporary blob-URL @font-face from the file you just picked, or uses the saved font_custom_url).

⬇️ Installation

cd /path/to/yourls/user/plugins
rm -rf yourls-link-front-page
unzip /path/to/YOURLS-Link-Front-Page-2.3.2.zip

…or git pull if you cloned the repo. No database changes.

Full changelog: v2.3.1…v2.3.2

Assets 3
Loading