Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

Många av oss gillar verkligen när något görs för oss! När vi känner en viss "ägarnivå", som gör att vi kan sticka ut från bakgrunden av den "grå massan". Samma stolar, bord, datorer osv. Allt är som alla andra!

Ibland gör även en så liten sak som en företagslogga på en vanlig penna att den känns speciell och därför mer värdefull.

Håller med om att de flesta kunder kommer att föredra en Snom-telefon istället för en vanlig (som alla andra), en telefon som de förknippar med något speciellt/personligt. Jag är säker på att om du är en leverantör av telefonilösningar, skulle du också gå med på att associera ditt företag med leverantören av denna "special" i kundens ögon.

Många av er vet att Snom kan erbjuda väldigt olika nivåer av anpassning av stationära telefoner: från mycket komplexa hårdvaru- och mjukvaruförändringar som kräver utvecklingstid, till mycket enkla sådana som är tillgängliga för alla direkt från lådan, helt gratis. Det är det senare som vi vill berätta om idag.

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

Menyfirmwaren på våra telefoner är byggd på XML och låter dig flexibelt anpassa användargränssnittet för följande parametrar (kort lista):

  • bakgrundsbild
  • teckensnitt och färg
  • ikoner
  • språk
  • ringsignaler
  • nyckeltilldelning
  • och mycket mer

I den här, den första delen av vår artikel, kommer vi att prata om hur du kan ändra det visuella utseendet på din Snom-telefon. Låt oss prata om några punkter:

  1. Ändra färgschema
  2. Ändra teckensnitt
  3. Laddar en bakgrundsbild
  4. Ämnesexempel

I del 2 av vår artikel (kommer snart) kommer vi att prata om resten av anpassningsalternativen. Så "växla inte".

1. Ändra färgschema

Från och med firmwareversion 10 kan telefonens färggränssnitt ändras helt vad gäller färg och transparens. Detta gör att du kan anpassa användargränssnittet för idealisk läsbarhet, tydlighet, färgpreferenser och ytterligare förändringar, till exempel av företagets företagsidentitet.

För att göra det lättare att förstå finns det ett schema för att beskriva färginställningar:

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

Färger justeras med RGB-värden

Namn

Giltiga värden

Värderingar av
standard

beskrivning

titlebar_text_color

Grupp om 4
siffror, vardera >=0 och <=255.

röd, grön, blå, alfa (alfavärdet 255 betyder helt
synliga och 0 är helt transparent).

51 51 51 255

Styr färgen och transparensen för text i
titelrad, till exempel "Datum", "Tid",
"Namn" osv.

text färg

51 51 51
255

Styr färg och transparens
brödtext som "Meny", "Vänteläge" och
alla andra huvudtextskärmar.

subtext_color

123 124 126 255

Styr färg och transparens
undertext, till exempel "Meny", "Vänteläge" och allt
andra undertextskärmar.

extratext_color

123 124 126
255

Styr färgen och genomskinligheten för den första
textrader som visas på höger sida av menyn, såsom samtalshistorik, datum och
tid.

extratext2_färg

123 124 126
255

Styr färgen och genomskinligheten för den andra
textrader som visas på höger sida av menyn, såsom samtalshistorik, datum och
tid.

titlebar_background_color

226 226 226
255

Styr bakgrundsfärg och transparens
rubrikrader

bakgrundsfärg

242 242 242
255

Styr färgen och genomskinligheten för bakgrunden på
varje skärm.

fkey_background_color

242 242 242
255

Styr färg och transparens
sammanhangsberoende knappar.

fkey_pressed_background_color

61 133 198
255

Styr bakgrundsfärg och transparens
sammanhangsberoende tangenter när de trycks ned.

fkey_separator_color

182 183 184
255

Styr färg och transparens
Sammanhangskänsliga knappskiljande linjer

fkey_label_color

123 124 126
255

Kontrollerar textens färg och transparens,
används i sammanhangskänsliga knappar

fkey_pressed_label_color

242 242 242
255

Kontrollerar textens färg och transparens,
används i sammanhangskänsliga knappar när de klickas

vald_linje_bakgrundsfärg

255 255 255
255

Styr bakgrundsfärg och transparens
vald rad, till exempel i en meny eller valbar skärm

vald_linjeindikator_färg

61 133 198
255

Styr färg och transparens
indikatorn till vänster om den valda raden, till exempel i menyn eller någon skärm med
valda element

vald_linjetext_färg

61 133 198
255

Styr färgen och transparensen för text i
vald rad, till exempel i en meny eller valfri skärm med valda objekt.
Styr också färgen på den aktuella symbolen när den cyklar igenom
olika alternativ i inmatningsfönstret

linje_bakgrundsfärg

242 242 242
0

Styr bakgrundsfärg och transparens för
varje rad i menyn eller menyalternativet, eller valfritt listobjekt.

line_separator_color

226 226 226
255

