Tabel Konten

Redesign dan update version

Share on telegram
Telegram
Share on whatsapp
WhatsApp
Share on email
Email
Share on print
Print

Sekilas Pengembangan [ReDesign]

Untuk perubahan desain tahun 2021 ini dengan awal pembukaan tahun mulai memprosesnya dengan konsep perampingan yang lebih simple, customize dan fast. Dengan themes color dari bawaan instansi sekolah yaitu warna hijau diikuti dengan warna orange, dan putih. Dengan menitik tekankan lebih kepada fungsi dan penataan ulang beberapa link subdomain sebagai sub sistem untuk keperluan administrasi sekolah. Standart desain yang meliputi beberapa layout untuk beberapa versi pada perangkat seperti dekstop, tablet dan smartphone. Penerapan desain pada alamat website resmi sekolah di https://hasanuddinwajak.sch.id

  1. Desain lebih simple dan komunikatif serta bersih
  2. Theme Color menggunakan warna hijau, orange, dan putih
  3. Customize Responsive design untuk device dekstop, tablet, dan mobile
  4. Penggunaan Font menggunakan font family Helvetica, Google Sans, Abril Fatface
  5. Library Icons menggunakan library font awesome dari beberapa versi
  6. Custom Design Layout untuk fungsi single page, archive, dan blog (News)
  7. Penambahan beberapa Asset baru untuk pengelompokkan konten
  8. Modifikasi design logo untuk beberapa penempatan pada layout header, body dan footer
  9. Pengembangan dan penambahan untuk pengelompokan management content beberapa jenis post
  1. Desain Header dengan 2 posisi block layout untuk penempatan menu yaitu top menu untuk bagian atas, dan main menu berada dibawahnya. Dengan penambahan fitur kolom smart searching tepat disamping main menu pada sisi kanan.
  2. Desain Header mempunyai 3 tampilan yang disesuaikan dengan device pengguna antara lain, dekstop, tablet, dan smartphone.
  3. Penambahan asset icon pada setiap keterangan menu menggunakan font awesome yang bersifat open source.
  4. Desain submenu pada main menu menggunakan dropdown standart, berbeda dengan versi sebelumnya yang menggunakan fungsi mega menu untuk tampilan dropdown menunya.
  5. Tepat pada bagian main menu dibawahnya menampilkan slide show image header sama seperti dengan versi sebelumnya.
  6. Untuk bagian body setelah header diawali dengan menampilkan block yang berupa asset tentang informasi sublink dari website sekolah dan disampingkan berupa logo sekolah dengan versi vertikal.
  7. Disusul tepat dibawahnya ada 2 block untuk menampilkan informasi berupa info sekolah dan kabar sekolah berikut dengan link asset icon link pendaftaran sekolah dan jadwal operasional sekolah.
  8. Layout berikutnya menampilkan informasi feed secara realtime dari feed instagram resmi sekolah terhubung secara otomatis.
  9. Block berikutnya menampilkan informasi tentang testimony dari alumni sekolah dengan mode slideshow.
  10. Pada layout yang berada diatas footer terdapat informasi sekilas tentang sekolah dan disusul dengan lampiran peta lokasi sekolah yang terhubung dengan Google Maps
    Dan yang terakhir merupakan bagian kaki website footer yang berisi beberapa block layout logo sekolah, informasi singkat sekolah, dan informasi kontak sekolah.
  1. Desain Template untuk Single Page dan Archive;
    a. Post type Homepage & Blog (News) 
    b. Design template page untuk eskul, profil dan akademik.

  2. Desain Atribut dan Komponen;
    a. Desain default untuk featured image masing masing post type
    b. Design asset/ icon/ banner pada tiap-tiap halaman.
  1. Ajax Search – The lite version of the most powerful ajax powered search engine for WordPress.
  2. Astra Pro – This plugin is an add-on for the Astra WordPress Theme. It offers premium features & functionalities that enhance your theming experience at next level.
  3. Elementor & Elementor Pro – The Elementor Website Builder has it all: drag and drop page builder, pixel perfect design, mobile responsive editing, and more.
  4. Elementor – Header, Footer & Blocks – This powerful plugin allows creating a custom header, footer with Elementor and display them on selected locations. You can also create custom Elementor blocks and place them anywhere on the website with a shortcode.
  5. Flying Pages by WP Speed Matters – Load inner pages instantly, intelligently!
  6. PowerPack Pro for Elementor – Extend Elementor Page Builder with 70+ Creative Widgets and exciting extensions.
  7. WP-Optimize Premium – WP-Optimize Premium is a premium version of WordPress’s #1 most installed optimization plugin. With it, you can clean up your database easily and safely, without manual queries.
  8. Yoast SEO Premium – The first true all-in-one SEO solution for WordPress, including on-page content analysis, XML sitemaps and much more.
  9. Tambahan Customize Plugin;
    a. Greenbox CPT
    b. Greenbox Lab
    c. Greenbox Shortcode & Template

Change Log

Added:
– Preparing New Concept Design
– Start Implementation Concept

Fixed:
– Backup All file and database
– Migrasi Files

Changed:
– None

Added:
– Start Development
– Create Concept Design Layout & System
– Installation New Concept
– Created New Repository for New Design
– Preparing Created New Design in System

Fixed:
– Installing Repo in Local Network
– First Commit the first repo in git

Changed:
– Replace all platform to new version
– Update & replace to new version

Added:

  1. Implementation Design
  2. Manage Content & System
  3. Design Content & Layout
  4. Make template page and archive
  5. Deployment System
  6. Simulation & Correction
  7. Testing and Backup
  8. Final Correction
  9. Upload to repository
  10. Deployment Start

Fixed:

  1. Compatibility with WP 5.5.3
  2. Update plugins to their latest versions
  3. Improve theme styles
  4. Update PHP version & Backup database
  5. Optimize Load Speed
  6. Compatibelity Layout for All device
  7. Fixed Design Layout & Fitur
  8. Migration All data post in the new design
  9. Optimize Speed Load

Changed:

  1. Change New Themes and version
  2. Deleted, add and update plugin to new version
  3. Redesign Cart and Content
  1. Preparing installation on server
  2. Backup data and configuration server
  3. Finishing installation
  4. Simulation and corection
  5. Release New Design and Backup
Scroll to Top