Cara Membuat Website Bisnis – Panduan Video Langkah-demi-Langkah Lengkap!

Penawaran WordPress


Saya biasanya tidak pernah memulai posting dengan dramatis, tetapi DAMN memiliki sesuatu yang spesial untuk Anda hari ini: Lengkap selangkah demi selangkah panduan video (tanpa melewatkan) ke membuat situs web WordPress bisnis kecil profesional!

Apa yang membuat video ini begitu istimewa, pada dasarnya adalah tiga hal: 1. Fakta bahwa ini persis bagaimana kita sendiri akan melakukannya (dan kita, ahem, cukup banyak ahli dalam hal ini); 2. Tingkat detail yang kami masuki – videonya panjang satu setengah jam, dan kami membuat contoh situs web bisnis kecil dari awal hingga selesai; dan 3. Bahwa video ini ditujukan untuk pemula yang lengkap – orang-orang yang kemungkinan besar belum pernah melakukan hal seperti ini sebelumnya (dan masih melihat seluruh ide membuat situs untuk diri mereka sendiri sebagai sesuatu yang sangat menakutkan).

Dengan hanya mengikuti, dengan mengklik di mana kami mengklik, dan dengan sedikit pemikiran untuk mengubah beberapa aspek agar sesuai dengan bisnis Anda sendiri, Anda semoga dapat membuat situs web WordPress yang sama fantastis (dan secara teknis luar biasa)!

Jadi tunggu apa lagi? Memulai!

Cara Membuat Situs Web Bisnis Profesional dengan WordPress:

Tautan langsung untuk menonton video di Vimeo.

