Outils pour utilisateurs

Outils du site


Panneau latéral

html_design:convert_wp:get_style_cssbo

Spécialisation des styles pour le backoffice

Lorsque l'on édite la page en backoffice, nous n'avons pas encore un rendu convenable, nous allons donc modifier les styles pour avoir un rendu adapté dans l'éditeur de page. Pour le moment, nous avons un rendu tel que celui ci-dessous :

Création de la CSS backoffice

Nous allons créer le fichier themes/foodexpress/style/backoffice.xul.all.css qui sera donc appliqué pour l'éditeur backoffice et qui a le contenu suivant :

content-block, #sidebar-block, #content-block, #secondary-sidebar-block {
        width: 99%;
}

Il faut maintenant inclure cette CSS à notre CSS globale, on édite alors notre fichier themes/foodexpress/style/style.css, pour cela on ajoute à la fin du fichier la ligne :

@import url(/themes/foodexpress/style/backoffice.xul.all.css);

Screenshot

Nous avons maintenant un affichage backoffice qui s'affiche correctement et plus en phase avec la réalité

html_design/convert_wp/get_style_cssbo.txt · Dernière modification: 2017/01/19 14:54 (modification externe)