Lupakan PowerPoint, Cara Membuat Presentasi di WordPress

Diterbitkan: 2023-05-12


Apakah Anda ingin membuat presentasi di WordPress, tetapi Anda tidak yakin harus mulai dari mana?

Dengan membuat presentasi menggunakan plugin WordPress, Anda dapat yakin bahwa tayangan slide yang telah selesai akan terlihat bagus di situs WordPress Anda. Ini juga dapat menghemat waktu, tenaga, dan uang Anda dibandingkan dengan menggunakan perangkat lunak khusus seperti PowerPoint.

Pada artikel ini, kami akan menunjukkan cara membuat presentasi bergaya PowerPoint di WordPress.

Forget PowerPoint, how to create presentations in WordPress

Mengapa Membuat Presentasi di WordPress?

Menambahkan presentasi ke situs web Anda dapat membuatnya lebih menarik dan menarik, yang akan membuat pengunjung lebih lama di situs Anda. Ini mengirimkan sinyal positif ke mesin pencari, yang dapat meningkatkan SEO WordPress Anda.

Dimungkinkan untuk membuat presentasi menggunakan perangkat lunak seperti Google Slides atau PowerPoint. Anda kemudian dapat menambahkan presentasi ke situs web Anda menggunakan plugin atau kode embed.

Namun, membuat presentasi dalam program mandiri dapat memakan banyak waktu dan tenaga, dan Anda bahkan mungkin perlu membeli perangkat lunak khusus. Jika Anda menggunakan program eksternal, juga tidak ada jaminan presentasi yang sudah selesai akan terlihat bagus di situs WordPress Anda.

Kabar baiknya adalah Anda dapat dengan mudah membuat presentasi cantik yang dioptimalkan untuk SEO di dalam dasbor WordPress. Dengan menggunakan plugin WordPress, Anda dapat yakin bahwa presentasi akan terlihat bagus di situs WordPress Anda, apa pun perangkat yang digunakan pengunjung.

Karena itu, mari kita lihat bagaimana Anda bisa membuat presentasi bergaya PowerPoint di WordPress.

Cara Membuat Presentasi di WordPress

Cara termudah untuk membuat presentasi di WordPress adalah dengan menggunakan Smart Slider 3. Plugin gratis ini berfungsi dengan tema WordPress apa pun dan dioptimalkan untuk SEO. Itu juga dilengkapi dengan slide siap pakai, animasi, dan template, sehingga Anda dapat membuat presentasi yang indah dengan cepat.

Pertama, Anda perlu menginstal dan mengaktifkan Smart Slider 3. Jika Anda memerlukan bantuan, silakan lihat panduan kami tentang cara menginstal plugin WordPress.

Setelah aktivasi, buka Smart Slider » Dashboard lalu klik 'Go To Dashboard.'

Creating a PowerPoint-style presentation in WordPress

Setelah itu, cukup klik 'Proyek Baru.'

Pada titik ini, Anda dapat memutuskan apakah akan memulai dengan lembaran kosong atau menggunakan salah satu template presentasi Smart Slider yang sudah jadi.

Jika Anda ingin membuat presentasi yang dirancang secara profesional dengan cepat, sebaiknya pilih 'Mulai dengan Templat.'

Choosing a presentation template

Smart Slider sekarang akan menampilkan semua template yang tersedia.

Untuk melihat lebih dekat pada desain, arahkan mouse Anda ke atasnya lalu klik ikon mata saat muncul. Ini membuka template presentasi di tab baru.

Choosing a presentation template

Saat Anda menemukan templat yang ingin digunakan, arahkan kursor ke atasnya lalu klik tombol 'Impor'.

Ini akan membuka template pilihan Anda di editor Smart Slider.

How to create a PowerPoint style presentation in WordPress

Konfigurasikan Presentasi Bergaya PowerPoint Anda Menggunakan WordPress

Setelah memilih template, ada baiknya mengonfigurasi pengaturan presentasi. Opsi yang Anda lihat mungkin berbeda tergantung pada template Anda, tetapi kami akan mencakup semua pengaturan utama.

Konfigurasikan Pengaturan Umum dan Ukuran

Di tab 'Umum', Anda dapat memberi nama pada presentasi dengan mengetikkannya di bidang 'Nama'.

Adding a title to an online presentation

Anda juga dapat menambahkan gambar mini, yang dapat dilihat oleh pengunjung tergantung pada cara Anda mengonfigurasi presentasi.

Cukup klik ikon '+' di sebelah 'Thumbnail' lalu pilih gambar dari perpustakaan media WordPress atau unggah file baru dari komputer Anda.

