Cara Mengubah Gaya Paket Tata Letak menjadi Default Global dengan Divi

Diterbitkan: 2019-07-31

Pembaruan default global Divi yang baru membantu Anda menerapkan gaya desain tertentu ke elemen di seluruh situs web Anda. Ini menghemat waktu Anda, membantu Anda menyimpan ikhtisar situs web Anda dan menata setiap pengaturan global seperti yang biasa Anda lakukan; di dalam Divi Builder itu sendiri.

Sekarang, saat Anda menggunakan paket tata letak untuk situs web Anda, kemungkinan besar Anda ingin mengubah gaya paket tata letak menjadi default global, jadi Anda tidak perlu bolak-balik. Tapi apa cara terbaik untuk melakukannya? Kami akan menunjukkan kepada Anda dalam tutorial kasus penggunaan minggu ini. Kami akan menggunakan Paket Tata Letak Keamanan Cyber ​​untuk mendemonstrasikannya tetapi yakinlah, teknik ini berlaku untuk paket tata letak apa pun yang Anda gunakan.

Mari kita lakukan!

1. Buat Halaman Baru untuk Setiap Tata Letak di Paket Tata Letak

Jika Anda berencana mengubah gaya paket tata letak menjadi default global, hal pertama yang perlu Anda lakukan adalah membuat halaman terpisah untuk setiap tata letak yang disertakan dengan paket tata letak. Memiliki halaman terpisah untuk masing-masing tata letak akan membantu Anda dengan langkah kedua; memindai elemen desain yang digunakan di seluruh paket tata letak dan mengubahnya menjadi default global.

gaya paket tata letak

2. Deteksi Modul yang Digunakan di Seluruh Tata Letak & Jadikan Global

Setelah Anda membuat halaman terpisah untuk setiap tata letak, Anda dapat mulai memindai halaman untuk menemukan modul berbeda yang digunakan. Kami sengaja melewatkan pengaturan bagian, baris, dan kolom karena ini bergantung pada jenis bagian yang Anda buat. Dan untuk sebagian besar bagian dan baris, tim desain memutuskan untuk menggunakan pengaturan default Divi untuk memudahkan Anda mengatur default global Anda sendiri.

Kami telah melanjutkan dan mendeteksi modul yang paling sering digunakan dalam Paket Tata Letak Keamanan Cyber ​​yang berisi gaya khusus. Modul-modul ini juga merupakan beberapa modul Divi yang paling populer dan dapat ditemukan di hampir semua paket tata letak:

  • Modul Teks
  • Modul Tombol Utama
  • Modul Pembagi
  • Modul Keikutsertaan Email
  • Modul Formulir Kontak

Ubah Pengaturan Isi & Judul Modul Teks Menjadi Default Global

Saatnya untuk mulai mengubah gaya modul menjadi default global! Anda harus melakukan modul ini demi modul. Kita akan mulai dengan Modul Teks. Satu-satunya pengaturan yang kami sarankan untuk mengubah global adalah pengaturan judul dan teks isi. Kedua grup opsi ini kemungkinan besar akan tetap sama, apa pun desain yang Anda buat. Pengaturan lainnya, seperti spasi dan ukuran, biasanya bergantung pada bagaimana Modul Teks Anda dipengaruhi oleh sisa desain dan disesuaikan di sepanjang jalan. Kita akan melalui proses pengaturan default global untuk modul khusus ini. Kemudian, kami akan melanjutkan dengan membuat daftar pengaturan yang kami sarankan untuk diubah menjadi default global untuk modul lainnya.

Sepanjang tata letak, tiga judul Modul Teks digunakan; H1, H2 dan H3. Kami akan mengubah tiga judul dan pengaturan teks paragraf ini menjadi default global. Jika Anda ingin melangkah lebih jauh dari H3, Anda dapat menatanya secara manual di pengaturan teks global H3.

Di halaman arahan, Anda akan menemukan semua pengaturan ini tersebar di berbagai Modul Teks. Modul Teks pertama di bagian pahlawan berisi salinan H1. Buka pengaturan, buka pengaturan teks H1, klik kanan pada item H1 dan klik 'Buat Gaya Default'.

gaya paket tata letak

gaya paket tata letak

Temukan Modul Teks dengan beberapa konten paragraf berikutnya. Buka pengaturan teks, klik kanan dan klik 'Jadikan Gaya Default'.

gaya paket tata letak

Modul Teks terakhir yang akan kita buka berisi gaya teks H2 dan H3. Klik kanan masing-masing item heading satu per satu dan klik 'Make Styles Default'. Setelah Anda melewati langkah-langkah ini, Modul Teks Anda siap digunakan!

gaya paket tata letak

Anda harus mengulangi langkah-langkah ini untuk setiap modul berulang di situs web Anda. Mari kita beralih ke yang lain.

1. Modul Tombol Utama

gaya paket tata letak

Pengaturan Tombol

gaya paket tata letak

Lapisan

gaya paket tata letak

2. Modul Blurb

gaya paket tata letak

