Menyesuaikan tampilan

Anda sedang melihat dokumentasi Apigee Edge.
Buka dokumentasi Apigee X.
info

Anda dapat menyesuaikan tampilan portal Layanan Developer agar sesuai dengan tema perusahaan, untuk menambahkan area konten baru ke portal, atau mengubah tata letak halaman apa pun di portal. Sebagian besar konfigurasi ini memerlukan pengetahuan yang cukup tentang Drupal. Namun, halaman ini menjelaskan beberapa tugas dasar yang mungkin ingin Anda lakukan untuk menyesuaikan portal Anda.

Menyesuaikan judul dan slogan situs

Anda dapat menetapkan judul situs, beserta slogannya. Di Halaman beranda, judul dan slogan muncul sebagai:

"Judul | Slogan"

Judul wajib diisi, dan disetel ke "Situs Apigee Baru" secara default. Slogan ini tidak diperlukan, dan kosong secara default.

Untuk menetapkan judul dan slogan:

  1. Login ke portal Anda sebagai pengguna yang memiliki hak istimewa pembuatan konten atau admin.
  2. Pilih Configuration > System > Site Information di menu administrasi Drupal.
  3. Di halaman Site information, tetapkan Site Name dan Slogan (opsional).
  4. Simpan konfigurasi.
    Perlu diperhatikan bahwa perubahan pada kartu dan tagline mungkin tidak langsung muncul karena penyimpanan dalam cache. Jika ingin, Anda dapat membersihkan cache agar perubahan ini muncul. Untuk membersihkan cache, pilih ikon Drupal di bagian paling kiri menu administrasi Drupal, lalu pilih Flush all caches.

Menyesuaikan tata letak halaman beranda

Gambar berikut menampilkan tata letak halaman beranda:

Drupal menyediakan mekanisme yang luas untuk mengontrol tampilan halaman ini. Bagian ini menjelaskan elemen tata letak halaman utama default dan cara memodifikasi elemen tersebut. Untuk mendesain ulang halaman sepenuhnya, lihat dokumentasi Drupal.

Halaman beranda dibagi menjadi beberapa bagian berikut:

  • Menu utama: Berisi logo Apigee dan entri menu Blog dan Forum. Bagian di bawah ini menjelaskan cara mengonfigurasi menu utama.
  • Pesan selamat datang: String di bawah menu utama yang dimulai dengan teks "Selamat datang di ...". Menyesuaikan tema menjelaskan cara mengonfigurasi pesan selamat datang.
  • Area atas: Area di bawah menu utama yang berisi pesan selamat datang, dua kotak dengan link ke dokumentasi dan bangunan dengan kunci akses, serta ikon besar. Area ini didefinisikan oleh Blok Drupal. Blok adalah area konten persegi panjang pada halaman Drupal. Untuk mengonfigurasi area atas, edit Blok Drupal yang menentukan konten untuk area tersebut seperti yang dijelaskan di bawah ini.
  • Area bawah: Area ini mencakup area Postingan Blog Terbaru, Diskusi Forum, dan Topik Populer. Ketiga area ini diimplementasikan sebagai Drupal Views. Menambahkan postingan blog dan forum menjelaskan cara mengedit tampilan ini.
  • Footer: Berisi link Kebijakan Privasi, Persyaratan & Penggunaan, dan Kontak. Lihat Mengedit halaman footer.

Menyesuaikan blok yang menentukan area atas halaman beranda

  1. Login ke portal Anda sebagai pengguna dengan hak istimewa admin.
  2. Pilih Structure > Blocks di menu administrasi Drupal.
  3. Di halaman Blocks, pilih link configure untuk Block yang diberi nama Homepage Header.
    Isi Blok Header Halaman Beranda adalah kode HTML yang menentukan tampilan blok tersebut
  4. Edit pemblokiran seperlunya.
  5. Pilih Simpan blok.
  6. Buka halaman beranda Anda untuk melihat perubahan.

Menyesuaikan menu utama

Menu utama muncul di bagian atas setiap halaman portal developer. Secara default, panel ini akan menampilkan logo Apigee dan dua entri menu: Blog dan Forum. Anda dapat mengedit menu utama untuk mengubah logo dan menetapkan entri menu Anda sendiri.

Untuk mengubah logo:

  1. Login ke portal Anda sebagai pengguna yang memiliki hak istimewa pembuatan konten atau admin.
  2. Jika tema default Anda adalah tema Responsif Apigee:
    1. Pilih Appearance > Settings.
  3. Jika tema default Anda adalah tema Apigee DevConnect:
    1. Pilih Appearance > Settings > Apigee DevConnect Theme.
  4. Batalkan pilihan Gunakan logo default di bagian Setelan gambar logo.
    Halaman akan berubah agar Anda dapat mencari file gambar dan menguploadnya.
  5. Di bagian Upload gambar logo, pilih tombol Choose File dan buka file gambar Anda.
  6. Pilih Buka untuk mengupload file.
  7. Klik Save Configuration.

