Paramètrer le thème

Accéder au paramétrage par le menu "Site / Gestion des propriétés du site" puis déplier la section "Configuration du Thème Paris.fr".

  • Bandeau du site
    • Afficher le bandeau : Afficher ou masque le bandeau sur l'ensemble du site
    • Afficher l'image sur le bandeau sur la page d'accueil du site : Afficher l'image définie dans le champ "Image du bandeau" bandeau sur la page d'accueil du site
    • Afficher le bandeau sur toutes les pages : Afficher le bandeau sur toutes les pages, par défaut le bandeau n'est affiché que sur la page d'accueil
    • Image du bandeau : Par défaut "images/local/skin/banner.jpg", c'est l'url de l'image de fond du bandeau.
    • Image du bandeau : Par défaut "images/local/skin/banner.jpg", c'est l'url de l'image de fond du bandeau.
    • Couleur du titre : Couleur du titre du bandeau
    • Couleur de fond du titre : Couleur de fond du titre du bandeau. Attention cela ne doit être utilisé qu'en cas de problème de contraste avec l'image de fond, car cela forcément déroge du Design System
    • Padding du titre : Marge qui laisse apparaitre le fond de couleur. Attention cela ne doit être utilisé qu'en cas de problème de contraste avec l'image de fond, car cela forcément déroge du Design System
    • Position verticale de l'image de fond : Permet de décaler l'image de fond sur l'axe Y
    • Position horizontale de l'image de fond : Permet de décaler l'image de fond sur l'axe X
  • Bandeau des formulaires
    • Afficher l'image du site sur le bandeau : Afficher l'image par défaut du site sur le bandeau des formulaires;
    • Afficher l'image du formulaire sur le bandeau : Afficher l'image de chacun des formulaires ayant une image uploadée à la place de l'image par défaut du bandeau
    • Afficher le titre du formulaire sur le bandeau : Afficher le titre du formulaire sur l'image. Si non cochée, le titre n'est pas affiché au-dessus de l'image du formulaire.
  • Configurations
    • Configuration par défaut du date picker : Options de configurations du date picker - Exemple:  daysOfWeekDisabled": [0,6]
    • Configuration par défaut de l'éditeur du Thème : Options de configurations de l'éditeur wysiwyg - Exemple: quickbars_insert_toolbar: 'lutece code | undo redo'
  • Mise en page
    • Mise en page fluide : Si cochée, la mise en page est fluide, bord à bord. Par défaut la mise en page est fixe avec une zone de 1440px max centrée pour les écrans "Desktop"
  • Options des liens
    • Affichage par défault de l'icone target "blank_ " : Affiche l'icone target blank_ sur tous les liens. Sinon utiliser la classe css ".target-show-icon"
  • Gestion des menus 
    • Activer la gestion des  menus long : Si cette case est décochée, si les menus dépassent la taille maximale du menu, un sous menu se créé automatiquement pour afficher les menus qui dépassent la largeur maximum.
    • Activer le menu principal vertical : Affiche le menu principal dans une zone latérale à gauche.
    • Rendre le menu principal vertical retractable : Ajoute la possibilité d'afficher un bouton permettant de masquer / Afficher le menu vertical.
    • Afficher le menu principal : Affiche le menu principal -barre de menu-. A décocher par exemple si l'on ne veut que le menu "sidebar".
    • Ajouter le bouton "Retour en haut" : Affiche en bas à droite un bouton pour remonter en haut de page.
    • Le menu principal est fixe : Si cette case est cochée, le menu principal est fixe.
  • Urls
    • Formulaire de contact : Par défaut https://www.paris.fr/pages/contact-232, c'est l'url du formulaire de contact de l'application
    • Politique des cookies : Par défaut https://www.paris.fr/pages/cookies-234, c'est l'url Politique des cookies de l'application
    • Mentions légales : Par défaut https://www.paris.fr/pages/mentions-legales-235, c'est l'url d'accès à la politique aux mentions légales
    • CGU : Par défaut https://www.paris.fr/pages/mentions-legales-235, c'est l'url d'accès aux CGU de l'application
    • Politique des données : Par défaut https://www.paris.fr/pages/mentions-legales-235, c'est l'url d'accès à  la politique des données de l'application
    • Accessibilitée : Par défaut https://www.paris.fr/pages/accessibilite-233 , c'est l'url d'accès à  la politique d'accessibilitées
    • Mon Paris : Par défaut url du site Mon Paris, avec nom de la webapp. Si vide permet d'utiliser tout autre module MyLutece.
    • Url de la Recherche : Par défaut jsp/site/Portal.jsp?page=search, c'est l'url de la recherche par défaut pour le menu. Attention pour afficher le menu de recherche, le paramètre hasSearchMenu=true doit àªtre dans la macro "cMainNav".
  • Messages
    • Type du message : warning Type possible: info, warning, success, danger, propriété "type" du plugin toastr
    • Titre : Titre de la notification
    • Message : Message de la notification
    • Position - Nom de la classe : bottom-right . Emplacement de la notification. Nom de classe, propriété "positionClass" du plugin toastr. Valeurs défaut: top-full-width / Autres valeurs possibles : top-right, bottom-left...
    • Durée d'affichage du message : Durée d'affichage du message en ms. par défaut 5000. Si 0 affichage sans limite ! Dans ce cas le bouton de fermeture est ajouté à la boite de notification.
  • Indexation des robots de recherche
    • (Google...) Si cette case est décochée, les meta tag noindex seront ajoutés à  l'entàªte de vos pages pour éviter l'indexation du site (plus d'informations)
  • Information navigateurs obsolètes :
    • Si cette case est décochée, un bandeau s'affiche pour les navigateurs obsolètes. Version minimale vérifiée des navigateurs Windows: Internet Explorer > 11 Windows: Edge >=80 Mac Os: Safari: >=9 Ios: Safari >=9 Tous os : Chrome >=80 Tous os : Firefox >=52 Tous os : Opera >=22
  • Gestion des caractères XSS
    Attention cette propriété ne doit pas être utilisée sans la configuration du filtre côté webapp. Cette configuration se trouve dans le fichier "WEB-INF/conf/lutece.properties" section "Input filtering parameters".
    • Liste des caractères XSS à  contrà´ler dans les champs coté FO, qui permettra d'afficher un message d'information aux utilisateurs - voir ci-dessous-.
    • Libellé du message d'erreur en cas de saisie de caractères XSS dans un champs.

Surcharger le thème...

et surtout pas le fichier page_frameset.html...

Plusieurs fichiers template ont été ajoutés pour permettre la surcharge du site. 

  • WEB-INF\templates\skin\site\themeparisfr_frameset_header_css.html -> Permet d'ajouter des surcharges css.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_header_js.html -> Permet d'ajouter des surcharges js. Contient par défaut l'ajout de la lib "jquery-1.11.3.min.js".
  • WEB-INF\templates\skin\site\themeparisfr_frameset_main_nav.html -> Contient par défaut le menu principal du site macro "<@cMainNav />"
  • WEB-INF\templates\skin\site\themeparisfr_frameset_main_banner.html ->Contient par défaut la bannière principale du site "<@cMainBanner />"
  • WEB-INF\templates\skin\site\themeparisfr_frameset_content_header.html -> Permet d'ajouter du contenu personnalisé au dessus du contenu principal.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_content_footer.html -> Permet d'ajouter du contenu personnalisé en dessous du contenu principal.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_menu_footer.html -> Contient le footer par défaut du site "<@cMainFooter title=favourite />".
  • WEB-INF\templates\skin\site\themeparisfr_frameset_footer_js.html -> Contient le js par défaut du site à savoir la gestion du bouton d'authentification "initBanner')", la gestion du consentement "" et la gestion de la librairie de notifications.
  • WEB-INF\templates\skin\site\themeparisfr_frameset_footer_user.html -> Contient par défaut une surcharge pour alimenter les apps favorites de "Mon Paris".