– (catatan: kredit video untuk Topher DeRosia – pencipta HeroPress

Transkrip Video:

Dalam video ini, saya akan menunjukkan kepada Anda bagaimana membuat situs web bisnis profesional dengan WordPress. Kami akan pergi langkah demi langkah, dan saya tidak akan meninggalkan apa pun. Bisnis yang akan kita gunakan sebagai model adalah ruang kerja bersama. Jika Anda ingin melihat versi final situs web ini, Anda dapat mengunjungi coworkerpro.com. Elemen yang akan kami masukkan ke situs ini dapat digunakan di situs bisnis apa pun. Ada ajakan untuk bertindak. Sedikit tentang kita. Beberapa staf, testimonial, dan formulir kontak, serta beberapa halaman lainnya. Jadi, apa pun bisnis Anda, di akhir video ini, Anda harus memiliki situs web terbaik. Kami akan meng-host situs kami di Siteground. Dan kami akan melihat semua yang mereka tawarkan, dan betapa mudahnya untuk membuat segalanya bergulir. Kami akan memasang beberapa plugin tambahan untuk membantu, dan kami akan menggunakan tema Hestia dari Themeisle. Hestia memungkinkan kita untuk menggunakan penyesuai yang dibangun di WordPress untuk mengedit setiap bagian halaman, langsung dari ujung depan. Kami juga akan melihat beberapa alat yang dapat membantu membuat situs kami bekerja lebih cepat dan lebih baik. Kami akan melihat pengoptimal Siteground sendiri. Kami akan menghubungkan Google Search Console dan Google Analytics, serta Yoast SEO, untuk optimasi mesin pencari. Dan kemudian kita akan menggunakan plugin Jetpack Automattic untuk mengelola spam, cadangan, dan beberapa statistik tambahan. Jika Anda mengikuti, hanya dalam beberapa jam, Anda harus memiliki situs web bisnis yang lengkap, indah, fungsional, siap digunakan. Jadi mari kita mulai. Hal pertama yang ingin kami siapkan adalah web hosting. Sekarang web hosting adalah tempat situs Anda akan berada di Internet. Ini seperti mendapatkan garasi sewaan untuk menyimpan barang-barang Anda. Anda menyewa sedikit ruang, Anda meletakkan situs web Anda di atasnya, dan orang-orang dapat mengunjunginya. Situs yang akan kita gunakan disebut Siteground. Mereka adalah tuan rumah yang luar biasa dengan harga mahal dan banyak fitur yang sangat saya sukai. Tetapi sebelum kita mulai di sini, saya ingin menunjukkan sesuatu kepada Anda di WinningWP.com. Siteground dan WinningWP memiliki pengaturan di mana Anda dapat menghemat% hosting Anda di Siteground. Selain itu, WinningWP mendapat sedikit uang yang akan Anda bayarkan. Uang ini digunakan untuk membuat video seperti ini, jadi ini benar-benar situasi yang saling menguntungkan, di mana Anda mendapatkan hosting yang murah, konten yang hebat, dan WinningWP mendapat sedikit juga. Sekarang, untuk menggunakan kesepakatan ini, yang harus Anda lakukan adalah pergi ke halaman ini, akan ada tautan di bawah video. Dan klik terapkan kupon. Dan di sanalah kami, katanya, kesepakatan khusus untuk pengunjung WinningWP.com. Dan kami akan memilih rencana. Paket yang akan kami ikuti adalah paket GrowBig. Ini memiliki fitur tambahan yang cukup di atas StartUp sehingga saya sangat menyukainya. Tapi GoGeek sebenarnya untuk situs yang sedikit lebih besar daripada yang akan kita bangun. Jadi mari kita pilih GrowBig. Dan kita akan klik mulai. Sekarang bagian dari proses untuk video ini adalah mendaftarkan nama domain baru. Jika Anda sudah memiliki nama domain terdaftar, Siteground memiliki beberapa dokumentasi yang sangat baik di sini tentang cara mengarahkannya ke situs Anda, atau benar-benar mentransfer nama ke Siteground. Salah satu bekerja dengan sangat baik, dan mereka memiliki informasi yang baik tentang bagaimana melakukan keduanya di sini. Kami akan mendapatkan yang baru, dan itu akan menjadi coworkerpro.com. Sekarang, domain ini berharga $. tahun. Dan ketika Anda memikirkannya, sebagai harga tahunan, itu sebenarnya tidak terlalu banyak. Mari klik lanjutkan. Di sini tertulis, selamat, nama domain kami tersedia. Sekarang, kita akan membuat akun di Siteground. Pertama, kami memasukkan alamat email, dan kemudian kata sandi untuk Siteground. Ini bukan kata sandi untuk nama domain Anda, atau untuk FTP atau semacamnya, ini hanya untuk masuk ke Siteground. Selanjutnya, kami memasukkan beberapa informasi pribadi. Selanjutnya, kami akan memasukkan informasi kartu kredit kami. Dan di sini, kami akan mengatakan bahwa alamat penagihan kami sama dengan yang diberikan dalam informasi kontak di atas. Dan sekarang, kita akan meninjau apa yang kita beli. Kami mendapatkan paket GrowBig. Pusat data kami akan berada di Chicago. Itu cukup dekat dengan tempat saya. Tapi Anda punya pilihan, bisa tempat lain, yang harus Anda lakukan adalah mengklik tombol ini. Saya membeli paket -bulan untuk $. sebulan, jadi sekarang saya akan ditagih $ .. Tambahkan ke bahwa pendaftaran nama domain sebesar $ .. Selain itu, kami benar-benar menginginkan privasi domain. Ini menjaga spammer dari merayapi registri domain mencari alamat email. Terakhir, ada pemindai situs Siteground. Ini memonitor situs Anda mencari peretasan dan serangan dan hal-hal seperti itu. Itu sangat berharga, itu membuat Anda selangkah lebih maju dari orang-orang jahat. Jadi total saya akan menjadi $ .. Tapi yang menyenangkan adalah, ini membayar sepanjang tahun, jadi Anda tidak perlu memikirkannya lagi selama setahun. Kami mengonfirmasi persyaratan layanan, dan kami mengklik bayar sekarang. Dan pesanan kami telah dikirimkan. Kami dapat masuk ke area pelanggan kami segera. Namun, perlu waktu hingga nama domain untuk didaftarkan. Jadi nama domain kami tidak akan berfungsi segera. Sekarang setelah kami membuat akun Siteground kami, kami dapat membuka nama domain yang kami buat dan melihat placeholder ini. Semua nama domain baru di Siteground mendapatkan placeholder seperti ini, dan itu akan tetap di sana sampai kami memasang situs web kami sendiri. Jadi untuk langkah selanjutnya, mari kita lanjutkan dan menginstal WordPress. Pertama, mari kita pergi ke Siteground.com, dan masuk dengan akun yang kita buat sebelumnya. Sekarang setelah kita masuk, di sini di panel utama, ada sedikit peringatan yang mengatakan bahwa Anda memiliki akun hosting baru yang belum Anda atur. Dan jika kita klik view, itu memberi kita beberapa opsi. Kami dapat memulai situs web baru, mentransfer situs web, atau mengatakan kami tidak membutuhkan bantuan sekarang. Atau kita bisa mengklik panah kecil ini dan ini akan kembali lagi nanti. Tetapi kami akan melanjutkan dan memulai situs web baru. Kami menginginkan WordPress. Dan sekarang kami memasukkan beberapa informasi akun WordPress. Jadi ini untuk WordPress di situs kami. Dan kami akan mengklik konfirmasi. Dan sekarang dikatakan, Anda telah diminta untuk menginstal WordPress di akun Anda. Dan kemudian kita perlu mengkonfirmasi bahwa kita telah membaca dan menyetujui persyaratan layanan Siteground. Saya akan meninggalkan itu sebagai latihan untuk Anda. Dan sekarang, kita akan klik setup lengkap. Dan sekarang apa yang dilakukannya adalah membuat basis data untuk kita, menginstal WordPress, dan menghubungkan keduanya, menggunakan informasi yang baru saja kita masukkan. Dan di sanalah kita. Kami dapat melanjutkan ke area pelanggan kami. Tetapi sekarang, jika kami kembali ke halaman web kami dan memuat ulang, Anda akan melihat bahwa kami memiliki blog. Anda juga akan mencatat bahwa kami menjalankan HTTPS, yang berarti mereka membuat sertifikat SSL untuk kami. Saya akan menunjukkan kepada Anda di mana itu terjadi, sehingga Anda tahu bagaimana melakukannya jika Anda perlu melakukannya lagi. Di area pengguna Siteground, kami membuka akun saya. Dan kemudian pergi ke cPanel. Kami selalu ingin mengakses cPanel dengan aman, jadi silakan dan pilih untuk mengingatnya. Sekarang ada banyak hal hebat di halaman ini, tetapi ada juga pencarian luar biasa ini di sini. Sertifikat SSL yang kami miliki berasal dari Mari Enkripsi. Jadi kita akan mengetikkan L-E-T, dan di sanalah kita, kita disaring sampai habis. Dan di sini Anda dapat melihat sertifikat SSL kami untuk coworkerpro. Tapi Siteground mengaturnya untuk kita, jadi kita tidak perlu khawatir tentang itu. Saya hanya ingin Anda dapat melihat di mana itu, karena ini penting. Jadi sekarang, mari masuk ke WordPress, dan lakukan beberapa konfigurasi kecil. Ini adalah nama pengguna dan kata sandi yang saya buat beberapa saat yang lalu. Sekarang hal lain yang dilakukan Siteground untuk kami adalah menginstal Jetpack. Kami akan melihat mengonfigurasinya beberapa saat kemudian. Saya akan menutup bilah selamat datang dan bilah Jetpack, dan sekarang saya memiliki instalasi WordPress yang sangat vanilla. Jadi salah satu hal pertama yang ingin kita lakukan adalah pergi ke Pengaturan → Permalinks, dan kami ingin nama posting, karena itu membuat URL yang lebih sederhana, lebih mudah dibaca. Ini juga jauh lebih baik untuk optimasi mesin pencari, dan itu bisa sangat penting. Maka kita akan pergi ke diskusi, dan untuk saat ini, kita akan mematikan komentar, karena kita tidak ingin ada yang tersandung di situs web ini dan menggunakan komentar, karena mereka mungkin akan menjadi spam. Kami akan pergi ke Reading. Dan kami akan mencegah visibilitas mesin pencari untuk saat ini, karena kami belum siap untuk umum. Sekarang jangan lupa, setelah Anda selesai dengan situs Anda, dan sudah siap untuk ditayangkan, kembali ke Pengaturan ini → halaman Bacaan, dan hapus centang mencegah mesin pencari mengindeks situs ini. Karena dengan begitu, Google akan dapat datang menemukan Anda. Kemudian, kami ingin menghapus konten default yang disertakan dengan WordPress. Ada satu pos dengan satu komentar. Dan jika kita membuang posting itu, dan mengosongkan sampah, maka komentar akan menyertainya, jadi kita tidak perlu mencari komentar itu dan menghapusnya. Tetapi sekarang mari kita pergi ke halaman, dan tidak ada halaman yang ditemukan. Jadi sekarang, jika kita melihat beranda kita, itu akan terlihat sangat hambar. Tidak ada yang ditemukan. Ada beberapa hal di sidebar, mari kita urus itu. Kami hanya akan mengosongkannya, dan kemudian, kami akan memiliki catatan yang bersih. Dan itu dia. Situs kosong, tepat untuk mengisi dengan konten kami. Sekarang, beranda kami tidak akan memiliki blog. Itu akan menjadi bagian terpisah dari situs. Tapi sekarang, beranda kami adalah blog. Jadi mari kita ubah itu. Hal pertama yang akan kita lakukan adalah membuat dua halaman. Kami akan menyebut ini rumah, dan cukup menerbitkannya. Dan kemudian kita akan membuat yang lain, dan situs kita tidak akan memiliki blog, itu akan memiliki bagian berita, jadi kami akan memanggil Berita ini. Jadi sekarang kita memiliki dua halaman, Beranda dan Berita. Tapi sekarang kita perlu memberi tahu WordPress bagaimana cara menggunakannya. Sekarang, kita pergi ke Pengaturan → Membaca. Dan di sini, dikatakan beranda Anda ditampilkan, dan sekarang, itu adalah posting terbaru Anda. Tetapi sebaliknya, kami akan memilih halaman statis. Dan untuk beranda, kami akan memilih Beranda, dan untuk laman pos, kami akan memilih Berita, dan menyimpan perubahan. Sekarang, jika kita melihat halaman web, ada beranda kami. Dan situs kami masih disebut blog saya dan blog WordPress saya, tetapi kami akan mengubahnya hanya dalam beberapa menit. Sekarang kami telah melakukan konfigurasi paling dasar di situs kami, kami akan memasang beberapa plugin yang akan membantu kami bergerak maju. Yang pertama disebut TinyMCE Advanced. Sekarang TinyMCE adalah nama editor yang digunakan WordPress. Jika Anda pernah membuat halaman atau posting, Anda sudah menggunakan TinyMCE. Jika kami mengedit halaman ini, Anda akan melihatnya di sini. Secara default, ini memiliki bilah yang satu ini. Jika Anda mengklik tombol ini, yang disebut toggle bilah alat, kami mendapatkan bilah kedua. Tapi TinyMCE Advanced menambahkan lebih banyak lagi. Ada daftar tarik-turun di sini untuk berbagai jenis tajuk, dan ada navigasi menu di sini dari semua jenis alat lainnya. Jadi mari kita instal ini dengan cepat. Kita pergi ke plugin, tambahkan yang baru, dan kita dapat mencari plugin, dan itu dia. Kami akan klik instal sekarang, dan aktifkan. Dan sekarang, jika saya kembali ke halaman, dan mengedit home, Anda akan melihat bahwa kami memiliki dropdown untuk font, header, dan kami bisa menggunakan tabel dan semua hal lainnya. Dan ini akan berguna nantinya. Sekarang plugin lain yang akan kita instal bernama My Eyes Are Up Here. Dan ini adalah plugin yang sangat hebat yang membantu memotong foto. Biasanya, jika Anda memiliki foto yang tinggi dan sempit, dan Anda meminta WordPress untuk membuat persegi, itu memotong persegi langsung dari tengah. Namun, dengan My Eyes Are Up Here, ia secara cerdas mendeteksi wajah manusia. Seperti ini. Dan kemudian membuat thumbnail yang tepat. Selain itu, jika tidak ada orang, Anda memiliki opsi untuk meletakkan titik merah muda ini di mana pun Anda inginkan, dan pastikan bahwa bagian dari foto itu selalu ada di dalam gambar. Jadi, jika Anda memiliki foto dengan gunung dan jalan bebas hambatan, dan Anda ingin memangkasnya sehingga Anda hanya melihat gunung, Anda cukup memilih area gunung, dan ketika WordPress memotong, itu akan menjaga gunung. Plugin ini sangat berguna ketika membuat arsip staf dan galeri orang, karena WordPress akan selalu mendapatkan wajah mereka. Jadi mari kita instal ini. Di sana, sekarang sudah diinstal. Sekarang ada beberapa plugin lain di sini yang ingin saya bahas dengan sangat cepat. Hello Dolly hadir dengan setiap pemasangan WordPress, dan kami tidak membutuhkannya. Jadi kita hanya akan menyingkirkannya. Akismet yang akan kita gunakan nanti dalam video. Ini digunakan untuk anti-spam. Jetpack juga dilengkapi dengan sejumlah alat, dan kami akan membahasnya nanti. Dan kemudian, Pengoptimal SG untuk mempercepat situs Anda di Siteground. Ini memiliki plugin caching yang hebat, dan sejumlah hal lain yang akan kita lihat nanti. Selanjutnya, kita akan menginstal tema kita. Tema yang akan kita gunakan disebut Hestia. Dan itu berasal dari Themeisle. Ini adalah halamannya di Themeisle.com. Dan itu datang dalam dua versi, versi berbayar dan versi gratis. Di video ini, kami akan menggunakan versi gratis. Tetapi saya ingin menunjukkan kepada Anda beberapa hal yang dapat dilakukannya. Ini adalah Hestia yang sedang kita lihat. Dan beranda ini dibangun tanpa kode. Itu sepenuhnya kompatibel dengan pembuat halaman, tetapi kami tidak akan menggunakannya dalam video ini, karena kami tidak akan membutuhkannya. Hestia hebat tanpa itu. Ini bekerja sangat baik dengan penyesuai. Dan ini sangat populer. Kami akan mendapatkannya dari WordPress.org, dan menggunakan versi gratisnya. Ada lebih dari, instal versi gratis. Jadi kita akan pergi ke dasbor, lalu penampilan, dan kemudian tema. Tambahkan tema baru. Dan cari Hestia. Dan itu dia. Kami klik instal dan aktifkan. Dan di sanalah kita. Ayo kunjungi beranda dan lihat seperti apa tampilannya. Inilah judul situsnya. Dan ini adalah judul halaman, dan kita bisa mengubahnya di penyesuai. Itu dibangun dengan beberapa hal, seperti area blog ini, dan catatan kaki yang penuh dengan beberapa gambar. Kami akan mengubah tampilannya, kami akan menambahkan menu, dan kami akan melakukan sejumlah hal untuk itu. Tapi pertama-tama, sementara kita berada di sini di area tema, kita akan menghapus semua kecuali satu tema tambahan. Jadi mari kita hapus dan. Dan alasan kami menghapus beberapa adalah bahwa, jika ada masalah keamanan, kami bisa rentan terhadapnya, meskipun kami tidak menggunakan tema. Sekarang tidak mungkin ada masalah keamanan pada mereka yang tidak diperbaiki dengan cepat. Tetapi di sisi lain, jika kita tidak memilikinya sama sekali, maka kita tidak perlu khawatir tentang hal itu. Jadi mengapa kita menyimpan satu ekstra? Anda selalu menginginkan satu tema tambahan, karena jika sesuatu terjadi pada tema utama Anda, seperti terhapus atau rusak, situs Anda akan kembali ke tema sekunder. Maka Anda akan dapat melihatnya dan masuk ke area admin. Jadi mari mulai membangun beranda kami. Hal pertama yang akan kita lakukan adalah klik memulai dengan Hestia. Dan apa yang sebenarnya dilakukan adalah membawa kita ke halaman ini dalam tampilan. Dan memiliki beberapa informasi tentang cara memulai, tetapi memiliki dua tindakan yang disarankan. Dan kita akan melakukan keduanya. Orbit Fox Companion adalah plugin yang menambahkan beberapa fitur halaman depan. Ini gratis, dan kami dapat menginstalnya di sini. Dan di sanalah kita. Yang berikutnya disebut Formulir Bajak Laut, dan ini membuat formulir kontak. Sekarang, Formulir Bajak Laut tidak sebesar dan rumit seperti bentuk lain seperti Gravity Forms atau Ninja Forms. Tetapi untuk tujuan kita, itu akan membuat formulir kontak kecil yang hebat. Sekarang yang dikatakan, Hestia Pro sepenuhnya kompatibel dengan semua plugin bentuk yang lebih besar. Jadi jika Anda membutuhkannya, Anda tentu bisa menggunakannya dengan Hestia. Di bawah plugin yang bermanfaat, kita melihat hal-hal seperti pembuat halaman dan plugin terjemahan. Kami tidak akan menggunakan itu untuk desain kami di sini. Jadi hal berikutnya yang ingin kita lakukan adalah pergi ke beranda. Dan hampir semua hal lain yang kami lakukan di halaman depan akan dilakukan melalui penyesuai, yang dapat Anda temukan di sini. Kami akan klik sesuaikan. Dan sekarang, kita bisa pergi melalui menu di sini di sebelah kiri, atau kita dapat mengklik semua pensil biru kecil untuk mengubah keadaan. Pensil membuatnya sangat bagus untuk menemukan hal-hal dalam menu yang rumit. Salah satu hal pertama yang akan kita lakukan adalah mengubah tata letak situs. Saat ini, kotak itu, dan memiliki perbatasan ini di sebelah kanan. Jika kita pergi ke pengaturan tampilan, secara umum, kita dapat menghapus centang tata letak kotak. Dan sekarang lebar penuh. Kami akan terus membagikan ikon, dan kami ingin mengaktifkan gulir ke atas. Itu menempatkan sedikit tombol di sini, untuk membantu kami kembali tepat ke atas. Sekarang hal berikutnya yang ingin kita lakukan adalah mengubah identitas situs kita. Saat ini, itu hanyalah blog saya. Kami akan mengubahnya ke Coworker Pro. Dan begitu saja, itu berubah. Dan kemudian untuk tagline, yang tidak akan kita lihat di beranda tetapi akan muncul di sini di bilah alat, kita akan menulis Coworking yang terbaik. Lalu kita akan klik Terbitkan. Terbitkan seperti menyimpan pekerjaan Anda. Sekarang, Anda akan perhatikan bahwa itu tidak memperbarui bilah judul dengan ini, karena penyesuai hanya dapat memuat ulang beranda. Jadi mari kita tutup dengan cepat. Dan sekarang Anda bisa melihat, Berkerja sebaik mungkin, tepat di atas sana. Dan kami akan kembali ke penyesuai. Sekarang mari kita ubah latar belakang kita, dan itulah pensil ini di sini. Kami dapat mengubah gambar. Dan saya akan mengunggah satu. Semua gambar yang saya gunakan untuk video ini berasal dari unsplash.com, yang merupakan tempat yang bagus untuk mendapatkan gambar bebas-royalti. Jadi saya akan klik terbuka. Dan saya akan mengeluarkan judulnya, karena itu tidak baik untuk pembaca layar. Tapi saya akan menaruh beberapa teks alternatif di sini. Anda selalu ingin menempatkan teks alternatif pada semua gambar Anda. Lalu saya klik pilih gambar. Dan di sanalah kita. Sekarang mari kita ubah teks ini. Maka baris berikutnya adalah, Ayo bekerja bersama kami. Itu dia. Sekarang mari kita ubah tombol ini. Klik di sini, dan itu akan membawa kita ke sini. Di sana, sekarang dikatakan belajar lebih banyak. Kami menyukai pemusatan, dan untuk URL, kami akan membiarkannya sebentar. Kami sebenarnya akan membuat tautan ke tempat yang lebih rendah di halaman nanti. Tetapi untuk sekarang, kita akan membiarkannya sendiri. Tapi kami tidak ingin tombol ini menjadi merah muda, kami ingin itu berwarna biru. Jadi saya akan keluar dari sini, dan kita akan pergi ke warna, dan mengubah warna aksen kita menjadi biru ini. Anda dapat memilih warna apa pun yang Anda suka. Saya baru saja memilih yang ini karena saya suka. Dan kemudian kita akan klik terbitkan. Dan kami akan menutup ini. Dan sekarang bagian atas kita hampir selesai. Font kami sedikit terlalu tebal di sini. Mari kita perbaiki itu. Kami akan kembali ke penyesuai. Jadi sekarang, mari kita pergi ke pengaturan tampilan, tipografi, dan kemudian saya akan memilih ukuran font. Dan inilah bagian halaman depan, dan inilah bagian judul besar. Kami hanya akan membuatnya sedikit lebih kecil. Minus tiga, ayo tekan publish. Tutup ini. Di sana, sekarang semuanya dalam satu jalur, seperti yang kita inginkan. Sekarang sebelum kita membuat menu, kita akan bekerja untuk membangun sisa bagian ini. Sekarang setelah bagian atas kami selesai, mari kita beralih ke bagian kedua. Sekarang kami sedang membangun situs untuk tempat kerja bersama, jadi kami ingin meyakinkan orang bahwa mereka harus bekerja di sini. Jadi, mari kita ubah item-item ini dengan hal-hal yang kita ingin mereka katakan. Kami akan mengklik kustomisasi, dan kemudian kami akan mengklik pensil ini di bagian tajuk. Dan di sini kita dapat memasukkan sejumlah besar teks. Secara opsional, bagian mana pun dari ini dapat dinonaktifkan. Kami bisa menyingkirkan semuanya bersama-sama, dan kami akan melakukannya nanti dengan beberapa dari mereka. Jadi mari kita ubah judul ini. Sana. Dan kemudian kita akan mengubah teks di bawahnya juga. Kehidupan lepas memiliki banyak fasilitas, dan bekerja di rumah dengan piyama adalah salah satunya. Jadi mengapa Anda harus bekerja bersama kami? Lalu kami memiliki tiga bagian di sini, dan di sini adalah tiga area admin untuk bagian-bagian itu. Jadi mari kita buka yang pertama, dan ikon dikendalikan oleh font. Sekarang, salah satu alasan Anda ingin bekerja di kantor rekan kerja adalah orang-orang. Jadi mari klik di sini, dan temukan orang. Salah satu dari ini akan berhasil. Ayo pilih yang ini. Dan kami akan meninggalkannya dengan warna merah, tetapi kami akan mengubahnya menjadi orang-orang. Dan kami akan mengubah teks ini menjadi mengatakan, orang-orang yang bekerja di sini cerdas, membantu, dan peduli. Kami saling membantu memecahkan masalah dan menangani klien yang pemarah. Dan kami dapat membuat tautan ini di suatu tempat, tetapi kami tidak akan melakukannya, kami akan membiarkannya begitu saja. Jadi kami akan menutup yang itu, dan kami akan membuka yang berikutnya. Alasan lain Anda ingin bekerja di kantor rekan kerja adalah peralatan. Anda tidak menginginkan mesin faks di rumah, siapa yang mau? Tetapi suatu hari Anda akan membutuhkannya. Jadi mari kita ubah ini menjadi kotak alat. Ini disebut tas kerja, tetapi terlihat seperti kotak alat. Dan itu cukup baik untuk saya. Kami akan membiarkannya biru, dan kami akan menulis peralatan di sini. Dan kami akan memasukkan beberapa teks baru. Kami memiliki mesin faks dan printer laser yang bagus, dan ruang konferensi dengan telepon konferensi. Hal-hal yang kemungkinan besar tidak Anda miliki atau inginkan di rumah. Dan lagi, kita akan meninggalkan yang ini tanpa tautan. Dan fitur ketiga akan tetap mendukung. Kecuali, itu bukan dukungan teknis. Kami tidak berbicara dukungan teknis, tetapi dukungan emosional. Orang-orang membutuhkan orang di sekitar mereka untuk tetap waras. Kita semua waras. Sebagian besar waktu. Sekarang saya ingin menunjukkan di sini bahwa ada tombol hapus di sini pada masing-masing ini, sehingga Anda bisa melakukan dua, atau hanya satu jika Anda mau. Dan ada juga fitur add baru, sehingga Anda bisa menambahkan yang keempat, kelima, keenam, dll. Jadi sekarang, mari klik klik terbitkan. Dan kami akan menutup ini. Dan begitulah, mengapa Anda harus bekerja bersama kami. Efek kecil pada masing-masing ikon, dan teks terlihat indah. Sekarang sebelum kita memulai bagian selanjutnya pada halaman, saya ingin menyiapkan font default untuk seluruh situs. Dan itu sangat sederhana. Kami akan pergi untuk menyesuaikan, pengaturan tampilan, tipografi. Dan saya akan memilih kabin. Dan saya akan memilih yang sama di sini. Dan sekarang, semuanya menggunakan kabin. Perbedaannya halus, tetapi ada di sana. Sekarang bagian selanjutnya yang akan kita kerjakan adalah bagian tentang, dan ini sepotong kecil di sini. Sekarang bagian ini benar-benar menarik isinya dari beranda, halaman di WordPress disebut beranda. Jadi kita akan pergi ke dasbor dan menarik halaman itu. Dan sekarang, ini kosong. Sekarang, seperti yang Anda perhatikan, judul halaman tidak digunakan di mana pun di sini, jadi tidak masalah apa pun itu. Jadi mari kita letakkan beberapa teks di sini. Dan sekarang, saya ingin menjadikannya ukuran header, dan pusatkan. Lalu, mari kita letakkan beberapa teks di bawahnya. Kami ingin beberapa teks yang akan membuat orang merasa ingin menjadi bagian dari komunitas kami. Jadi kita akan memasukkan teks ini. Setiap hari Jumat kita makan siang bersama, dan berbagai orang mengambil bagian dalam memasak di dapur di tempat kami. Kami makan bersama sebagai kelompok teman yang saling berhubungan erat yang membangun satu sama lain dan saling membantu tumbuh. Sekarang, mari kita buat ini sedikit lebih besar. Dan pusatkan itu. Sekarang Anda akan perhatikan bahwa ukuran font kami berada dalam poin, bukan piksel. Kami sebenarnya menginginkan piksel. Jadi kita akan pergi ke pengaturan, dan membuka pengaturan TinyMCE Advanced di tab baru. Dan di sini, kita akan mengklik ukuran font, dan itu akan menggunakan px. Jadi sekarang kita klik simpan perubahan. Dan saya akan memperbarui ini, yang akan menyegarkan halaman. Dan sekarang, kita dapat menyorot semua teks ini dan memilih px. Dan itulah yang kami inginkan di sana. Jadi sekarang mari kita klik pembaruan, dan kita akan melihat halamannya. Itu sangat apik, tetapi kami ingin sedikit lebih banyak teks di bawah ini. Jadi mari kita kembali ke editor kami, dan saya ingin sedikit ruang, jadi saya hanya akan melakukan ini, dan tempel di sini. Dan sekarang, kita akan membuat ini juga px. Dan juga berpusat, dan kami belum akan membuat tautan ini, karena halaman yang akan dibuka tidak ada. Tapi kami masih ingin sedikit lebih banyak bantalan di bawahnya. Jadi sekarang saya klik pembaruan. Dan kita mulai. Tapi saya ingin itu menjadi sedikit lebih besar. Jadi mari kita buat ini menjadi H. Baiklah, mari kita hapus pemformatan dan mulai lagi. Jadi, sekarang H tiga, dan kami akan memusatkannya lagi. Dan saya klik pembaruan. Jadi sekarang, mari memuat ulang. Itu dia. Dan nanti, setelah kami membuat beberapa subhalaman lagi, kami akan kembali dan menjadikannya tautan ke halaman tentang. Jadi ini bagian tentang kami. Setiap komunitas dan situs rekan kerja ingin menunjukkan kepada beberapa anggotanya. Ini dapat membantu orang merasa diterima. Jadi kami akan mengubah halaman staf ini menjadi halaman anggota. Dan kami akan melakukannya dengan mengeklik penyesuaian, lalu kami akan gulir kembali ke bagian itu, dan kami akan klik temui tim kami. Dan sekarang, kami sedang mengedit bagian ini. Mari kita ubah untuk menemui sebagian dari kita. Dan kemudian kita akan menempatkan subtitle yang berbeda. Anggota kami adalah beragam kelompok pengembang, perancang, manajer proyek, dan banyak perdagangan lainnya. Daftar anggota kami adalah sekitar% wanita, dan kami memiliki berbagai etnis yang terwakili. Jadi kami memiliki empat default di sini, dan di sini Anda dapat melihat empat bagian. Dan ada tautan untuk menambahkan anggota tim baru. Jadi mari kita buka yang pertama. Mari kita ubah nama menjadi Tina. Dan subtitle akan menjadi slash artist desainer, dan kami akan mengubah fotonya juga. Dan kami menghapus judul, dan selalu menambahkan teks pada setiap gambar yang Anda unggah. Dan Anda ingat kami menginstal Mata Saya Di Sini? Ada dua preview berbeda yang dibuatnya. Sekarang dalam kasus khusus ini, wajahnya sudah di tengah, jadi itu tidak masalah. Tapi itu akan berpengaruh pada gambar lain yang kami unggah. Kita tidak perlu memilih keberpihakan atau ukuran atau apa pun, karena tema memilih itu untuk kita. Jadi kami akan mengklik masukkan ke pos, dan di sana Tina. Mari kita berikan deskripsi yang lebih baik untuk Tina. Sekarang Anda akan perhatikan, ini adalah area teks, jadi Anda bisa ambil benda kecil ini di sini dan geser ke bawah jika perlu. Tina menghabiskan hari-harinya menciptakan karya seni digital. Karya seninya telah dipamerkan di Carnegie Hall dan London Art Museum. Saya ingin menunjukkan bahwa semua orang yang akan saya taruh di sini dibuat-buat. Dan ulangi lagi bahwa semua gambar saya berasal dari Unsplash. Sekarang kita dapat membuat tautan jika Tina memiliki halamannya sendiri, tetapi dia tidak, dan jadi kita akan membiarkan tautan itu kosong. Dan kemudian, kita akan memilih jejaring sosialnya. Kita dapat memilih dari ikon, dan kemudian memasukkan URL. Dan saya akan membiarkan ini sebagai default, karena Tina tidak benar-benar memiliki jejaring sosial, karena saya mengada-ada. Tetapi jika Anda ingin menghilangkannya, Anda bisa mengklik ikon hapus, dan sekarang LinkedIn sudah tidak ada di Tina. Jika Anda ingin menambahkan sesuatu yang lain, Anda dapat mengklik ikon add, dan menemukan beberapa jejaring sosial lainnya. Jadi itu Tina. Saya akan menunjukkan satu lagi kepada Anda. Dan kemudian, melalui keajaiban pengeditan, lakukan dua hal lain untuk Anda, karena mereka akan dilakukan persis sama. Orang-orang kita berikutnya sebenarnya akan menjadi perusahaan yang terdiri dari tiga saudara perempuan. Dan di sini lagi, kita dapat memilih apa yang kita inginkan untuk menjadi fokus gambar. Kami akan mengklik masukkan ke pos, dan ada tiga saudara perempuan kami. Mereka adalah perusahaan pemasaran. Dan sekarang dikatakan Juanita, Juliette, dan Jacqueline adalah tiga saudara perempuan yang memulai perusahaan pemasaran mereka sendiri. Mereka bekerja terutama dengan para seniman dan musisi muda di pusat kota. Sekarang Anda akan perhatikan bahwa semua gambar lain ini berbentuk bujur sangkar, tapi yang ini tidak, ini sedikit lebih pendek. Tidak apa-apa. Mereka semua memiliki lebar yang sama, dan tema kita akan membatasi itu. Mereka semua harus memiliki lebar yang sama, tetapi mereka bisa sedikit lebih tinggi atau lebih pendek. Jadi sekarang, saya akan melakukan dua berikutnya. Sekarang saya memiliki bagian yang memamerkan beberapa anggota komunitas kami. Seperti yang Anda lihat, mudah untuk menambahkan lebih banyak, dan masing-masing cukup fleksibel. Jadi sekarang, mari kita klik publikasikan, dan tutup penyesuai, dan pastikan itu terlihat bagus dengan lebar penuh. Tentu saja. Jadi sekarang setelah kita selesai dengan bagian ini, kita dapat beralih ke bagian berikutnya. Kapan pun Anda menjual produk, orang akan ingin melihat testimonial. Mereka ingin mendengar dari orang-orang yang telah melakukan pembelian, dan melihat apa yang mereka pikirkan. Jadi bagian kita selanjutnya akan menjadi bagian testimonial. Dan standarnya disebut, apa yang dikatakan klien, tetapi kami akan mengubah milik kami. Kami akan mulai dengan mengklik ubahsuaian, dan kami akan gulir kembali ke bawah. Dan kami akan klik di sini, apa yang dikatakan klien. Mirip dengan semua bagian lain, Anda dapat menonaktifkan. Dan secara default, ada tiga testimonial, tetapi Anda bisa menambahkan lebih banyak. Jadi mari kita ubah dari apa yang dikatakan klien ke apa yang dikatakan anggota. Dan kemudian, untuk subtitle bagian kami, kami jarang perlu memasarkan, karena anggota kami cenderung memberi tahu semua orang bahwa mereka tahu tempat yang hebat untuk bekerja. Jadi sekarang, mari kita dapatkan kesaksian kita sendiri. Akan beralih gambar. Dan Anda akan perhatikan bahwa itu secara otomatis menempatkannya di lingkaran untuk kami. Gambar asli kami adalah persegi. Saya memilih untuk tetap menggunakan nama depan, dan bahkan subtitle, karena cocok. Tapi kami akan memasukkan teks kami sendiri. Saya suka bahwa saya mendapatkan rasa hormat dari orang-orang di sekitar saya. Menjadi seorang wanita dalam bisnis sering kali berarti berurusan dengan orang-orang yang tidak berpikir saya harus ada di sini. Tetapi di Coworker Pro saya cocok. Dan sekali lagi, mungkin ada tautan, tetapi kami tidak menghubungkan di mana pun, sehingga kami dapat membiarkannya kosong. Mari kita lakukan orang kita selanjutnya. Di sana, sekarang kami telah memilih Hanson. Dan kami akan memasukkan namanya. Dan masukkan ke pos. Dan lagi, kita hanya akan menggunakan nama depan, dan alih-alih menjadikannya seniman independen, kita akan memanggilnya insinyur perancang. Dan kemudian kita akan memasukkan teks kita sendiri. Suasana pemuda dan kegembiraan di ruang ini memabukkan. Orang-orang ini mengubah dunia, dan saya bisa berada di sana untuk menyaksikannya terjadi. Dan kemudian kita akan mengubah yang ketiga. Kami akan mengubah gambar. Cari di sini. Akan dimasukkan ke dalam teks alt kami. Dan masukkan ke pos. Kami akan meninggalkan Natalya sebagai freelancer. Hapus nama belakang, dan masukkan teks kita sendiri. Makan siang hari Jumat bersama kelompok adalah yang terbaik. Saya suka memasak kelompok dan perasaan keluarga yang datang dari semua orang di sekitar meja. Dan hanya itu, sekarang kami memiliki area testimonial kami. Kami akan menerbitkan, tutup penyesuai. Dan kemudian gulir ke bawah untuk melihat seperti apa di layar lebar. Dan itu terlihat hebat. Ada satu bagian lagi yang perlu kita lakukan, dan itu adalah catatan kaki. Tetapi pertama-tama, saya akan menunjukkan bahwa karena kita tidak ingin blog di halaman ini, kita bisa pergi ke penyesuai, dan kita akan pergi ke daerah blog, dan kita akan mengklik mata kecil di sini. Dan sekarang sudah hilang. Dan sekarang kami memiliki catatan kaki yang sebagian besar disiapkan untuk kami. Tapi mari kita terbitkan. Dan tutup ini, dan lihat tampilannya. Itu berjalan langsung dari testimonial ke catatan kaki. Mengedit footer di Hestia sedikit berbeda dari bagian lain. Masih menggunakan penyesuai, tetapi memiliki beberapa gadget yang berbeda. Mari lihat. Pergi ke klik kustomisasi, maka kita akan pergi ke bawah. Dan hanya ada satu tautan edit di seluruh catatan kaki ini. Jadi mari kita klik. Di sini, Anda dapat mengubah gambar latar belakang seperti semua gambar lain yang telah kami ubah. Saya akan meninggalkan yang ini karena saya suka cityscape, tetapi Anda bisa meletakkan apa pun di latar belakang di sana yang Anda inginkan. Ada judulnya, hubungi kami, kami akan meninggalkan itu, karena itu cocok. Tapi kemudian subtitle, kita akan menempatkan bahwa meja depan dihadiri dari: a.m. to: p.m. Waktu Standar Timur. Maka di sini kita memiliki judul formulir, dan itu ada di sini. But to determine what form goes right here, we click this little tab right here. And it’s simply a short code. Which means you could put in any short code, and it could render any number of things there. It could render another form or a bunch of information. You may recall near the beginning of this video that we installed the Pirate Forms plugin to go with Hestia. That’s because it’s using it right here. And as you can see, it is a perfectly functional small simple form. So we’re going to leave it. But now, we want to edit this content. So we’re going to click right here, edit. And it pops up here. I’m going to put in a different address, because I’m not in Romania. And I’m going to put in different contact information. But I like give us a ring and find us at the office, those fit nicely. And then, when we’re done, we click edit again, and it goes away, and you can see our new information here. And that’s it for the footer, just like that. Just a little bit of text touch-up, and we left the form alone, and we’re all set. So let’s publish. And close the customizer, and see how it looks. Just great. Now that we have the footer done, let’s look at adding a menu right up here. And most of the menu right now is going to link to various parts of the homepage. In a few minutes, we’ll add some actual pages, and we’ll add those to the nav then. But for now, we’re merely going to make a nav that lets us move around the homepage. Now, the first thing we want to do is get a list of the links that we’re going to use in our nav. And I’ll show you how we’re going to do it. Scroll to the second section. Why you should come work with us. Now this is the only part of the whole video that even looks at code. In your browser, we’re going to right click, right here in this white space, and go to inspect. And the first thing it comes up to is a section. And these sections right here, there’s a list of them, are the things we’re looking for. They’re just under the main div. Now, each section has an ID. This one that we clicked on is features. Next is about. Then there’s team, then there’s testimonials, and lastly, there’s contact. If this all sounds familiar, it’s because it’s the sections of the homepage. So you want to write down on a piece of paper, or a text file on your computer, the names of these IDs. Go ahead and hit pause and write them down. Once you’ve gotten them written down, let’s go back to our browser. Now we’re going to use the customizer. So we click customize. And one of our options right here is menus. Right now, there are only two menus. There’s a default top bar, currently set to very top bar menu, which actually isn’t being used on our theme right now. It has a phone number and an email address that we could use if we wanted. But we’re not going to. And there’s also a socials top menu, and so you could put social networks in the top bar. And we’re not going to do that right now either. We’re going to create a new menu, and we’re going to call it primary menu. And we’re going to click the primary menu checkbox. And that’s what’s going to make it appear right here. So let’s click next. And now we can add items. Now, rather than use the suggested pages and links that we have here, we’re going to create custom links. And we’re going to link to the various sections of our page. Now the first one was called features. And we’re going to use the ID that we pulled out of the code. We’re going to start with a slash, which means, on the homepage, then we’re going to put in a hashtag, which means, go to an ID. And we’re going to type features. And then we’ll click add to menu. So let’s look at just that one for right now. Click publish, and we’ll leave the customizer. So now we have features, and if we click it, it beautifully scrolls right down to the features section. So now, all we need to do is the same thing for all the other sections. So let’s go back to the customizer again. We’ll go back to the menus. We’ll edit our primary menu. And add items. All of these are going to be custom. Now the next ID we have is about. However, we really called that section community. So the link text is going to be community. Add to menu. The next one had an ID of team, but again, we’re going to deviate just a little bit and call it members in the menu. Then we’ll add to menu. The next one is testimonials. And we’ll leave that one called testimonials. And lastly, we’re going to have contact. So now, let’s click publish. And there’s our nav. We can even click while in the customizer, and have it jump around. Now one more thing we want to add to the nav is a little search option off here to the right. So we’re going to actually leave the primary menu, and go to header options. And under navigation, we can enable search in menu. And now, we have a little glass here. So now, we’ll click publish. And close the customizer. And here we have a beautiful nav that lets us jump around the homepage. Now, we’re also going to create some subpages that are actually different pages from the homepage, and we’ll come back to the nav and add those to it when we do that. Now that we are nearly finished with the homepage, let’s build the news page. Before we get started, I want to remind you of a couple things. We’ll go to settings, reading, and I’ll point out that our posts page is actually a news page. So let’s go to pages, and edit the news page. And you’ll note that we can’t put any text in here, because it’s supposed to be an archive. But let’s view it. The posts will go here, and we have this horrible pink bar at the top. We are using the page’s title, and fortunately, we can also use the featured image. So let’s upload a nice featured image. There’s our alt text, and we set the featured image, and update. And now, we’ll go look at it. And there we are. Now as long as we’re here, let’s add it to the menu. We’ll go to customize, menus, primary menu. Add items. And we’ll add our news page, except we want it here at the top. Then we hit publish, and close the customizer, and now we have a news item. And it goes to this page. So let’s create our first post. We’ll click add new, and there is nothing unique about posts in Hestia. This is % stock WordPress. So if you’re familiar with WordPress, you know how this works. Let’s go ahead and make one. Our coworking space has a new refrigerator. The old one saw its last ham sandwich last Friday. And we’ll put an image at the top of the post. And put in our alt text. And that’s too small, so we’ll click the pencil, and we’ll go to large. And we’ll center it. And click update. And there we are. I’m also going to set it as the featured image, and you’ll see why in a moment. So I don’t need to upload it again, it’s already there. We’ll add a new category called kitchen. Publish. And now, when we reload our news archive, there we are. Now this image is the featured image. If we hadn’t set one, then this text would slide all the way to the left, which is usually fine, but it looks really sharp with a featured image. If we click, it also puts the featured image in the bar at the top, so that’s something to remember. Now, you’ll note that it says uncategorized, and we made one for kitchen, so let’s go back. And there we are, we have proper category right there. Now, before we get too much farther, I want to fix the nav in the footer. I want it to replicate what’s in the header, so I’m going to go to customize, and go to menus, and click on primary. And you’ll note that it’s already set to primary, but if I also set it to footer, you can see that it’s now down there at the bottom. So now, I’ll publish and close this, and there, now we have the same nav at the top and the bottom. I’d like to show you one more option with the blog page. And then we’re going to create an about page. Right here on the homepage, we’re going to click customize. And then we’re going to go to front page sections. The sections that are bolded are the sections that we have built. The ones that are grayed out are sections that could exist, but don’t, because we never turned them on. The ribbon simply gives you a background image, and a place to put in some text and a button. The clients bar allows you to post icons of your clients. Subscribe allows you to put in a subscribe form, and then blog is where I was headed here, allows you to put in a blog section. So I’m going to unclick disable section, and we’ll scroll down. And while you were away, I added a second blog post. So we have one here for the kitchen, and a new member. And we can make this say news. And there we are, now we have a news section on our homepage. And if we decide we don’t want that, we click the little I, which checks this, and I’m going to click publish. And now we’re back to where we were, but now you’ve seen how easy it is to add a news section to the homepage. But now, let’s create an about page. Again, there’s very little custom about pages in Hestia. So if you’ve ever built a page, you know how it works. Here’s our about text. We’ll create a featured image, and I’m going to use the same image as the homepage header, for some continuity. And now, let’s view that page. And there it is. And now, let’s put it in the menu. We’ll go to customize. Menus, primary menu. Add items, and we’ll add this about page. We want about way up here at the top. So then we’ll publish, and then close the customizer bar. And there we have about. So let’s test these items. We’ll go first to contact. Which takes us to the homepage, and the footer. Then there’s testimonials, members, community, features, news, and about. And if we want the top of the homepage, we simply click the logo, and there we are. Now, our site is essentially finished. The next things we’re going to do all relate to maintenance items, like setting up stats, SEO things, etc. But our site is built and our content is done. So let’s get started on our maintenance. The first maintenance thing we’re going to look at relates to caching, which helps your site go faster. Caching typically means keeping a copy of your page stored on the server, so that it can serve it faster without having to build it all from the database. Normally, I prefer a plugin called WP Rocket. It’s really excellent. However, many hosts, including Siteground where we’re hosting, cache for you, and you don’t need a plugin at all, and I’d like to go over that with you. If we go to dashboard, then at the bottom, there’s SG Optimizer. And there are several things here that we can do. Let’s configure the SuperCacher Config. Right now, Dynamic Cache is on, and that means when it builds a page and sends it out, it keeps a copy, so that the next person doesn’t have to build the page. The cache is also automatically flushed at the right times, so that if you make a change to a page, it doesn’t keep serving the old one. And you have a button here to manually purge it if you want to. You can choose to exclude some URLs from dynamic caching. But then there’s a section here called Memcached settings, and this stores in the server’s memory some of the frequently executed queries to the database. So we’re going to turn this on, and you’ll note that it says, you must enable Memcached from your cPanel. So let’s go to cPanel. We’ll go to Siteground.com and click login. Then we go to my accounts. Go to cPanel. And then over here in the search bar, we’re going to hit cache. And then click SuperCacher. And right here is level three, Memcached. And we’re going to turn it on, by clicking right here. And now, we’ll simply reload this page rather than click the button again, and now we’ll click the button. And now it’s enabled for our site. There’s a button here to test caching for the site, if we click test URL, it says it’s cached. So now we have two different layers of caching enabled, and it should make the site go much, much faster. But in addition to caching, there’s HTTPS Config. And this is already set properly, and you probably should never touch it. This requires that your site operate on HTTPS. Without this, it could operate on either HTTP or HTTPS. But we never want it on HTTP only. So we’re going to leave this just the way it is. Lastly, there’s PHP Config. We want to be running on at least PHP seven. Right now, we’re at ., and we’re going to leave it there, because that’s better than PHP seven. PHP seven is worlds faster than PHP five. And PHP five is pretty common on a lot of servers. So if your server’s on five, ask your host about moving to seven. Or, if you’re here on Siteground, you can switch. So now we’ve gone through the sections of the Siteground optimizer, and the only thing we changed was, we turned on Memcached. Next, let’s talk about getting the site connected to the search engines. First, we’re going to connect the site to various Google properties. Within WordPress, we’re going to use plugins to do that, but before we can use the plugins, we actually have to create the accounts in Google. If you already have an account in Google, you can use it. I’m going to start from scratch. You can use a single Google account across all of Google’s properties. So it doesn’t matter which one you start with. We’re going to start here with Google Analytics. So I click sign in, and then analytics, and we’re going to create an account. And here you can use either an existing email address, or create a Gmail account. I’m going to create a Gmail account. Then we’ll put in our password, and click next. I would recommend putting in your phone number and recovery email address, but you don’t have to. You do need to tell them when you were born. Then there’s their privacy and terms, and click I agree, and now we have a Google account, and now we can sign up for Google Analytics. We’re doing a website, not a mobile app. We’re going to create an account name and a website name, and then we have to tell it where our site is. Choose an industry category, and time zone. And then we have some data sharing options. You’ll want to read these over and decide for yourself if you wanna share this data with Google. I’m going to say okay, and I’m going to click to get tracking ID. But before we can do that, we have to agree again to the terms and services, and click I accept. Now this is our tracking ID. And in the bad old days, you would have to copy either this or all of this code, and figure out how to wedge it into your website somehow. But we’re going to use a cool plugin in just a few minutes. But before we get there, I’m also going to connect with Google Search Console. It used to be called Google Webmaster Tools, but now they call it Search Console. Now, because we’re already logged in with Analytics, we can simply click search console. And they want our password again. And they really want us to give them a recovery phone number and email, which I recommend you do, but I’m not going to bother, because I’m not going to be using this domain very long. And then we tell them where our website is. And click add a property. Now, in order to verify to the Search Console that we own this property, we need to do any number of several things. The recommended method is uploading an HTML file. Among the alternate methods is Google Analytics, and we’re going to use that in just a few minutes, once we connect our Analytics account. So as of right now, we have created a Gmail account and connected it with Google Analytics and Search Console. Now we need to connect those two things to our website. So let’s get going on that. The first plugin we’re going to connect is called MonsterInsights. We’ll go to our dashboard, plugins, add new. And there it is, Google Analytics for WordPress by MonsterInsights. We’ll install and activate. And right at the top, it says that we should configure the settings. The first thing we’re going to do is authenticate with our Google account. If you ever connected your Twitter account to any other site or anything like that, this is very similar. We choose our account. We tell it what it’s allowed to do. And then we pick the profile that we have under that username. Right now, there’s only the one, so we’re going to choose all website data. And if at any time, you don’t want to do this, you can click cancel, but we’re going to complete authentication. And now, our profile is active, with this UA code. You can click verify credentials, and it will say that it is done. And now our site is set up with Google Analytics, just like that. There are some other things that can be done. You can pay for a version of MonsterInsights Pro, and get some added features. If you wish, you can allow them to do usage tracking. And you can optionally have it do automatic updates. Now, if we go over to tracking, we have some options. For example, if an administrator or editor is logged in, then they are not tracked. That way, you don’t artificially boost your own traffic. You can enable demographics, and you can do things with link attribution and file downloads, etc. I’m not going to change any of the defaults, they’re great. The defaults are perfect in MonsterInsights. Now that we’ve connected our site to Google Analytics with MonsterInsights, we’re going to connect it to Search Console with Yoast SEO. So let’s go to plugins and add new. And search. And there it is, we’ll click install now, and activate. Now the first thing you’ll note is that there are some notifications at the top. The first thing it says is that we’re blocking Google, which is true, and is fine for now, we want to do that. But right here, the next thing they want us to do is connect with Google Search Console, so let’s click that. To allow Yoast SEO to fetch your Google Search Console information, please enter your Google authorization code. Click this button. Choose the account that we are working with. And then, we’re going to allow Yoast. And it gives us this big long code. Then we can close this window, and paste it here. And authenticate. And now, we have authenticated, and we don’t need to do any of these methods. Now that our site is connected to Google Search Console, Google can know much, much more about our website, and all of the tools built into Yoast will work even better. So we’ll take a look at those tools next. The next plugin we’re gonna look at here is called Jetpack. Now Jetpack was installed for us by Siteground. But it’s just a regular plugin. If you go to installed plugins, you’ll see it right here, and if you don’t have it, you can simply install it like a regular plugin. Now Jetpack is a little but different from most plugins. It’s actually a collection of plugins. And what makes it unique is that most of the things that Jetpack does is heavy lifting, heavy work, and it does it out on the WordPress.com servers, so that it doesn’t weigh down your server. It can do things like website statistics, image compression, spam fighting, comments filtering, etc. The first thing we need to do is connect Jetpack to a WordPress.com account. Now you might think that creating a WordPress.com account means getting a blog there, but it doesn’t have to. You can simply have an account there to use with Jetpack. So let’s click set up Jetpack. And here, we can either log into an existing .com account, or create a new one. We’re going to create a new one right now, and we’re going to click sign up here in the top right. We’ll put in our email address, choose a username, and then a password, and then we’ll create our account. And then it immediately begins connecting our website with Jetpack. Now by default, Jetpack is free. But there are upgrades available. Down at the bottom here is a button that says start with free. And there we are, now we’re connected. By default, nothing is turned on. But they recommend that all of these things be turned on. Many of them are good, and I like them. But I recommend reading through them, and making sure that you want what’s there. For example, we don’t need a contact form. We have Pirate Forms from Themeisle. So I’m not going to click activate recommended features. I am going to go to site stats, and it’s automatically set up. We could click configure, and set up some settings. We can have a chart showing hours of views in the admin bar. We can decide who gets counted, even if they’re logged in. One of the ways it works is by putting this little tiny image on the page. It’s not required, but it’s helpful, so I tend to leave it there. And then, here we get to decide who’s allowed to view stats. Right now, it’s only the administrator. Because we just set this up, there’s nothing to display yet. But it says your stats will begin to appear here within minutes, and that’s one of the reasons that I like including Jetpack stats in addition to Google Analytics. With Google Analytics, you get to either watch real-time stats, or you wait until tomorrow to find out what today’s stats are. You can’t look hour by hour today, and see how you’re doing as the day goes on. With Jetpack stats, you can do that. You can look every minutes, and see how your stats are growing. This can be useful when you’re doing a large push on your website. Another great thing that Jetpack can do is filter spam, and it does it using the companion plugin called Akismet. If we go to plugins, you’ll see that it’s right here. Akismet comes with WordPress. Now Akismet is also a service. It processes the spam on an outside server, so that it doesn’t bog your server down. So let’s activate Akismet. And then, right at the top here, we can set up our account. Now because we’re connected with Jetpack, we can simply click connect. Otherwise, we could sign up with a different email address, or get an API key. So I’m just going to connect with Jetpack. Now Akismet has a variety of pricing models. There’s enterprise, for larger sites. There’s $ per month per site for smaller commercial sites. And then, there’s name your price. And what’s interesting is that you can name a price of zero, if you wish. So let’s click get personal. And then right up here is the slider. If we drag this down to zero, the credit card information goes away. Now it says, you may not do this if you have advertising, you sell products, or you publish information about your business or service. Now something very important to note here is that this only works if you do not have advertising, you do not sell products, and you don’t publish information about your business or service. Our site is advertising a commercial space, that’s what it is. So we’re not going to do the free one. But we can choose $ a year, which is $ a month, which is not very much. If you find that it’s blocking lots and lots of spam for you, I would recommend paying more for the service. They’re nice enough to allow you to choose, and they’re providing you great service. So give them what you can. Now because our site is not a real site for a real service, I’m going to choose the free one. But if you’re building a site for a real business, you’ll need to pay for Akismet. Now that it’s processed, we can activate this site. In the background here, you can see the API key that was an option earlier, and it put it into our site for us. Now optionally, it can also show the number of approved comments beside each comment author. So not only does it block spam, it approves quality posts. By default, Akismet takes your spam and puts it in the spam folder. Right now, our setting is that the most egregious spam gets automatically deleted, and does not go into the spam folder. If you really need to see all of it, then you can click this option right here. And now that Akismet is set up, we shouldn’t get any spam at all on our website. If we do, then we have the option to mark it as such, and it will communicate to Akismet, hey, you missed this one, and Akismet learns. That’s how it gets so good. Next, let’s look at backups. For backups, we’re going to use the backup system built into Jetpack. And it used to be called VaultPress, but now it’s just called Jetpack backups. But you may still see VaultPress around. Let’s go to the Jetpack dashboard. And here at the top, there’s a tab that’s called plans. Now the backups for Jetpack are not free. However, their personal plan, the cheapest one, does include full off-site backups. Now these are nightly backups, you get one a day. If you go to the more expensive plans, then you can get real-time backups, where you just push a button and it does a backup right there when you ask. We’re going to do the personal one, and it comes with priority email support, which is pretty useful. So let’s click upgrade to personal. Now this took us to our account on WordPress.com. You may recall, we had to create this account in order to connect Jetpack to our site. So this is the same site. Now I’m going to fill out this form, and click pay. Now that we’ve clicked purchase, it’s setting up a number of things for us. It set up the daily offset backups, with a -day backup archive. That means you can recover your site up to days back, but not , so if you miss something for days, too bad. Unlimited backup storage space, that’s really important. If you are a musician or a photographer and you have a ridiculous amount of data, unlimited storage space is a big deal. Automated restores, which means you don’t have to do anything really, if you just want to restore, you click a button and it does its thing. You don’t have to download zip files and mess around with things. It comes with spam protection, easy site migration, if you’re going to move somewhere, and priority support. So now let’s go back to our site. Now we’ll still here in our dashboard, and we’re still looking at the plans. But now, there’s an option to manage your plan. Remember how I said Jetpack backups were called VaultPress? With here we are, we have a VaultPress menu item. If we click it, you’ll see that VaultPress is backing up my data right now. It’s done with uploads, and it’s going to work on the rest next. Something important to note. The first backup backs up everything, but in the future, it only backs up changes. So the first one is probably going to be quite slow. But from then on, they should be very speedy. The next thing important to know is that you can close this window. It’s not dependent on your browser being open. It’ll do its thing. And they’re going to email us when it’s done. Another cool thing is we can set up remote access, so that you don’t have to be at your computer to restore your site. Right now, we have a license for one site. It says we’ve never backed up, ’cause it’s still in process. If we upgrade our plan, then they will do a security scan on the backup, and let us know if it finds anything wrong. Let’s go to settings. And there’s a wide variety of things that you can do here. We’re not going to cover them all, because it could get really deep. But you can set up SSH access, so that VaultPress can access your site’s server. Now Siteground does offer SSH, but not all sites do. If not, you could set up SFTP, or regular FTP. Or you could say, “I want to restore my site to some other server.” This is really handy when actually moving servers. If we were to leave Siteground and go to some other host, we could say to VaultPress, hey, go install my site over there, and it could do that. It also knows who we are, what account this is. If we go to activity, it tells us that it’s done a full sync of uploads. We’ll look at our backups, and there probably isn’t any yet. You can still see this icon spinning. Now we need to set up access for VaultPress to access our server better, and that takes us right back to here. Now to allow VaultPress to access our website, we’re going to enable SSH. That stands for secure shell, and it’s a secure way for VaultPress to log in to our site and work on it. So we’re going to click right here, and then we need to fill in our server information. Now some of this we’re going to get from Siteground, because that’s where our site is hosted. So let’s go to Siteground, and log in. Now, setting up SSH isn’t very difficult, but there are a number of steps. So if you follow closely, it should work just great. I’m going to click on my accounts, and go to cPanel. Now in this search right here, we’re going to type SSH. And there’s one icon left. Click that. Now what we want to do is upload a public key. If we go back to VaultPress, and click show public key, it’s right here. We just copy everything in the black here, and on Siteground, paste it here. We don’t put anything in the allowed IP address field. Then click upload. And now our key has been successfully added to our account. If we go back, you can see it right here. So now, we need to go back to our cPanel home. Now to find our username and password, we’re going to go back to my accounts. Which actually leaves cPanel, and we’re going to click right here, information and settings. Now, VaultPress wants a server address, port number, and a username and password. For the server address, we’re going to use our FTP server. Our port number is . This is not standard for SSH, it’s custom to Siteground. And you can find that information in the Siteground documentation. Our username is our cPanel username. Because we’re using a public key, we shouldn’t need a password. So let’s click save. And now it works. I’d like to reiterate that because we used our public key, we don’t need to put our password in. That’s the way keys work. So now, VaultPress can connect directly to our server, and work with the files that it finds there. So just a quick review of what we did here at VaultPress. We went to settings, and we set up SSH, so that it can log in. The other things are interesting, but not vital. We can look at our backups, we can look at our activity. And you can see what it did and when it did it. But let’s go back to our website. Then we’ll go into the admin area, and we’ll go to Jetpack, VaultPress, and on this page, you can see an ongoing progress of how it’s doing. Now that we have finished backups, our site is complete. Everything is done. Let’s do a quick summary of what we’ve built. The first thing we did is set up an account on Siteground. Then they walked us through a wizard which set up our hosting, installed WordPress, set up SSL for secure browsing, and helped us buy a domain name. At that point, we had a plain WordPress site, with default theme and original content. The next thing we did is install some plugins that we knew we were going to need. We installed TinyMCE, so that we had a few extra buttons here, and then we also installed My Eyes Are Up Here, so that we could install images of people and make sure their faces were in the pictures. The next thing we did is pick our theme, and we chose Hestia from Themeisle. It proved to be pretty flexible, and I’m very happy with it. Then we built our homepage, and we went through section by section and used the customizer to create each of these elements. We didn’t have to do any coding to build this entire site. We also made a couple of regular pages with normal content on them. Once we were done building the site, we added on some extra tools. We went through the Siteground Optimizer. Most quality WordPress hosts these days have something similar, so if you host somewhere else, make sure you look for a tool similar to this. We connected to the Google Search Console, as well as Google Analytics. And then we also hooked up Yoast SEO, so that we would have good search engine optimization. Then lastly, we configured Jetpack. Siteground installed it for us. If your host does not, you can install it like a regular plugin. But Jetpack gave us Akismet for spam, its own built-in stats program, and lastly, VaultPress for backups. So now we have a complete site, it’s fully functional, and has a robust back end to keep it working smoothly. I hope you enjoyed building your site as much as I enjoyed building this one. Remember to check out the links in the description for discounts, as well as locations for each of the pieces of software we used. And if you’re interested in learning more about WordPress, and further improving and progressing your site, come take a look through some of the other content we offer over on WinningWP.com.

Lihat lebih banyak video …

Apa pun untuk ditambahkan?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map