Contents
Pada artikel kali ini Penulis akan membahas terkait Rebranding pada Zimbra Network Edition
Rebranding
Tahukah Anda bahwa pengembangan Zimbra Anda dapat diganti namanya dan diberikan White Label ? Rebranding berarti mengganti logo dan warna Zimbra dengan logo dan warna perusahaan Anda sendiri. White Label berarti mengambil langkah lebih jauh dan menggantikan contoh “Zimbra” dengan nama perusahaan Anda. Banyak aplikasi email lainnya tidak dapat diganti namanya atau diberi label putih, sehingga Anda terjebak dengan logo, warna, dll. Namun perlu diperhatikan bahwa rebranding dan white-labelling hanya tersedia dalam penerapan Zimbra Network Edition.
Rebranding Element Pada Zimbra
- Logo
- Warna dan batas Zona tema adalah kombinasi file HTML, CSS, dan properti yang mengontrol tampilan Klien Web Zimbra.
- Warna dan border berbagai widget seperti Buttons, Tabs, Widget Appearance, dll.
- Font teks, warna dan ukuran
- Penampilan dan ukuran Zona Iklan
- Tampilan dasar klien Standar (HTML).
Berikut beberapa contoh Rebranding pada Zimbra Network Edition
Rebranding Halaman Login
Mengubah Login Banner & Background
Sebelum melakukan perubahan pada file Banner dan Background login lakukan backup terlebih dahulu untuk file asli kedua file tersebut.
file LoginBanner.png terdapat pada direktori
|
1 |
/opt/zimbra/jetty_base/webapps/zimbra/skins/_base/logos |
File new-back-ground-image.png terdapat pada direktori
|
1 |
/opt/zimbra/jetty_base/webapps/zimbra/img |
|
1 2 3 4 5 6 7 |
cd /opt/zimbra/jetty_base/webapps/zimbra/img cp new-back-ground-image.png new-back-ground-image.png.orig cp /home/jabetto/REBRANDING/new-back-ground-image.png new-back-ground-image.png cd /opt/zimbra/jetty_base/webapps/zimbra/skins/_base/logos cp LoginBanner.png LoginBanner.png.orig cp cp /home/jabetto/REBRANDING/LoginBanner.png LoginBanner.png |
Selanjutnya lakukan restart terhadap service mailbox, kemudian akses kembali webmail zimbra untuk melihat hasilnya.
|
1 2 |
zmmailboxdctl restart zmprov fc all |
Mengubah Posisi Logo
Masuk ke direktori /opt/zimbra/jetty_base/webapps/zimbra/skins/_base/base3 dan edit file skin.css
cari line berikut :
|
1 |
.ImgLoginBanner { background-repeat:no-repeat; @LoginBannerPosition@ @LoginBannerSize@ @LoginBanner@ } |
Setelah itu ubah menjadi seperti berikut pada tanda //
|
1 2 3 4 5 6 7 8 |
.ImgLoginBanner { background-repeat:no-repeat; background-position: center; // @LoginBannerSize@ @LoginBanner@ width: 300px;// height: 130px; // } |
Mengubah text “Sign In” menjadi “Log in to your account”
Masuk ke direktori /opt/zimbra/jetty_base/webapps/zimbra/public/ dan edit file login.jsp.
Cari line berikut :
| <div class=”signIn”><fmt:message key=”login”/></div> |
Setelah itu ubah menjadi seperti berikut :
| <div class=”signIn”>Log in to your account</div> |
Rebranding Halaman Mailbox
Rebranding Logo pada Halaman Mailbox
Persiapkan file logo.png, kemudian convert formatnya dari png menjadi svg.
file logo.svg terdapat pada
|
1 |
/opt/zimbra/jetty_base/webapps/zimbra/modern/clients/default/assets |
lakukan backup terlebih dahulu pada file logo yang asli, kemudian replace dengan file yang baru
|
1 2 3 |
cd /opt/zimbra/jetty_base/webapps/zimbra/modern/clients/default/assets cp logo.svg logo.svg.original cp /home/jabeto/REBRANDING/logo-ASEI.svg logo.svg |
Selanjutnya lakukan restart terhadap service mailbox kemudian akses ke webmail zimbra untuk melihat hasilnya
|
1 2 |
zmmailboxdctl restart zmprov fc all |
Resize logo AppBaner / logo.svg pada Halaman Mailbox
file logo.svg terdapat pada direktori
|
1 |
/opt/zimbra/jetty_base/webapps/zimbra/modern/css/ |
Lakukan perubahan value pada file berikut :
| nano /opt/zimbra/jetty_base/webapps/zimbra/modern/css/vendors~bundle.7303d1dd.chunk.css Cari Line Berikut : logo-height: 75px; |
Disclaimer
File vendors~bundle.44d1f534.chunk.css pada setiap server berbeda, cukup temukan (vendors~bundle…. chunk.css)
Rebranding Login Tittle
Masuk ke dalam direktori konfigurasi title dan lakukan backup file konfigurasi yang asli.
|
1 2 |
cd /opt/zimbra/jetty_base/webapps/zimbra/WEB-INF/classes/messages cp ZmMsg.properties ZmMsg.properties.original |
Buka file ZmMsg.properties selanjutnya cari bagian berikut.
|
1 2 3 4 |
nano ZmMsg.properties zimbraTitle = Zimbra zimbraLabel = Zimbra: zimbraLoginTitle = Zimbra Web Client Sign In |
Edit seperti berikut, kemudian save.
|
1 2 3 |
zimbraTitle = Mail | Email Testing zimbraLabel = Mail | Email Testing zimbraLoginTitle = Mail | Email Testing |
Restart kembali service Mailbox
|
1 2 |
zmmailboxdctl restart zmprov fc all |
Masuk ke dalam direktori konfigurasi Footer
Lakukan backup pada file asli terlebih dahulu
|
1 2 3 4 5 6 7 |
cd /opt/zimbra/jetty/webapps/zimbra/WEB-INF/classes/messages cp ZmMsg.properties ZmMsg.properties-asli nano ZmMsg.properties splashScreenCopyright = Copyright \u00a9 2005-2021 Synacor, Inc. All rights reserved. "Zimbra" is a registered trademark of Synacor, Inc. splashScreenCopyrightZD = Copyright \u00a9 2008-2021 Synacor, Inc. All rights reserved. "Zimbra" is a registered trademark of Synacor, Inc. |
ubah menjadi seperti berikut
|
1 2 |
splashScreenCopyright = Copyright © 2014-2022 Email Testing splashScreenCopyrightZD = Copyright © 2014-2022 Email Testing |