Styr färg och transparens
skiljelinje mellan menyer eller menyalternativ och visas endast
när mer än ett valt objekt är tillgängligt.

scrollbar_color

182 183 184
255

Kontrollerar färgen och genomskinligheten på randen
rullning som visas på valfri skärm.

cursor_color

61 133 198
255

Styr färgen och genomskinligheten för markören,
visas på skärmar med hjälp av ingångssignalen.

status_msgs_background_color

242 242 242
255

Styr bakgrundsfärg och transparens för
statusmeddelanden som visas på vilo- och samtalsskärmarna. Detta värde gäller även för bakgrunden
volymförändringar.

status_msgs_border_color

182 183 184
255

Styr färgen och genomskinligheten för kanten
för statusmeddelanden som visas på vilo- och samtalsskärmarna. Detta värde gäller även för gränsen
volymförändringar.

smartlabel_background_color

242 242 242
255

Styr bakgrundsfärgen och transparensen för SmartLabel.

smartlabel_pressed_background_color

61 133 198
255

Styr bakgrundsfärgen och transparensen för SmartLabel när en funktionstangent trycks ned.

smartlabel_separator_color

182 183 184
255

Styr linjefärg och transparens
separator mellan varje SmartLabel-funktionstangent.

smartlabel_label_color

123 124 126
255

Kontrollerar textens färg och transparens,
används i SmartLabel.

smartlabel_pressed_label_color

242 242 242
255

Kontrollerar textens färg och transparens,
används i SmartLabel när du trycker på en funktionstangent.

Nu när vi vet var och vad som finns kan vi gå till telefonens webbgränssnitt till avsnittet Inställningar/Inställningar, sedan den andra fliken Utseende:

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

Här kan du ändra värdena och klickar du på frågetecknet kommer du till en beskrivningssida, där det även finns en notering om hur du anger detta värde om du använder en XML-fil för konfigurationen. Till exempel, för vår första rad "Textfärg":

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

2. Ändra teckensnitt

Teckensnitt på alla snom-telefoner är fritt anpassningsbara och kan ändras med autoprovisioning. Var medveten om att om det för närvarande använda TrueType- eller bitmappsteckensnittet ersätts med ett anpassat, kan det finnas vissa inkonsekvenser i textåtergivningen eftersom användargränssnittet är optimerat för ett specifikt TrueType-teckensnitt.

För att ersätta ett teckensnitt måste du skapa en tar-fil som innehåller det nya teckensnittet, som måste ha exakt samma namn som det gamla teckensnittet som kommer att ersättas.

"tar -cvf fonts.tar fontfile.ttf"

Denna tar-fil måste sedan refereras till i xml-filen så att den laddas korrekt när telefonen startas om.

<?xml version="1.0" encoding="utf-8" ?>

<settings>

 <uploads>

  <file url="http://192.168.23.54:8080/fonts.tar" type="font" />

 </uploads>

</settings>

Mer information om vilka typsnitt som är förinstallerade finns på vår hemsida. wiki
På så sätt kan du ladda ner ditt eget typsnitt till din telefon.

3. Ladda upp en bakgrundsbild

Med hjälp av ett exempel kommer vi att visa hur man laddar bakgrunden korrekt och vilka inställningar som spelar roll.

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

Du kan ladda upp en bakgrundsbild via webbgränssnittet → preferenser Utseende:

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

Den här inställningen måste ställas in på en tillgänglig bild-URL. När inställningen har ändrats kommer bakgrundsbilden att ersättas.

Eller så kan du ändra den här inställningen med autoprovisioning genom att lägga till taggen med ett giltigt värde i din xml-fil.

Om denna parameter är tom eller om bildens URL är felaktig kommer telefonens standardbakgrundsbild att användas.

Det är viktigt: Om du använder programvara före version 10.1.33.33 måste du ställa in bakgrundsfärgvärdet till helt transparent.

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

Detta är nödvändigt eftersom bakgrundsbilden är placerad på ett lager under standardbakgrundsfärgen. Detta kan uppnås genom att sätta alfavärdet till 0 för bakgrundsfärgen.

Från och med firmwareversion 10.1.33.33 anpassar sig bakgrundsfärgens transparens automatiskt till bakgrundsbilden som visas på telefonen. Det blir dock inte helt transparent. Justera för att uppnå fullständig transparens bör fortfarande ha ett alfavärde på 0.

För att visa bakgrundsbilden korrekt måste du spara den i png-, jpg-, gif-, bmp- eller tga-format. Vi rekommenderar starkt att du använder .png-filer och optimerar dem med "val" för att minska filstorleken och förbättra prestanda.

Bildstorlek beroende på modell:

Modell
tillstånd

D375/ D385/ D785
X 480 272

D335/ D735/ D765
X 320 240

D3100
X 426 240

4. Exempel på temakonfiguration

1. "Mörkt tema":

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

se

