Perlu tahu cara mengintegrasikan Kalender Google ke situs web WordPress Anda? Jadi mari kita lihat tutorial ini bersama.
Beberapa situs web Anda akan mendapat manfaat dari memiliki kalender. Ini terutama benar jika Anda mengoordinasikan aktivitas tim atau komunitas atau jika Anda kelola situs web acara.
Dengan demikian, pengunjung Anda atau pengguna Anda dapat melihat apa yang baru atau dilakukan, bisa untuk itu tetapi kebanyakan kapan.
Pada artikel ini saya akan menunjukkan kepada Anda bagaimana mengintegrasikan Kalender Google yang responsif ke situs web WordPress Anda.
Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda
Lalu kembali ke mengapa kita ada di sini.
Buka Kalender Google
Jika Anda sudah memiliki kalender Google, buat kalender untuk umum dan lewati langkah ini. Jika tidak, di browser Anda, kunjungi Google Kalender dan autentikasi jika perlu. Jika semuanya berjalan dengan baik, Anda harus memiliki antarmuka kalender Google.
Sebagai contoh, kami akan menggunakan kalender publik yang tersedia di Google Kalender. Untuk melakukan ini, klik pegangan di depan kalender lainnya yang ada di sebelah kiri layar Anda. Pada menu yang muncul, pilih Jelajahi kalender yang menarik.
Dalam daftar kalender, pilih salah satu yang cocok untuk Anda dengan mengklik link daftar yang terletak di seberang. Untuk artikel ini saya memilih Liburan di Perancis. Anda harus melihat salah satu yang telah Anda pilih di bawah ini kalender lainnya.
Tanamkan Kalender Google Anda di halaman atau item
Klik pada pegangan di depan Liburan di Perancis (Atau kalender publik Anda) dan pilih pengaturan kalender. Di bagian Integrasikan kalender ini, salin kode HTML yang terdapat dalam kotak teks dan tempelkan ke editor WYSIWYG Anda yang telah Anda masukkan dalam mode teks sebelumnya.
Temukan dengan cara pilihan kami Kode 10 editor untuk pengembang WordPress
Simpan artikel Anda dan lihat pratinjaunya. Tampilan agenda di situs web Anda akan sangat bergantung pada tema WordPress. Jika sepenuhnya responsif, seharusnya tidak ada masalah tampilan.
Coba kurangi lebar jendela browser Anda untuk melihat tampilan kalender di layar yang lebih kecil. Jika suatu saat tampilan kalender rusak, itu berarti Anda perlu menambahkan baris kecil CSS ke tema WordPress.
Melangkah lebih jauh dengan menemukan Bagaimana menambahkan CSS kustom untuk blog WordPress Anda
Jangan khawatir, itu tidak ada yang mewah.
Menambahkan CSS untuk membuat kalender responsif
Untuk mengubah tema WordPress, apalagi jika Anda bukan penulisnya, pemutakhiran sebaiknya dilakukan di a tema anak atau WordPress Plugin yang memungkinkan Anda menambahkan CSS khusus.
Dalam kasus apapun, pilihan apapun yang Anda pilih, tambahkan sepotong kecil dari CSS dengan tema WordPress Anda:
iframe { max-width: 100%; }Simpan perubahan Anda, muat ulang laman untuk artikel Anda dan pastikan bahwa kali ini agenda biasanya ditampilkan pada layar kecil.
Menanamkan beberapa kalender dalam sebuah posting atau halaman
Pertama, berlangganan agenda publik lainnya seperti yang kita lakukan sebelumnya (Kalender lain> Jelajahi kalender yang menarik), atau buat kalender Anda sendiri dan buat menjadi publik.
Bila Anda memiliki semua kalender Anda butuhkan, memilih salah satu, salah satu, klik pada gagangnya dan memilih pengaturan kalender. Kali ini, di bagian mengintegrasikan agenda ini, klik tautannya Sesuaikan warna, ukuran, dan opsi lainnya. Anda kemudian akan disajikan dengan jendela kustomisasi.
Lebih jauh dengan dasar-dasar menyesuaikan situs web WordPress
Di sini Anda dapat mengubah beberapa aspek visual kalender Anda. Suatu hal yang penting untuk dilakukan adalah untuk memberikan koleksi kalender judul, selain itu akan memiliki judul kalender saat ini.
Di bagian atas jendela ini adalah kotak teks dengan tombol Perbarui kode HTML. Gunakan untuk melihat kalender Anda.
Kami juga menyarankan Anda memeriksa 10 plugin WordPress premium sempurna untuk mengintegrasikan kalender ke situs web Anda
Menggunakan tombol ini juga memiliki efek memperbarui kode HTML dalam kotak teks. Bila Anda puas dengan perubahan Anda, Anda akan menyalin kode ini ke artikel Anda. Simpan dan muat ulang halaman.
Temukan juga Cara menempatkan situs WordPress Anda dalam mode Pemeliharaan
Seperti yang Anda telah memasukkan kode CSS sekarang, agenda akan berperilaku sempurna pada semua layar.
Seperti Anda mungkin telah menyadari, menambahkan kalender Google ke situs web Anda tidak sangat rumit. Ini lebih dari kode copy dari aplikasi Google Calendar dan paste ke halaman atau kursus barang dengan editor dalam mode teks.
Tetapi jika Anda gagal memenuhi seluruh halaman dengan buku harian Anda, Anda mungkin akan melakukannya menambahkan Google widget Kalender kalender.
Temukan juga beberapa plugin WordPress premium
Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.
Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.
1. Halaman berdasarkan Peran Pengguna
Halaman berdasarkan Peran Pengguna adalah WordPress Plugin yang memungkinkan Anda untuk menambahkan kontrol akses pada elemen tertentu dari situs web Anda (postingan, halaman, jenis posting khusus, dll.)
Plugin ini dapat digunakan untuk menghapus halaman, artikel, jenis kustom publikasi, dan lain-lain. dalam hasil pencarian dan direktori blog. Ini akan memungkinkan Anda untuk menyembunyikan halaman, kategori dan item menu lain ketika pengguna tidak login.
Anda juga dapat menentukan a Alihkan URL khusus untuk pengguna yang tidak memiliki peran pengguna yang diperlukan.
Download | Demo | Hébergement Web
2. Ultimate Affiliate Pro
Mari kita mulai dengan WordPress Plugin Ultimate Affiliate Pro yang merupakan salah satunya plugin WordPress program afiliasi paling kuat karena terintegrasi dengan plugin WooCommerce, Unduhan Digital Mudah, PayPal, dan Stripe.
Di sana Anda akan menemukan semua jenis fitur bermanfaat seperti: bonus kinerja dan manajemen spanduk, dukungan untuk afiliasi dan penawaran khusus dalam jumlah tak terbatas, peringkat dan tingkat komisi, rujukan dan saham di jejaring sosial, dukungan untuk beberapa gateway pembayaran PayPal, Stripe, dan banyak lagi.
Jika semua itu tidak cukup mengesankan, Anda harus tahu bahwa itu juga memiliki beberapa templat untuk halaman login, pendaftaran, akun gratis, dan terhubung dengan penyedia pemasaran email teratas seperti MailChimp, Constant Kontak dan banyak lainnya.
Ini adalah salah satu plugin afiliasi terbaik WooCommerce yang akan Anda temukan di Pasar Envato.
Download | Demo | Hébergement Web
3. Bahan
Admin Bahan adalah salah satu plugin WordPress paling canggih dan bergaya di pasaran untuk menyesuaikan dasbor WordPress.
Plugin WordPress ini dilengkapi dengan tema bergaya 100 dan memberi Anda kemampuan untuk membuat tema Anda sendiri. Anda akan dapat mengontrol tampilan lengkap menu dasbor, bilah atas, tombol, tipografi, formulir, teks dan warna latar belakang, logo, dll.
Admin Bahan juga memiliki lebih dari 20 widget de dasbor dipersonalisasi untuk situs web Anda dan menampilkan statistik untuk pengunjung.
Download | Demo | Hébergement Web
Sumber Daya yang Direkomendasikan
Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.
- Cara Menyusun Ulang Postingan WordPress
- Bagaimana menemukan link ke halaman login WordPress
- Bagaimana menemukan file untuk mengedit tema WordPress
- Bagaimana cara menyajikan dan membagikan PDF di WordPress?
- Cara membuat hirarki dengan halaman WordPress dan template
Kesimpulan
Here! Itu saja untuk tutorial ini didedikasikan untuk mengintegrasikan kalender Google ke website WordPress Anda. Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda.
Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.
Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.
...