Untuk mengedit entri menu:

  1. Login ke portal Anda sebagai pengguna yang memiliki hak istimewa pembuatan konten atau admin.
  2. Pilih Structure > Menus > Main menu di menu administrasi Drupal.
    Anda dapat menggunakan halaman ini untuk menambahkan, menghapus, dan menyusun ulang entri menu.
  3. Klik Tambahkan link untuk menambahkan entri menu baru.
  4. Tambahkan informasi yang diperlukan, lalu pilih Simpan.
  5. Klik Save configuration di halaman Menu utama.

Mengganti nama halaman Aplikasi Saya menjadi API Saya

Secara default, setiap developer portal memiliki halaman bernama "Aplikasi Saya" yang mereka gunakan untuk menambah, mengubah, dan menghapus aplikasi serta kunci API yang terkait dengan aplikasi tersebut. Misalnya, developer dapat memiliki beberapa aplikasi, dapat memodifikasi aplikasi untuk menambahkan atau menghapus produk API, dan melihat informasi analisis tentang penggunaan aplikasi, semuanya dari halaman "Aplikasi Saya".

Namun, beberapa penyedia API ingin menyederhanakan tampilan informasi di portal, dan menyederhanakan interaksi developer dengan portal. Misalnya, Anda dapat mengonfigurasi portal untuk membuat aplikasi default dan kunci API saat developer mendaftar di portal. Aplikasi tersebut bahkan mungkin menjadi satu-satunya aplikasi yang akan dapat diakses oleh developer, dan situs tersebut tidak mengizinkan pengguna untuk mengubah aplikasi. Untuk mengetahui informasi tentang cara membuat aplikasi default, lihat Menambahkan dan mengelola akun pengguna.

Sejumlah situs tidak ingin menggunakan istilah "aplikasi" sama sekali. Situs ini merujuk ke API dan kunci API. Dalam situasi ini, Anda mengonfigurasi portal untuk mengganti istilah "aplikasi" dengan "API", sehingga developer sekarang memiliki halaman bernama "My APIs". Namun, informasi yang ditampilkan di halaman sama dengan informasi saat halaman tersebut disebut "Aplikasi Saya", seperti yang ditunjukkan di bawah ini:

Perubahan ini tidak hanya memengaruhi judul halaman My API, tetapi juga area lainnya. Misalnya, pada gambar di atas, perhatikan bahwa tombol di sebelah kanan sekarang bertuliskan "Add a new API" dan teks di bawahnya mengacu pada API, bukan aplikasi.

Untuk mengonfigurasi portal agar menampilkan My API:

  1. Login ke portal Anda sebagai pengguna yang memiliki hak istimewa pembuatan konten atau admin.
  2. Pilih Configuration > Dev Portal > Application Settings di menu administrasi Drupal.
  3. Luaskan area Application UI Settings pada halaman.
  4. Pilih tombol pilihan yang sesuai dengan teks yang ingin Anda gugat.
  5. Klik Simpan Perubahan.
  6. Pilih Structure > Menus > Main menu di menu administrasi Drupal.
  7. Klik link Edit untuk entri Aplikasi Saya.
  8. Edit Judul link menu untuk menampilkan My APIs.
  9. Klik Simpan.
  10. Klik Save configuration di halaman Menu utama.

Mengaktifkan menu admin Drupal untuk perangkat seluler

Menu admin Drupal default tidak kompatibel dengan ukuran layar perangkat seluler yang kecil. Jika ingin mengelola portal di perangkat seluler, Anda dapat mengaktifkan menu admin baru yang mendukung perangkat seluler dengan lebar layar 767 piksel atau lebih.

Untuk mengaktifkan menu admin yang kompatibel dengan seluler:

  1. Login ke portal Anda sebagai pengguna yang memiliki hak istimewa pembuatan konten atau admin.
  2. Pilih Modules di menu administrasi Drupal. Daftar semua modul Drupal yang terinstal akan muncul.
  3. Download dan instal modul Navbar.
  4. Jika diaktifkan, nonaktifkan modul Gaya Toolbar menu Administrasi.
  5. Klik Simpan konfigurasi.
  6. Nonaktifkan modul Administration menu.
  7. Aktifkan modul Navbar.
  8. Klik Simpan konfigurasi.

Anda akan melihat menu admin Drupal yang kompatibel dengan perangkat seluler.