Adding a presentation thumbnail to a slideshow in WordPress

Setelah selesai, Anda perlu menggulir ke bagian 'Desain Slider'.

Di sini, Anda dapat mengubah perataan penggeser dan menambahkan margin untuk menciptakan lebih banyak ruang di sekitar slide Anda.

Changing the presentation slider design

Selanjutnya, Anda mungkin ingin memperbesar atau memperkecil slide dengan memilih tab 'Ukuran'.

Di sini, Anda dapat menetapkan ukuran maksimum yang berbeda untuk pengguna tablet, seluler, dan desktop. Dengan demikian, Anda dapat yakin bahwa presentasi akan terlihat bagus di semua perangkat.

Untuk mengatur ukuran maksimum ini, cukup klik untuk mengaktifkan penggeser Desktop, Seluler, dan Tablet, lalu ketikkan angka di bidang 'Maks'.

Setting a maximum slider size in a presentation

Di bawah 'Tata Letak', Anda dapat memilih apakah presentasi harus mengisi seluruh lebar browser ('Lebar penuh') atau sesuai dengan penampung yang dimasukkan ke dalamnya ('Berkotak').

Secara default, presentasi akan naik dan turun secara otomatis agar sesuai dengan layar pengunjung. Anda biasanya ingin membiarkan setelan ini diaktifkan, tetapi Anda mungkin ingin menyetel tinggi minimum dengan mengetiknya di kotak 'Tinggi Minimum'.

Changing the slideshow layout in WordPress

Konfigurasikan Kontrol dan Pengaturan Animasi

Setelah itu, klik tab 'Kontrol'. Di sini, Anda dapat mengubah cara pengunjung berpindah di antara slide yang berbeda.

Pengaturan default seharusnya cocok untuk sebagian besar blog dan situs web WordPress, tetapi Anda mungkin ingin mengubah tampilan panah.

Misalnya, Anda dapat mengubah warna panah dan sisipan, yang mengontrol tempat munculnya panah di slide.

Changing the arrow settings in a WordPress presentation

Saat Anda membuat perubahan, Anda mungkin ingin mempratinjau tampilan panah di presentasi Anda.

Untuk melakukannya, cukup klik ikon mata di bilah alat.

Previewing a presentation in WordPress

Setelah selesai, cukup gulir ke 'Bullets.' Di sini, Anda dapat menyesuaikan ikon bertitik yang memungkinkan pengunjung berpindah di antara slide yang berbeda. Anda dapat mencoba gaya poin yang berbeda, menambahkan bayangan kotak, mengubah radius sudut, dan lainnya.

Jika Anda ingin menampilkan setiap judul slide, cukup klik untuk mengaktifkan tombol 'Bilah Teks'.

How to configure a presentation in WordPress

Pilihan lainnya adalah menampilkan thumbnail setiap slide, yang memberi pengunjung cara lain untuk berpindah antar slide.

Untuk melakukan ini, Anda harus mengaktifkan sakelar 'Thumbnail'. Anda sekarang akan mendapatkan akses ke beberapa pengaturan tambahan untuk menyempurnakan tampilan thumbnail.

Configuring a presentation's thumbnails

Terakhir, Anda mungkin ingin menambahkan bayangan ke bagian bawah tayangan slide Anda dengan mengeklik sakelar 'Bayangan'.

Setelah itu, Anda dapat membuka dropdown dan memilih antara gaya bayangan yang berbeda.

Adding a shadow to a Google Slides style presentation

Animasi CSS adalah cara yang bagus untuk menarik perhatian pengunjung dan mendorong mereka untuk terlibat dengan presentasi Anda. Smart Slider hadir dengan animasi bawaan, jadi pastikan Anda mengklik tab 'Animations' untuk mengonfigurasinya.

Di sini, buka tarik-turun 'Animasi Utama' dan pilih efek yang akan dimainkan Smart Slider saat beralih di antara slide. Anda juga dapat mengubah berapa lama animasi akan diputar dengan mengetikkan angka di kolom 'Durasi'.

Adding slide animations and transition effects

Bergantung pada template yang Anda gunakan, Anda mungkin juga melihat opsi 'Animasi Latar Belakang'. Ini memungkinkan Anda menganimasikan gambar dan warna latar belakang slide.

Ketahuilah bahwa animasi latar belakang tidak berfungsi pada video atau presentasi apa pun yang menggunakan pengguliran paralaks.

