sisfo

08 May 2019

No Comments

Home Tutorial

Membangun Web Fakultas di Telkom University

Membangun Web Fakultas di Telkom University

Sesuai dengan SK yang diterbitkan oleh Telkom University, bahwa seluruh website fakultas kampus harus mengikuti aturan pembuatan website resmi Telkom University. Hal ini dilakukan untuk memberi kenyamanan kepada stakeholder terutama dari segi informasi yang dibagikan kepada mereka. Untuk membangun web fakultas tersebut, diharapkan konten yang disampaikan akan memenuhi standard minimal yang sesuai dengan SK yang diterbitkan mengenai standarisasi konten. namun kampus tidak menutup kemungkinan jika informasi yang disampaikan, lebih dari yang terdapat pada dokumen SK tersebut. oleh karena itu, kami telah menyediakan contoh tampilan web fakultas yang sesuai dengan standarisasi konten yang ada untuk dapat dijadikan referensi untuk selanjutnya dapan diisikan konten yang sesuai dengan kebutuhan fakultas masing-masing dalam membangun web fakultas di Telkom University

 

Settingan awal

  • Pastikan theme (Education) yang sesuai sudah terinstal. theme dapat diunduh di website wp-repo.telkomuniversity.ac.id
  • Kemudian, pastikan plugin-plugin yang diperlukan juga sudah terinstal (manual terdapat di folder Documentation) dan ter-Activate semua (untuk plugin visual Composer dapat melakukan request ke Direktorat Sisfo melalui tiketing atau e-memo)
  • Sesuaikan settingan berikut pada Dashboard menu Theme Option > Plugin Settings, kemudian klik Save Changes
  • Kemudian buat halaman-halaman baru (pada Dashboard admin > Pages > New Page), sesuai kebutuhan pada menu standar konten.
  • Lakukan pula setting hompage (setelah halaman Home dibuat) agar halaman utama yang muncul sesuai dengan yang diharapkan dengan mengakses menu Settings > Reading, kemudian arahkan seperti settingan berikut
  • Lalu pada halaman utama (landing page) tersebut, gunakan settingan berikut pada bagian bawah Page Editor
This image has an empty alt attribute; its file name is image-e1557287079258.png
  • Untuk halaman utama/ Homepage, kosongkan untuk bagian Header Image
  • Kemudian Klik icon di bawah ini
    This image has an empty alt attribute; its file name is image-2-1024x81.png
    • Kemudian tambahkan css berikut untuk tampilan yang lebih baik terutama pada homepage

    .vc_general.vc_cta3.vc_cta3-color-classic.vc_cta3-style-flat {
    background-color: inherit;}
    .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content {
    padding-right: 135px;
    }
    .vc_cta3-content-header {
    color: #1d1d1d !important;
    }

  • Untuk halaman selain Homepage, bisa ditambahkan gambar landscape untuk menjadi gambar header pada page tersebut
  • atau bisa menambahkan script berikut agar setiap membuat postingan baru, tidak terganggu dengan judul dan logo yang bertumpuk
    • sebelumnya masuk dahulu ke menu Appearance –> Customize lalu pilih menu Additional CSS
    • kemudian inputkan script berikut

      .tp-mask-wrap{transform: translate3d(0px, 100px, 0px);
      visibility: hidden;
      }
      #nd_options_navigation_2_container{
      z-index: 100;
      padding: 20px 0 18vh 0;
      background: linear-gradient(#000 0%, transparent 100%) !important;
      position: fixed;}


      .post-2{
      margin-top: 120px;
      }

Membangun Halaman Web

Selanjutnya, rekan-rekan bisa meng-coppy paste script pada link di bawah ini sesuai dengan halaman yang sudah kami tentukan. untuk menambahkan script tersebut, pastikan mode Page Editor berada pada posisi Backend Editor. Jika belum, click pada bagian tersebut hingga pada posisi Backend Editor (terdapat pada bagian sebelum judul halaman)

Setelah itu, untuk melakukan edit berdasarkan tampilan yang akan mucul ketika dipublish dapat mengubah kembali mode view editornya menjadi Clasic Mode

Setelah semuanya siap, silakan isi/ganti (text maupun image) konten yang ada sebelumnya dengan yang baru yang sesuai dengan yang anda butuhkan

Untuk memudahkan, berikut file templete yang sama seperti di atas dan sudah kami kumpulkan dalam 1 rar

Selamat mencoba

Leave a Reply