Loncat ke Konten Utama

Bagaimana cara mengintegrasikan kalender Google ke situs web WordPress Anda

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

lebih 600.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

Beberapa situs web Anda akan mendapat manfaat dari memiliki kalender. Ini terutama benar jika Anda mengoordinasikan kegiatan tim atau komunitas atau jika Anda kelola situs web acara.

Dengan demikian, pengunjung atau pengguna Anda dapat melihat apa yang baru atau harus dilakukan, mungkin oleh siapa tetapi terutama 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 otentikasi jika perlu. Jika semuanya berjalan dengan baik, Anda harus memiliki antarmuka kalender Google.

google-calendar antarmuka

Sebagai contoh, kami akan menggunakan kalender umum yang tersedia di Kalender Google. Untuk itu klik pada pegangan di depan kalender lainnya yang ada di sebelah kiri layar Anda. Di menu yang muncul, pilih Jelajahi kalender yang menarik.

Dalam daftar kalender, pilih salah satu yang cocok untuk Anda dengan mengklik link mendaftarkan yang terletak di seberangnya. Untuk artikel ini saya pilih 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

Kode-inlay-kalender

Simpan artikel Anda dan pratinjau. Tampilan kalender di situs web Anda akan sangat bergantung pada tema WordPress Anda. Jika sepenuhnya responsif, seharusnya tidak ada masalah tampilan.

Cobalah untuk mempersempit lebar jendela browser Anda untuk melihat bagaimana kalender muncul di layar yang lebih kecil. Jika suatu saat tampilan kalender rusak, itu artinya Anda perlu menambahkan satu baris kecil CSS ke tema WordPress Anda.

Melangkah lebih jauh dengan menemukan Bagaimana menambahkan CSS kustom untuk blog WordPress Anda

Jangan khawatir, tidak ada yang rumit.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

Menambahkan CSS untuk membuat kalender responsif

Untuk memodifikasi tema WordPress Anda, terutama jika Anda bukan pembuatnya, pembaruan yang satu ini harus dilakukan dalam format tema anak atau plugin WordPress yang memungkinkan Anda untuk menambahkan CSS khusus.

Bagaimanapun, opsi apa pun yang Anda pilih, tambahkan ke tema WordPress Anda sepotong kecil CSS ini:

iframe {     max-width: 100%; }

Simpan perubahan Anda, muat ulang halaman artikel Anda dan periksa bahwa kali ini kalender biasanya ditampilkan di layar kecil.

Menanamkan beberapa kalender dalam sebuah posting atau halaman

Untuk memulai, berlangganan agenda publik lainnya seperti yang kami lakukan di atas (Kalender lainnya> Jelajahi kalender yang menarik), atau buat kalender Anda sendiri dan buat menjadi publik.

Ketika Anda memiliki semua kalender yang Anda butuhkan, pilih satu, satu, klik pada pegangannya dan pilih Pengaturan kalender. Kali ini, di bagian mengintegrasikan agenda ini, klik tautannya Sesuaikan warna, ukuran, dan opsi lainnya. Anda kemudian akan disajikan ke jendela personalisasi.

Lebih jauh dengan dasar-dasar menyesuaikan situs web WordPress

Di sini Anda akan dapat memodifikasi beberapa aspek visual dari agenda Anda. Hal penting yang harus dilakukan adalah memberi judul pada koleksi kalender Anda, jika tidak maka akan membawa salah satu dari kalender saat ini.

multiple-agenda-kustom

Di bagian paling atas jendela ini adalah kotak teks dengan tombol Perbarui kode HTML. Gunakan untuk melihat kalender Anda.

Kami juga menyarankan Anda memeriksa Plugin WordPress premium 10 sempurna untuk mengintegrasikan kalender ke situs web Anda

Gunakan tombol ini juga memiliki efek memperbarui kode HTML di kotak teks. Ketika Anda puas dengan perubahan Anda, kode inilah yang akan Anda salin ke artikel Anda. Simpan dan muat ulang halaman.

Temukan juga Cara menempatkan situs WordPress Anda dalam mode Pemeliharaan

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Karena Anda telah memasukkan kode CSS sebelumnya, kalender akan berperilaku sempurna di semua layar.

Seperti yang mungkin Anda perhatikan, menambahkan Kalender Google ke situs web Anda tidak terlalu rumit. Ini lebih lanjut tentang menyalin kode dari aplikasi Kalender Google dan menempelkannya ke halaman atau artikel tentu saja dengan editor teks.

Tetapi gagal untuk menempati satu halaman penuh dengan buku harian Anda, Anda juga bisa menambahkan Google widget Kalender kalender.

Temukan juga beberapa plugin WordPress premium

Anda dapat menggunakan plugin WordPress lainnya untuk memberikan tampilan modern dan mengoptimalkan cengkeraman blog atau situs web Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Halaman berdasarkan Peran Pengguna

Peran Halaman oleh Pengguna adalah plugin WordPress yang memungkinkan Anda untuk menambahkan kontrol akses pada elemen tertentu dari situs web Anda (artikel, halaman, jenis publikasi yang dipersonalisasi, dll ...)

Plugin ini dapat menghapus halaman, artikel, jenis publikasi khusus, dan lainnya. di hasil pencarian dan direktori blog. Ini akan menyembunyikan halaman, kategori, dan item menu lainnya ketika pengguna tidak terhubung.

Anda juga dapat menentukan a Alihkan URL khusus untuk pengguna yang tidak memiliki peran pengguna yang diperlukan.

Download | Demo | Hébergement Web

Mari kita mulai dengan plugin WordPress Ultimate Affiliate Pro yang dengan mudah merupakan salah satu program afiliasi WordPress plugin yang paling kuat karena terintegrasi dengan WooCommerce, Unduhan Digital Mudah, PayPal dan plugin Stripe.

Anda akan menemukan semua jenis fitur yang berguna seperti: bonus kinerja dan manajemen spanduk, dukungan untuk afiliasi tanpa batas dan penawaran khusus, peringkat dan tingkat komisi, referensi dan saham jejaring sosial, dukungan untuk beberapa gateway pembayaran PayPal, Stripe dan banyak lagi.

Jika semua ini tidak cukup mengesankan, Anda harus tahu bahwa itu juga memasukkan beberapa login, registrasi, templat templat akun gratis dan terhubung dengan penyedia pemasaran email terbaik 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.

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [Rekomendasi]

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Temukan sumber daya lain yang direkomendasikan yang akan menemani Anda dalam membuat dan mengelola situs web Anda.

Kesimpulan

Here! Itu saja untuk tutorial ini didedikasikan untuk mengintegrasikan kalender Google ke situs web WordPress Anda. Jangan ragu untuk melakukannya 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.

...

Artikel ini berisi komentar 0

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
15 saham
saham10
menciak2
Register3