Untuk melihat lebih dekat animasi latar belakang Smart Slider, klik ikon '+'. Ini membuka editor tempat Anda dapat mencoba berbagai animasi untuk melihat efek apa yang dapat Anda buat.

Adding background animations to slides in WordPress

Konfigurasikan Pengaturan Putar Otomatis

Tab berikutnya adalah 'Putar Otomatis'.

Secara default, pengunjung harus berpindah di antara slide Anda secara manual. Jika Anda ingin presentasi diputar secara otomatis, cukup klik untuk mengaktifkan penggeser 'Putar Otomatis'.

How to create an autoplaying presentation in WordPress

Jika Anda mengaktifkan opsi ini, Anda akan mendapatkan akses ke beberapa pengaturan tambahan di mana Anda dapat mengubah berapa lama presentasi menampilkan setiap slide dan bagaimana pengunjung dapat menghentikan slideshow.

Itu juga menambahkan bagian 'Tombol', di mana Anda dapat menyesuaikan tombol 'Mainkan' presentasi.

Adding a Play button to a slideshow

Optimalkan Presentasi Anda

Setelah itu, pilih tab 'Optimalkan'. Di sini, Anda akan menemukan pengaturan untuk pemuatan malas Smart Slider.

Secara default, penggeser langsung dimuat, yang merupakan pilihan bagus jika presentasi adalah hal pertama yang dilihat orang saat mengunjungi halaman.

Namun, jika Anda berencana untuk menempatkan presentasi lebih jauh ke bawah halaman, kami sarankan untuk membuka dropdown 'Memuat jenis' dan memilih 'Setelah halaman dimuat.'

Enabling the lazy loading feature

Ini dapat meningkatkan kecepatan dan kinerja WordPress, bersamaan dengan meningkatkan pengalaman pengunjung dengan memuat sisa halaman terlebih dahulu.

Opsi lainnya adalah 'Setelah penundaan', yang memungkinkan Anda menyetel penundaan pemuatan untuk penggeser.

Adding a delay to a WordPress presentation

Konfigurasikan Pengaturan Slide

Secara default, gambar akan menutupi seluruh slide, meskipun Smart Slider perlu memangkas gambar agar pas. Ini cenderung bekerja dengan baik untuk sebagian besar presentasi, tetapi Anda mengubah pengaturan default ini dengan memilih tab 'Slide'.

Di sini, cukup buka dropdown 'Slide Background Image Fill' dan pilih opsi yang berbeda dari daftar, seperti stretch, center, atau blur fit.

How to create a PowerPoint style presentation in WordPress

Tab 'Pengembang' memiliki beberapa pengaturan lanjutan, termasuk area tempat Anda dapat menambahkan CSS khusus ke presentasi Anda.

Sebagian besar pemilik situs web tidak perlu menggunakan setelan ini. Namun, jika Anda ingin mempelajari lebih lanjut tentang salah satu opsi 'Pengembang', cukup arahkan kursor ke ikon 'i' kecil. Ini akan menampilkan tooltip dengan beberapa informasi lebih lanjut, ditambah tautan ke dokumentasi Smart Slider.

Advanced developer settings in the Smart Slider WordPress plugin

Buat Slide untuk Presentasi Gaya PowerPoint Anda di WordPress

Saat Anda puas dengan cara presentasi dikonfigurasi, saatnya untuk mulai membuat slide.

Cukup klik tombol 'Tambah Slide' untuk memulai.

Creating presentation slides in the WordPress dashboard

Smart Slider memungkinkan Anda membuat beberapa jenis slide. Ia bahkan memiliki opsi 'Posting', yang memungkinkan Anda menyematkan postingan WordPress di dalam slide.

Anda dapat bereksperimen dengan opsi yang berbeda, namun dalam panduan ini, kami akan menggunakan desain 'Kosong' sebagai contoh.

Smart Slider's presentation types

Setelah memilih jenis slide, Anda akan melihat thumbnail slide di dekat bagian atas layar.

Arahkan mouse Anda ke thumbnail dan kemudian klik tombol 'Edit' ketika muncul.

Editing slides in the WordPress editor

Ini membuka editor Smart Slider.

Di sepanjang bagian atas layar terdapat bilah navigasi remah roti tempat Anda dapat berpindah di antara berbagai slide dalam presentasi.

Smart Slider's breadcrumb navigation

Sepanjang sisi kiri layar adalah semua lapisan yang membentuk slide. Anda dapat mengarahkan mouse ke ikon apa pun untuk melihat nama lapisan itu, seperti Gambar atau Baris.

