WRS - Personalizzazione Colori e Font

Modificato il: Ven, 25 Set, 2020 alle 12:31 PM

Print

Il sistema di prenotazione online di Clock PMS + può essere personalizzato affinché possa coincidere con lo schema colori del vostro sito web e conformarsi alle specifiche aziendali.



1. Selezione colori

Per configurare lo schema colori del vostro WRS avete bisogno di selezionare quattro colori. (Guardate l'esempio):


  1. Sfondo (nell'esempio: nero)
  2. Colore font (nell'esempio: bianco)
  3. Colore font pannello (nell'esempio: grigio chiaro)
  4. Barra del titolo del pannello e colore frame (nel'esempio: grigio scuro)



Il formato del colore deve essere:

HEX. Per esempio: #0000000000 per il nero, #FFFFFFFFFF per il bianco.

oppure

RGB. Ad esempio: rgb(0,0,0,0) per il nero, rgb(255,255,255,255) per il bianco.

Dopo aver scelto i colori, si può passare allo step successivo.


2. Generare i file CSS

Andate su https://www.bootstrap-live-customizer.com/version/3.3.2/. Inserite i colori nei campi qui sotto:


A. Sfondo

Inserite il colore dello sfondo in questi 3 campi:

  1. Sezione "Scaffolding", campo "@body-bg"
  2. Sezione "Modals", campo "@modal-content-bg"
  3. Sezione "Panels", campo "@panel-bg"

B. Colore font

Inserite il colore del font in questi 2 campi:

  1. Sezione "Scaffolding", campo "@text-color"
  2. Sezione "Scaffolding", campo "@link-color"

C. Barra del titolo del pannello e colore frame

Inserite il colore in questi 4 campi

  1. Sezione "Panels", campo "@panel-default-heading-bg"
  2. Sezione "Type", campo "@hr-border"
  3. Sezione "Panels", campo "@panel-default-border"
  4. Sezione "Tables", campo "@table-border-color"

D. Colore font del pannello

Inserite il colore nel campo seguente

  1. Section "Panels", field "@panel-default-text"

Quando compilate tutti i campi di cui sopra, cliccate su "Download" nella barra di navigazione in cima alla schermata e cliccate su 'bootstrap.min.css'. Salvate il file.


3. Caricare i file CSS nel WRS

Trovate il file scaricato, "theme.min" 

  1. Accedete a Clock PMS
  2. Se gestite più di un hotel, selezionate l'hotel desiderato
  3. Nel menu principale selezionate "Web" - "Impostazioni - Sistema di prenotazione online"
  4. Trovate l'impostazione "Personalizza CSS"
  5. Cliccate su "Caricamento bootstrap.min.css" e selezionate il file "theme.min". 

Fatto!

Aprite il vostro sito web per controllare che tutto sia come dovrebbe essere.


4. Cancellare o modificare lo schema colori personalizzato

Per cancellare uno schema colori personalizzato:

  1. Selezionate "Web" - "Impostazioni - Sistema di prenotazione online"
  2. Trovate l'impostazione "Personalizza CSS"
  3. Cliccate sul tasto "Rimuovi" per ciascun file

5. Cambiare uno schema colori personalizzato

Per cambiare uno schema colori personalizzato, rimuovetelo e successivamente create e caricate nuovi file come descritto sopra. Assicuratevi di cambiare il nome del nuovo file CSS, se necessario, cosicché non coincida con quello vecchio. Se il file CSS vecchio e quello nuovo hanno lo stesso nome, il sistema continuerà ad utilizzare quello precedente, nonostante sia stato caricato quello nuovo.


Questa risposta ti è stata utile? No

Invia feedback
Siamo spiacenti di non essere riusciti ad aiutarti. Aiutaci a migliorare questo articolo con il tuo feedback.

In questa pagina