Pengaturan Ikon (Bila Diperlukan)

gaya paket tata letak

Pengaturan Teks

gaya paket tata letak

Pengaturan Teks Judul

gaya paket tata letak

Pengaturan Teks Tubuh

gaya paket tata letak

3. Modul Pembagi

gaya paket tata letak

Pengaturan Jalur

gaya paket tata letak

Pengaturan Ukuran

gaya paket tata letak

4. Modul Keikutsertaan Email

gaya paket tata letak

Seluruh Modul Kecuali: Margin + Ukuran + Mengubah Pengaturan

gaya paket tata letak

5. Modul Formulir Kontak

gaya paket tata letak

Seluruh Modul Kecuali: Margin + Ukuran + Mengubah Pengaturan

gaya paket tata letak

3. Simpan Elemen Berulang sebagai Item (Global) untuk Digunakan Kembali

Sekarang, setelah Anda menyetel default global untuk modul yang paling sering digunakan, masih ada beberapa elemen lain yang mungkin Anda pertimbangkan untuk digunakan kembali. Elemen-elemen ini biasanya, tetapi tidak terbatas pada, sebagai berikut:

  • Tombol Sekunder
  • Tombol Tersier
  • Bagian CTA
  • Bagian Catatan Kaki
  • Spesifikasi Paket Tata Letak: Modul Gambar dengan Pembagi Bagian/Modul Blurb Bergaya Berbeda/…

Kami menyarankan Anda menyimpan elemen-elemen ini ke perpustakaan Divi Anda dan menggunakannya kembali saat Anda pergi. Ini membantu untuk menyimpan beberapa dari mereka sebagai item global bukan yang biasa, seperti footer dan bagian CTA. Elemen seperti tombol atau modul uraian gaya berbeda disarankan untuk disimpan tanpa bersifat global, sehingga Anda dapat membuat perubahan khusus pada salinan dan desain di mana pun diperlukan.

Anda dapat menyimpan elemen ke Perpustakaan Divi dengan mengarahkannya, mengklik ikon simpan ke perpustakaan, memberi nama item perpustakaan Anda, memilih apakah Anda ingin menjadikannya global dan mengklik 'Simpan ke Perpustakaan'.

gaya paket tata letak

4. Buat Palet Warna Default di Opsi Tema Divi

Setelah Anda menyetel default global dan menyimpan elemen berulang ke Divi Library, Anda hampir siap untuk mulai membuat halaman baru dari awal menggunakan default global dan item library. Sebelum Anda melakukannya, kami sarankan Anda mengubah palet warna default di Opsi Tema Divi Anda. Warna-warna ini akan muncul di setiap elemen desain yang Anda buka dan akan membantu Anda mengubah warna tanpa harus terus-menerus menyalin dan menempelkan kode warna. Ini memungkinkan Anda untuk fokus pada apa yang benar-benar penting; membuat situs web yang indah dan berfungsi. Buka Opsi Tema Divi Anda dan pastikan Anda menyertakan jenis warna berikut dalam palet warna Anda:

  • Warna Teks
  • Warna Latar Belakang
  • Warna Aksen

gaya paket tata letak

5. Atur Ulang Gaya Modul pada Halaman yang Ada

Setelah Anda mengatur default global Anda, menyimpan item perpustakaan Anda dan memilih palet warna default Anda, Anda dapat mulai membuat halaman baru dari awal dan melihat perbedaan dalam pendekatan segera. Namun, jika Anda memiliki halaman yang sudah ada yang telah dimodifikasi sebelum memilih default global, Anda harus kembali dan mengatur ulang gaya modul agar default global dapat diterapkan. Begitulah cara kerja default global. Jika Anda mengubah sesuatu tentang modul secara manual, Anda juga harus menghapusnya secara manual sehingga default global dapat ditampilkan. Untungnya, Anda juga dapat menggunakan fitur perluasan gaya yang disediakan Divi untuk memperluas gaya atur ulang di seluruh halaman!

Pikiran Akhir

Dalam posting ini, kami telah menunjukkan kepada Anda cara menggunakan pembaruan default global Divi yang baru untuk mengubah paket tata letak menjadi default global. Meskipun kami telah menggunakan Paket Tata Letak Keamanan Cyber, Anda dapat membuat teknik ini berfungsi pada paket tata letak apa pun yang Anda pilih. Tutorial kasus penggunaan ini adalah bagian dari inisiatif desain Divi kami yang sedang berlangsung, di mana kami mencoba memasukkan sesuatu yang ekstra ke dalam kotak peralatan desain Anda setiap minggu. Jika Anda memiliki pertanyaan atau saran, jangan ragu untuk meninggalkannya di bagian komentar di bawah!

Jika Anda ingin mempelajari lebih lanjut tentang Divi dan mendapatkan lebih banyak gratisan Divi, pastikan Anda berlangganan buletin email dan saluran YouTube kami sehingga Anda akan selalu menjadi salah satu orang pertama yang mengetahui dan mendapatkan manfaat dari konten gratis ini.