Untuk mengedit layer, cukup klik di menu sebelah kiri. Ini membuka munculan dengan semua pengaturan yang dapat Anda gunakan untuk menyesuaikan lapisan itu.

The Smart Slider presentation and slideshow editor

Anda juga dapat memilih lapisan dengan mengekliknya di pratinjau langsung. Misalnya, untuk mengganti beberapa teks default dengan perpesanan Anda sendiri, cukup klik untuk memilih lapisan tersebut.

Di popup yang muncul, ketik pesan Anda ke kolom 'Teks'.

Adding text to a presentation in WordPress

Anda juga dapat mengubah tampilan teks dengan mengeklik tab 'Gaya'.

Di sini, Anda dapat mengubah warna teks, font, ukuran, dan lainnya.

Changing the text style in a slideshow

Untuk menyesuaikan slide, cukup klik pada layer yang berbeda dan kemudian buat perubahan Anda di popup yang muncul.

Jika Anda ingin menghapus sebuah layer, cukup arahkan mouse Anda ke atasnya lalu klik ikon titik-titik. Di menu tarik-turun, Anda harus memilih 'Hapus'.

Deleting layers in Smart Slider

Apakah Anda ingin menambahkan lebih banyak lapisan ke slide?

Cukup klik ikon '+' hijau di menu sebelah kiri.

Adding layers to a WordPress presentation

Tab 'Lapisan' menampilkan beberapa lapisan dasar, seperti gambar, tombol, dan teks.

Anda dapat menambahkan salah satu dari lapisan ini ke slide menggunakan seret dan lepas.

Adding layers to a slideshow in WordPress

Smart Slider juga memiliki perpustakaan slide siap pakai yang dapat Anda tambahkan ke presentasi Anda.

Untuk melihat opsi ini, klik tab 'Perpustakaan'.

The Smart Slider library

Anda sekarang dapat terus mengerjakan slide ini dengan menambahkan lapisan dan menyesuaikannya dengan konten dan pengaturan Anda sendiri.

Ketika Anda puas dengan bagaimana slide diatur, klik tombol 'Simpan'.

Saving a presentation in WordPress

Untuk mulai mengerjakan slide berikutnya, Anda perlu mengklik 'Slide' di bilah alat.

Kemudian, pilih 'Tambahkan Slide.'

Adding slides to a presentation

Cara Menerbitkan Presentasi di WordPress

Setelah Anda selesai mengerjakan presentasi, cukup klik 'Kembali' untuk kembali ke dasbor utama Smart Slider.

Secara default, Smart Slider memublikasikan semua slide Anda, tetapi masih perlu diperiksa apakah ada tanda centang hijau di samping setiap slide yang ingin Anda tampilkan di situs Anda.

Publishing slides to a website or blog

Jika Anda melihat 'x' di samping slide mana pun, berarti slide tersebut tidak dipublikasikan. Anda harus mengklik 'x' untuk mengubahnya menjadi tanda centang hijau, yang membuat slide hidup.

Setelah itu, Anda siap menambahkan presentasi ke toko online, situs web, atau blog Anda. Cukup buka posting atau halaman apa saja dan kemudian klik ikon '+'.

Selanjutnya, Anda perlu mengetik 'Smart Slider 3' ke dalam popup dan memilih blok yang tepat saat muncul.

Adding the Smart Slider 3 block to a page or post

Ini menambahkan blok Smart Slider ke halaman.

Selanjutnya, lanjutkan dan klik tombol 'Pilih Penggeser'.

How to add the Smart Slider 3 block to a page or post

Ini membuka sembulan yang menampilkan semua presentasi yang telah Anda buat.

Cukup klik pada presentasi yang ingin Anda gunakan, lalu pilih 'Sisipkan'.

Adding a Smart Slider 3 block to WordPress

Ini menambahkan presentasi ke situs web Anda. Anda sekarang dapat mengeklik 'Perbarui' atau 'Publikasikan' untuk membuat presentasi menjadi langsung.

Sekarang, jika Anda mengunjungi situs web Anda, Anda akan melihat presentasi gaya PowerPoint beraksi.

A PowerPoint-style presentation, created using a WordPress plugin

Kami harap artikel ini membantu Anda mempelajari cara membuat presentasi di WordPress. Anda mungkin juga ingin melihat daftar pembuat halaman WordPress seret dan lepas terbaik kami atau panduan kami tentang cara memilih perangkat lunak desain web terbaik.

Jika Anda menyukai artikel ini, silakan berlangganan tutorial video Saluran YouTube kami untuk WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.