WP Manifestindependent plugin directory
manifest / developer / responsivelens

ResponsiveLens

Aperçu simultané de votre site à différentes résolutions. Idéal pour tester le responsive.

by Troteseil lucas · github.com/lucas-tsl/responsivelens

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/lucas-tsl/responsivelens/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/lucas-tsl/responsivelens ↗

ResponsiveLens est un plugin WordPress permettant de visualiser votre site en simultané dans différentes résolutions d'écran directement depuis l'interface d'administration. Idéal pour tester le responsive design sur divers appareils (smartphones, laptops, desktops).

🚀 Fonctionnalités

  • Aperçu en temps réel de votre site dans plusieurs résolutions :
    • Pixel 5 (393×851)
    • iPhone 12 Pro (390×844)
    • SXGA (1280×1024)
    • HD (1366×768)
    • HD+ (1600×900)
    • FHD (1920×1080)
    • WUXGA (1920×1200)
  • Interface admin avec Tailwind CSS
  • Affichage multi-périphérique dans une grille responsive
  • Possibilité de passer chaque vue en plein écran
  • Léger, rapide, aucun réglage requis

🖥️ Captures d’écran

(Ajoute ici des captures de ton interface si souhaité)

📦 Installation

Depuis l’admin WordPress

  1. Télécharge le fichier ZIP du plugin.
  2. Va dans Extensions > Ajouter > Téléverser une extension.
  3. Sélectionne le fichier responsivelens.zip puis clique sur Installer.
  4. Active le plugin via le menu des extensions.

Depuis le FTP

  1. Place le dossier responsivelens/ dans wp-content/plugins/.
  2. Active le plugin depuis l’admin WordPress.

🔧 Utilisation

  1. Une fois activé, va dans ResponsiveLens (menu latéral admin).
  2. Tu verras une grille de vues du site selon plusieurs résolutions.
  3. Clique sur "Plein écran" pour tester en grand format.

⚙️ Configuration optionnelle

Si ton site empêche le rendu dans une iframe (X-Frame-Options activé), ajoute ceci dans functions.php pour autoriser l'aperçu en local :


remove_action('send_headers', 'wp_send_frame_options_header');