<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
  <!-- When the background image is set, it automatically applies alpha changes to all elements. 
  Therefore it has to be listed at the beginning, so that all styles afterwards correctly apply-->
  <custom_bg_image_url perm=""></custom_bg_image_url>
  <!-- Background color is set to be not transparent because no background image is configured -->
  <background_color perm="">43 49 56 255</background_color>
  <titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
  <titlebar_background_color perm="">43 49 56 255</titlebar_background_color>
  <text_color perm="">242 242 242 255</text_color>
  <subtext_color perm="">224 224 224 255</subtext_color>
  <extratext_color perm="">158 158 158 255</extratext_color>
  <extratext2_color perm="">158 158 158 255</extratext2_color>
  <fkey_background_color perm="">43 49 56 255</fkey_background_color>
  <fkey_pressed_background_color perm="">61 133 198 255</fkey_pressed_background_color>
  <fkey_separator_color perm="">70 90 120 255</fkey_separator_color>
  <fkey_label_color perm="">224 224 224 255</fkey_label_color>
  <fkey_pressed_label_color perm="">242 242 242 255</fkey_pressed_label_color>
  <line_background_color perm="">242 242 242 0</line_background_color>
  <selected_line_background_color perm="">50 60 80 255</selected_line_background_color>
  <selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
  <selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
  <line_separator_color perm="">70 90 120 255</line_separator_color>
  <scrollbar_color perm="">70 90 120 255</scrollbar_color>
  <cursor_color perm="">61 133 198 255</cursor_color>
  <status_msgs_background_color perm="">43 49 56 255</status_msgs_background_color>
  <status_msgs_border_color perm="">70 90 120 255</status_msgs_border_color>
  <!-- Settings for SmartLabel -->
  <smartlabel_background_color perm="">43 49 56 255</smartlabel_background_color>
  <smartlabel_pressed_background_color perm="">61 133 198 255</smartlabel_pressed_background_color>
  <smartlabel_separator_color perm="">70 90 120 255</smartlabel_separator_color>
  <smartlabel_label_color perm="">224 224 224 255</smartlabel_label_color>
  <smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>

2. "Färgstarkt tema":

Gör det själv eller hur du anpassar din Snom-telefon. Del 1 färger, teckensnitt, bakgrund

se

<?xml version="1.0" encoding="utf-8"?>
<settings>
<phone-settings>
  <!-- When the background image is set, it automatically applies alpha changes to all elements.
  Therefore it has to be configured at the beginning so that all styles afterwards correctly apply-->
  <custom_bg_image_url perm="">http://192.168.0.1/background.png</custom_bg_image_url>
  <!-- Background color has to be transparent because a background image is configured -->
  <background_color perm="">0 0 0 0</background_color>
  <titlebar_text_color perm="">242 242 242 255</titlebar_text_color>
  <titlebar_background_color perm="">43 49 56 40</titlebar_background_color>
  <text_color perm="">242 242 242 255</text_color>
  <subtext_color perm="">224 224 224 255</subtext_color>
  <extratext_color perm="">224 224 224 255</extratext_color>
  <extratext2_color perm="">224 224 224 255</extratext2_color>
  <fkey_background_color perm="">43 49 56 40</fkey_background_color>
  <fkey_pressed_background_color perm="">43 49 56 140</fkey_pressed_background_color>
  <fkey_separator_color perm="">0 0 0 0</fkey_separator_color>
  <fkey_label_color perm="">224 224 224 255</fkey_label_color>
  <fkey_pressed_label_color perm="">224 224 224 255</fkey_pressed_label_color>
  <line_background_color perm="">0 0 0 0</line_background_color>
  <selected_line_background_color perm="">43 49 56 40</selected_line_background_color>
  <selected_line_indicator_color perm="">61 133 198 255</selected_line_indicator_color>
  <selected_line_text_color perm="">61 133 198 255</selected_line_text_color>
  <line_separator_color perm="">0 0 0 0</line_separator_color>
  <scrollbar_color perm="">61 133 198 255</scrollbar_color>
  <cursor_color perm="">61 133 198 255</cursor_color>
  <status_msgs_background_color perm="">61 133 198 255</status_msgs_background_color>
  <status_msgs_border_color perm="">61 133 198 255</status_msgs_border_color>
  <!-- Settings for SmartLabel -->
  <smartlabel_background_color perm="">43 49 56 40</smartlabel_background_color>
  <smartlabel_pressed_background_color perm="">43 49 56 140</smartlabel_pressed_background_color>
  <smartlabel_separator_color perm="">0 0 0 0</smartlabel_separator_color>
  <smartlabel_label_color perm="">242 242 242 255</smartlabel_label_color>
  <smartlabel_pressed_label_color perm="">242 242 242 255</smartlabel_pressed_label_color>
</phone-settings>
</settings>

Vi hoppas att det här ämnet hjälper dig att förstå frågan om manuell anpassning.

Fortsättning ...

Källa: will.com

Lägg en kommentar