Site Theme

Available in Classic and VPC

In the Site Theme menu, you can manage the company logo, WORKPLACE color, top menu, and home widgets.

Manage Company Logo and Color

In the Manage Company Logo and Color menu, you can register and edit the company logo and company name displayed on the loading page and the top of the login page, PC web page, and mobile app page. You can also enhance the company's identity in WORKPLACE by setting colors.

The Manage Company Logo and Color page is laid out as follows.

Change Company Logo and Color

The following describes how to change the company logo or color.

1. In the WORKPLACE PC web page, click the [Service Menu] > [Admin] button.
2. Click the Website Theme > Manage Company Logo and Color menu.
3. Apply the details to be changed.
   • Click the [Find Files] button to register the logo image.
   • Set the usage status of the company name or logo image.
   • Select the color to use.
   • You can check the logo and color set in the Preview area.
4. Click the [Save] button.
   • The changes will be reflected in WORKPLACE.
   • To cancel changing the company logo and color, click the [Cancel] button.
   • Click the [Reset] button to return to the initial settings.

Manage Top Menu

In the Manage Top Menu menu, you can add and manage shortcuts to services provided in WORKPLACE and frequently visited websites.

The Manage Top Menu page is laid out as follows.

Area	Description
① Shortcut menu area	It displays manually added shortcut menus
② Add	Click to add a new shortcut menu to the Service Menu area at the top of WORKPLACE (See Add Shortcut Menu)
③ Admin Menu area	It displays the Management menus in use in WORKPLACE and manages the display order Location: Select a position where the page is open when clicking the menu Change Order: Hover the mouse over to display , change the order to be displayed in the service menu area by drag and drop Delete: Click to delete shortcut menus (See Delete Shortcut Menu)
④ User Menu area	Depending on the services in use, select the location to open My Board, Reservation, Post, Approval, Mail, Calendar menus and manage the display order Position: Select a position where the page is open when clicking the menu Change Order: Hover the mouse over to display , change the display order by drag and drop (Click the button to display in the top right corner of PC page and upper right corner in the mobile environment)
⑤ Fixed Link area	Customized fixed link menu areas to be displayed at the top of WORKPLACE Menu display position: It is displayed on top-right corner of the PC page (the right side of the employee name) and the footer area of the mobile web and app Menu Name: Enter the menu name to be displayed Position/URL: Select a position where the page is open when clicking the menu and enter the URL to go
⑥ Save	Reflect changes
⑦ Reset	Reset to default settings

Add Shortcut Menu

The following describes how to add shortcut menus to the Top Service Menu.