La liste des fichiers du thème

  • /
    • android-chrome-192x192.png
    • android-chrome-256x256.png
    • apple-touch-icon.png
    • favicon-16x16.png
    • favicon-32x32.png
    • mstile-150x150.png
    • safari-pinned-tab.svg
    • css\
      • page_template_styles.css
      • page_template_styles_admin.css
      • page_template_styles_admin.min.css
    • js\
      • site.js
    • themes\skin\parisfr\
      • css\
        • _fonts.css
        • _rhythm.css
        • _utils.css
        • _variables.css
        • themeparisfr.css
        • themeparisfr.min.css
        • components\
          • accordion.css
          • alert.css
          • badge.css
          • button.css
          • button-legacy.css
          • captcha.css
          • card.css
          • carousel.css
          • components.css
          • contentframe.css
          • dropdown.css
          • filter.css
          • icon.css
          • list.css
          • modal.css
          • offcanvas.css
          • pagination.css
          • portlet.css
          • progress.css
          • sliders.css
          • status.css
          • stepinfo.css
          • stepper.css
          • table.css
          • tabs.css
        • elements\
          • article.css
          • links.css
          • list.css
          • text.css
        • forms\
          • checkboxradio.css
          • forms.css
          • inputfile.css
          • inputgroup.css
          • inputs.css
          • select.css
          • steps.css
        • layout\
          • borders.css
          • effects.css
          • footer.css
          • header.css
          • menu-dropdown.css
          • menu-fixed.css
          • menu-main.css
          • menu-sidebar.css
          • menu-user.css
          • navs.css
          • scrollbar.css
          • spacing.css
          • structure.css
          • typo.css
        • lib\
          • lib\cookies.css
          • lib\osm.css
          • lib\toastr.css
        • themes\
          • themes\dark-theme.css
          • themes\skin\parisfr\css\themes\light-theme.css
        • vendor\
          • bootstrap.datepicker.css
          • bootstrap.min.css
          • franceconnect.css
          • jquery-ui-1.10.0.custom.css
          • toastr.min.css
      • images\
        • arrow.svg
        • chat.svg
        • check.svg
        • close.svg
        • comment.svg
        • download.svg
        • edit.svg
        • fc_avatar.png
        • files.png
        • files-xs.png
        • footer-logo-paris.svg
        • header-logo-paris.svg
        • header-logo-paris-w.svg
        • header-mon-paris.png
        • header-mon-paris.svg
        • header-mon-paris-email.png
        • header-mon-paris-mdp-logo-email.png
        • icon-paris.svg
        • icon-search.svg
        • info.svg
        • keyboard-left-arrow.svg
        • keyboard-right-arrow.svg
        • logo_mail_footer.png
        • logo_mail_header.png
        • logo_mdp.png
        • logo_mdp_footer.png
        • logo_mdp_header.png
        • logo-paris.svg
        • logo-paris-footer.svg
        • nef-bg.svg
        • nef-bg-xs.svg
        • paris.svg
        • upload.svg
      • js\
        • themes\skin\parisfr\js\site.js
        • themes\skin\parisfr\js\themeparisfr.js
        • themes\skin\parisfr\js\themeparisfr.min.js
        • themes\skin\parisfr\js\themeparisfr-tabs.js
        • themes\skin\parisfr\js\themeparisfr-tabs.min.js
        • modules\
          • themes\skin\parisfr\js\modules\theme-carousel.js
          • themes\skin\parisfr\js\modules\theme-filter.js
          • themes\skin\parisfr\js\modules\theme-init.js
          • themes\skin\parisfr\js\modules\theme-menu.js
          • themes\skin\parisfr\js\modules\theme-switcher.js
          • themes\skin\parisfr\js\modules\theme-utils.js
        • plugins\
          • asynchronousupload\
            • config.js
            • config.min.js
            • jquery.fileupload.js
            • jquery.fileupload-audio.js
            • jquery.fileupload-image.js
            • jquery.fileupload-process.js
            • jquery.fileupload-ui.js
            • jquery.fileupload-validate.js
            • jquery.fileupload-video.js
            • jquery.iframe-transport.js
            • load-image.all.min.js
            • cors\jquery.postmessage-transport.js
            • cors\jquery.xdr-transport.js
            • vendor\canvas-to-blob.js
            • vendor\jquery.Jcrop.js
            • vendor\jquery.ui.widget.js
            • vendor\promise-polyfill.js
          • forms\
            • themes\skin\parisfr\js\plugins\forms\bs-custom-file-input.min.js
            • themes\skin\parisfr\js\plugins\forms\forms.js
            • themes\skin\parisfr\js\plugins\forms\Sortable.min.js
            • themes\skin\parisfr\js\plugins\forms\terms-of-service.js
          • genericattributes\
            • themes\skin\parisfr\js\plugins\genericattributes\modules\openstreetmap\genericattributes_openstreetmap.js
            • themes\skin\parisfr\js\plugins\genericattributes\modules\openstreetmap\leaflet.css
            • themes\skin\parisfr\js\plugins\genericattributes\modules\openstreetmap\leaflet.js
        • util\
          • echarts.min.js
          • lutece.js
          • progress-manager.js
        • vendor\
          • bootstrap.bundle.min.js
          • es5.js
          • jquery-3.3.1.min.js
          • datepicker\datepicker-bs4.min.css
          • datepicker\datepicker-bs5.min.css
          • datepicker\datepicker-full.min.js
          • datepicker\locales\*.js
          • datepicker\style\themeparisfr-datepicker.css
          • jquery\jquery-1.11.3.min.js
          • jquery\plugins\ui\jquery.ui.widget.js
          • jquery\plugins\ui\jquery-ui-1.9.2.custom.min.js
          • tarteaucitron\advertising.min.js
          • tarteaucitron\tarteaucitron.min.js
          • tarteaucitron\tarteaucitron.services.min.js
          • tarteaucitron\css\tarteaucitron.min.css
          • tarteaucitron\css\theme-parisfr-tac.css
          • tarteaucitron\css\theme-parisfr-tac.min.css
          • tarteaucitron\lang\tarteaucitron.*.js
    • WEB-INF\templates\admin\site\
      • page_header_home_admin.html
      • page_header_internal_admin.html
      • page_menu_tools_admin.html
      • portal_footer_admin.html
    • WEB-INF\templates\skin\
      • theme_parisfr_commons.html
      • plugins\
        • asynchronousupload\
          • main.js
          • upload_commons.html
        • captcha\modules\jcaptcha\
          • iframe_captcha_template.html
        • forms\
          • form_response_summary.html
          • form_submitted_view.html
          • list_formresponses.html
          • list_forms.html
          • step_view.html
          • task_edit_form_response_form.html
          • task_form_workflow.html
          • terms_of_service.html
          • view_form_response.html
            • composite_template\
              • \view_group.html
              • composite_template\view_group_read_only.html
              • composite_template\view_group_resubmit.html
              • composite_template\view_question.html
              • composite_template\view_question_read_only.html
              • composite_template\view_question_resubmit.html
              • composite_template\view_step.html
              • composite_template\view_step_no_button.html
              • composite_template\view_step_read_only.html
            • entries\
              • fill_entry_type_array.html
              • fill_entry_type_auto_file_reading.html
              • fill_entry_type_camera.html
              • fill_entry_type_check_box.html
              • fill_entry_type_comment.html
              • fill_entry_type_date.html
              • fill_entry_type_file.html
              • fill_entry_type_geolocation.html
              • fill_entry_type_image.html
              • fill_entry_type_mylutece_user.html
              • fill_entry_type_mylutece_user_attribute.html
              • fill_entry_type_number.html
              • fill_entry_type_numbering.html
              • fill_entry_type_radio_button.html
              • fill_entry_type_select.html
              • fill_entry_type_select_order.html
              • fill_entry_type_telephone.html
              • fill_entry_type_terms_of_service.html
              • fill_entry_type_text.html
              • fill_entry_type_text_area.html
              • readonly_entry_type_array.html
              • readonly_entry_type_auto_file_reading.html
              • readonly_entry_type_camera.html
              • readonly_entry_type_cartography.html
              • readonly_entry_type_check_box.html
              • readonly_entry_type_comment.html
              • readonly_entry_type_date.html
              • readonly_entry_type_file.html
              • readonly_entry_type_gallery_image.html
              • readonly_entry_type_geolocation.html
              • readonly_entry_type_image.html
              • readonly_entry_type_mylutece_user_attribute.html
              • readonly_entry_type_number.html
              • readonly_entry_type_numbering.html
              • readonly_entry_type_radio_button.html
              • readonly_entry_type_select.html
              • readonly_entry_type_select_order.html
              • readonly_entry_type_telephone.html
              • readonly_entry_type_terms_of_service.html
              • readonly_entry_type_text.html
              • readonly_entry_type_text_area.html
            • modules\breadcrumbaccordion\
              • breadcrumbaccordion_bottom.html
              • breadcrumbaccordion_top.html
        • helpdesk\
          • contact.html
          • contact_result.html
          • faq_list.html
          • subject_list.html
        • matomo\
          • matomo_analytics.html
        • mylutece\
          • login_form_multi.html
          • includes\user_login_include.html
          • includes\user_login_multi_include.html
        • workflow\modules\forms\
          • complete_form.html
          • resubmit_form.html
        • search\
          • search_results.html
      • site\
        • minimal_footer.html
        • minimal_header.html
        • page_error404.html
        • page_error500.html
        • page_frameset.html
        • page_path.html
        • page_site_message.html
        • page_template1.html
        • page_template2.html
        • page_template3.html
        • page_template4.html
        • page_template5.html
        • page_template6.html
        • plugin_css_link.html
        • popup_legal_info.html
        • popup_send_resource.html
        • portal_footer.html
        • site_message.html
        • standalone_app_frameset.html
        • themeparisfr_frameset_content_footer.html
        • themeparisfr_frameset_content_header.html
        • themeparisfr_frameset_footer_js.html
        • themeparisfr_frameset_footer_user.html
        • themeparisfr_frameset_header_css.html
        • themeparisfr_frameset_header_js.html
        • themeparisfr_frameset_main_banner.html
        • themeparisfr_frameset_main_nav.html
        • themeparisfr_frameset_menu_footer.html
      • themes\parisfr\
        • components\
          • accordion\
            • cAccordion.ftl
            • accordion\cCascading.ftl
          • alert\
            • alert\cAlert.ftl
          • badge\
            • badge\cBadge.ftl
          • button\
            • cBtn.ftl
            • cBtnGroup.ftl
            • cBtnImg.ftl
            • \cBtnToolbar.ftl
          • card\
            • cCard.ftl
            • cCardFloating.ftl
            • cCardLayout.ftl
          • carousel\
            • cCarousel.ftl
            • cCarouselItem.ftl
          • consent\
            • cConsentTac.ftl
            • \cConsentTacService.ftl
            • consent\cConsentTacServiceMatomo.ftl
          • datepicker\
            • getThemeDatePicker.ftl
            • initThemeDatePicker.ftl
          • error\
            • cErrorMessage.ftl
          • filter\
            • cFilter.ftl
          • franceconnect\
            • fcBtnImg.ftl
            • fcImg.ftl
            • fcMessage.ftl
          • icons\
            • cIcon.ftl
            • logoParisService.ftl
            • parisIcon.ftl
            • parisIconPack.ftl
          • list\
            • cCustomList.ftl
            • cCustomListArrow.ftl
            • cList.ftl
          • modal\
            • cModal.ftl
          • pagination\
            • cPagination.ftl
            • cPaginationLinks.ftl
          • progress\
            • cProgress.ftl
          • search\
            • cSearchSetResultPageTitle.ftl
          • slider\
            • cSlider.ftl
          • status\
            • cStatus.ftl
          • stepinfo\
            • cInfoStep.ftl
            • cStepper.ftl
          • tabs\
            • cTab.ftl
            • cTabContent.ftl
            • cTabPane.ftl
            • cTabs.ftl
          • text\
            • cContentFrame.ftl
            • cDivider.ftl
          • theme\
            • cTheme.ftl
        • elements\
          • article\
            • cArticle.ftl
          • footer\
            • cFooter.ftl
          • header\
            • cHeader.ftl
          • images\
            • cFigCaption.ftl
            • cFigure.ftl
            • cImg.ftl
            • cPicture.ftl
            • cPictureSrc.ftl
          • link\
            • cLink.ftl
          • list\
            • chItem.ftl
            • chList.ftl
          • section\
            • cBlock.ftl
            • cSection.ftl
          • table\
            • cTable.ftl
            • cTbody.ftl
            • cTd.ftl
            • cTfoot.ftl
            • cTh.ftl
            • cThead.ftl
            • cTr.ftl
          • text\
            • cText.ftl
            • cInline.ftl
          • title\
            • cTitle.ftl
        • forms\
          • check_radio\
            • cCheckbox.ftl
            • cRadio.ftl
          • inputgroup\
            • cInputGroup.ftl
            • cInputGroupAddon.ftl
            • cInputGroupAddonText.ftl
          • inputs\
            • cField.ftl
            • cFormHelp.ftl
            • cInput.ftl
            • cInputDate.ftl
            • cInputPassword.ftl
            • cLabel.ftl
            • cPasswordMeter.ftl
            • cQuantityPicker.ftl
            • cTextArea.ftl
          • layout\
            • cFieldset.ftl
            • cForm.ftl
            • cFormRow.ftl
          • select\
            • cOptgroup.ftl
            • cOption.ftl
            • cSelect.ftl
          • steps\
            • cStepContent.ftl
            • cStepCurrent.ftl
            • cStepDone.ftl
            • cStepGroup.ftl
            • cStepNext.ftl
          • upload\
            • cInputDropFiles.ftl
            • cInputDropFilesItem.ftl
          • validation\
            • cFormError.ftl
            • cPasswordCheck.ftl
        • layout\
          • banner\
            • cMainBanner.ftl
          • breadcrumb\
            • cBreadCrumb.ftl
          • footer\
            • _footerMenu.ftl
            • cMainFooter.ftl
            • cMainFooterSocial.ftl
          • layout\
            • cCol.ftl
            • cContainer.ftl
            • cRow.ftl
          • navigation\
            • cDropNav.ftl
            • cMainNav.ftl
            • cMainNavItem.ftl
            • cMainNavUser.ftl
            • goToTop.ftl
            • skipNav.ftl
        • utilities\functions\
          • deprecatedWarning.ftl
          • rand.ftl