Extensions per a un admin més usable

Juliol 2024 / Núria Ramoneda

Millorem l' Author eXperience

Autors/Editors

Totes les persones que gestionen el contingut d'un lloc web des d'un CMS

crear
corregir
modificar
afegir
esborrar

crear i editar contingut

CMS

Gestors de continguts
(Content Management System)

WordPress, Drupal, Joomla,

Magento, PrestaShop....

Autors/Editors i CMS

Fem-los la feina més fàcil!

AX --> Author Experience

Usabilitat estructura i forma

Crea un model de contingut
Personalitza (branding)
Mostra només el que sigui necessari
Prioritza i ordena el menú principal
Utilitza una nomenclatura comprensible i consistent
Assegura't de la consistència interna
Agrupa el contingut relacionat
Facilita la navegació
Organitza les pantalles llistat
Formateja, retalla, limita i valida (dates, números...)

WordPress

on podem ajudar?

Menú

wp-admin

Menú principal de WP

Llistes

llista de posts > /wp-admin/edit.php

Llistes

llista de cpt llibres > /wp-admin/edit.php?post_type=llibres

Detall

detall post o CPT > /wp-admin/post.php?post=5&action=edit

Extensions/Plugins

Codi

alguns exemples

Introducció de contingut (detall del post/CPT, taxonomia):

Advanced Custom Fields (free/Pro) → camps delimitats, amb indicacions addicionals si cal.
Buttons to Edit Next/Previous Post → passar al següent post sense haver de tornar a la llista
Gutenberg Block Editor Toolkit – EditorsKit

Per revisar i localitzar el contingut als llistats

Admin Columns (free/Pro) → permet organitzar les pantalles de llistes de posts, CPT, taxonomies i usuaris. Permet crear filtres diferents i guardar-los i fer-los servir segons convingui.

Gestionar els posts, productes, des del llistat

Post Types Order → et permet ordenar post arbitràriament, ho fa des d’una interfície a part
Simple Custom Post Order → igual però des del mateix llistat
Duplicate Page -> per duplicar qualsevol post, pàgina o CPT
Yoast Duplicate Post → Igual + rewrite & republish
Post Type Switcher → per canviar de tipus qualsevol post, pàgina o CPT

Gestionar la pujada d'imatges

SVG support → per codi o per plugin
Optimole (màx. 1000 visites mes, CDN)
ShortPixel (100crèdits gratuït (1 crèdit imatge / 99$ any, 500gb tràfic)
Imagify (20MB mes, màx. 2Mb image / 99$ any)

Gestió general de l’entorn de treball

Disable Admin Notices individually → permetre a l’usuari amagar les notificacions repetitives que no li aporten res.
Admin Menu Editor (free/pro)
The Ultimate WordPress Toolkit - WP Extended
WP Custom Admin Interface (free/pro)
Admin and Site Enhancements (ASE) (free/pro)

Canviar d'usuari sense entrar i sortir

Altres

Plugin Notes Plus (free)

Separadors menú

/* Mostrar separadors al menu de WP */
#adminmenu li.wp-menu-separator {
    background: #b7b7b7;
    margin: 0;
}
#adminmenu li.menu-top {
    border-top: 1px solid #525050;
}
#adminmenu .wp-submenu li {
    border-bottom: 1px solid #525050;
}
#adminmenu .wp-submenu li:last-child {
    border: none;
}
/* fi separadors */

Què faig?

Desenvolupadora full-stack, especialitzada en WordPress. Amant del CSS i l’HTML semàntic, la UX i l'accessibilitat des de sempre.

Construeixo webs, temes i extensions amb WordPress des del 2006.

Coorganitzadora de la meetup WordPress Barcelona des de 2019.

Coorganitzadora de la WordCamp Barcelona 2023 i coorganitzadora de les WordCamp España Online de 2020 i 2021.

Tinc un gat ros que no em fa cas.

@nuriarai

https://www.linkedin.com/in/nuriaramoneda/

Gràcies per venir!

@nuriarai