1. In the WORKPLACE PC web page, click the [Service Menu] > [Admin] button.
2. Click the Website Theme > Manage Top Menu menu.
3. Click the [Add] button in the shortcut area.
4. Enter the information in the Set Shortcut pop-up.
   • Register an icon.
     • Click the [Attach Files] button and register the menu image.
     • If the image is not registered, then the default image is displayed.
     • You can check the added menu in the Preview area.
   • Enter the menu name to be registered in the shortcut name.
   • Enter the URL to access upon clicking the menu.
     • If necessary, you can apply a parameter to the URL. (<예시> http://test.com/auth?loginId={{LOGINID}}&timestmp={{TIMESTAMP}})
     • The following describes how to apply a parameter.
       • Place the mouse cursor to the desired position in the URL input window. If you did not place the mouse cursor, a parameter is added to the head of the URL.
       • Click the Enter Parameter to select a parameter to insert. The parameter is added to the cursor position.
         • The provided parameters are the current time and login ID.
       • The parameter value is encrypted and transmitted, and utilizable after decrypting. See View Parameter Encryption Information and Decryption.
   • Select the location to open the menu page when clicking the menu.
   • Select a target to display the menu.
     • PC: It is displayed in the service menu at the top-right corner of the PC page.
     • Mobile: It is displayed in the Menu > Shortcut area in the mobile web and app pages.
5. Click the [Save] button.
   • The added menu will be displayed in the top menu.
   • Click the [Reset] button to return to the initial settings.

View Parameter Encryption Information and Decryption

The following describes how to decrypt a parameter.

1. From the NAVER Cloud Platform console, click the Services > Business applications > WORKPLACE menus, in that order.

2. Click the Developers menu.

   • If the notification pop-up window appears, check the details in the pop-up window, and then click the [Close] button.

3. Click the Basic Settings menu.

4. Copy the decryption key of the encryption settings area. (Encryption method: AES 128)

   • See Develop WORKPLACE > Basic Settings > Decryption Key.

5. See the following decryption source and proceed decryption.

   • EncryptDecryptUtil.java

     import javax.crypto.Cipher;
     import javax.crypto.spec.IvParameterSpec;
     import javax.crypto.spec.SecretKeySpec;
     import java.nio.charset.StandardCharsets;
     import java.util.function.BiFunction;
   
     /**
      * Encryption and decryption algorithm using AES 128
      */
     public class EncryptDecryptUtil {
   
         /**
          * Encryption function
          * @param key a key value to encrypt
          * @param target a target to encrypt
          * @return encrypted data
          * @throws Exception when the key is incorrect, when an error has occurred during encryption
          */
         public static String encrypt(String key, String target) throws Exception {
             return byteArrayToHex(getInstance().apply(key, Cipher.ENCRYPT_MODE).doFinal(target.getBytes(StandardCharsets.UTF_8)));
         }
   
         /**
          * Decryption function
          * @param key a key value to decrypt
          * @param target encrypted data to decrypt
          * @return decrypted data
          * @throws Exception when the key is incorrect, error processing when the data can't be decrypted
          */
         public static String decrypt(String key, String target) throws Exception {
             return new String(getInstance().apply(key, Cipher.DECRYPT_MODE).doFinal(hexToByteArray(target)), StandardCharsets.UTF_8);
         }
   
         static BiFunction<String, Integer, Cipher> getInstance() {
             return (key, mode) -> {
                 try {
                     byte[] keyBytes = new byte[16];
                     byte[] parameterKeyBytes = key.getBytes(StandardCharsets.UTF_8);
                     System.arraycopy(parameterKeyBytes, 0, keyBytes, 0, Math.min(parameterKeyBytes.length, keyBytes.length));
                     Cipher cipher = Cipher.getInstance("AES/CBC/PKCS5Padding");
                     cipher.init(mode, new SecretKeySpec(keyBytes, "AES"), new IvParameterSpec(keyBytes));
                     return cipher;
                 } catch (Exception e) {
                     throw new RuntimeException(e);
                 }
             };
         }
   
         static String byteArrayToHex(byte[] ba) {
             StringBuilder sb = new StringBuilder(ba.length * 2);
             for (byte b : ba) {
                 String hexNumber = "0" + Integer.toHexString(0xff & b);
                 sb.append(hexNumber.substring(hexNumber.length() - 2));
             }
             return sb.toString();
         }
   
         static byte[] hexToByteArray(String hex) {
             byte[] ba = new byte[hex.length() / 2];
             for (int i = 0; i < ba.length; i++) {
                 ba[i] = (byte) Integer.parseInt(hex.substring(2 * i, 2 * i + 2), 16);
             }
             return ba;
         }
     }
   

   • Main.java

    public class Main {
        public static void main(String... args) throws Exception {
   
            String key = "708e0b8a6226ae23";                                    //a key value to encrypt and decrypt
            String encryptLoginId = "9101a5c3b3fb580d85f8dfe2d49b2454";         //Encrypted data
            String loginId = "test@test.com";                                   //Data before encrypted
   
            String result = EncryptDecryptUtil.decrypt(key, encryptLoginId);    //Decrypt
   
            System.out.println("loginId: " + loginId + ", result: " + result);  //Compare data
        }
    }
   

Edit Shortcut Menu

The following describes how to edit the shortcut menu.

1. In the WORKPLACE PC web page, click the [Service Menu] > [Admin] button.
2. Click the Website Theme > Manage Top Menu menu.
3. Click the button of the menu to be edited.
   • You can edit the icon image, shortcut name, URL, location, target of the added menu. (See Add Shortcut Menu)
4. Click the [Save] button.
   • The changed content will be reflected.

Delete Shortcut Menu

The following describes how to delete the shortcut menu.

1. In the WORKPLACE PC web page, click the [Service Menu] > [Admin] button.
2. Click the Website Theme > Manage Top Menu menu.
3. Click of the menu to be deleted.
4. Click the [Save] button.
   • The shortcut menu is deleted.

Manage Home Widgets

In the Manage Home Widget menu, you can set a widget to be always displayed on the Home page or not to be displayed.
Select the usage status and requirement status of the widget and a position to be open in the Edit Home page, and click the [Save] button.

• The widget set to Required by the administrator is universally applied to all members and the user can't remove it.
• A user can individually add a widget that is set to Use and Not Required in the Edit Home.
• A widget set to Not use is not displayed to any members.