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):

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

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

Canviar d'usuari sense entrar i sortir

Altres

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

Extensions per a un admin WP més usable

By Núria Ramoneda Aiguadé

Extensions per a un admin WP més usable

  • 30