Seperti yang saya katakan di tutorial sebelumnya, WordPress menawarkan tema default baru. Tema ini, dirancang untuk situs web perusahaan, menandai penyimpangan luar biasa dari tema WordPress default yang di masa lalu dirancang untuk blogging dan mencerminkan transisi paling signifikan WordPress dari platform blogging ke platform serbaguna.
Jika Anda berencana untuk mencoba Twenty Seventeen, Anda akan segera memahami sesuatu: Tema WordPress default ini berbeda dari pendahulunya. Tema default sebelumnya memberlakukan konfigurasi minimum yang hanya menghasilkan blog yang berfungsi. Tidak demikian halnya dengan Twenty Seventeen.
Tentu saja, Anda dapat menggunakannya sebagai tema blog, tetapi saya ingatkan Anda bahwa ini bukanlah yang dirancang khusus untuk itu. Ini sebenarnya dirancang untuk membuat situs web perusahaan menggunakan beranda dengan bagian, yang dapat Anda bedakan dengan mudah dengan menonton demo-nya.
Temukan juga Cara menginstal plugin di WordPress
Hasil dari pergeseran fokus ini adalah menyiapkan Twenty Seventeen membutuhkan waktu sedikit lebih lama daripada tema WordPress default sebelumnya.
Dalam tutorial ini, kita akan menjelajahi Twenty Seventeen, melihat apa yang ditawarkannya, dan saya akan memandu Anda melalui pengaturan tema WordPress ini sehingga Anda dapat dengan mudah membuat beranda untuk situs web Anda. bisnis.
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.
Gambaran Umum Dua Puluh Tujuh Puluh
Penggunaan a halaman arahan - Halaman Arahan - untuk dijadikan sebagai halaman rumah untuk situs web perusahaan telah menjadi trendi. Dengan Twenty Seventeen, sangat mudah membuat halaman arahan untuk situs web bisnis.
Untuk mengetahui kemungkinannya, lihat demo resmi tema WordPress dua puluh Seventeen. Langsung saja, Anda akan melihat header video. Gulir ke bawah sedikit dan desain penampang halaman akan muncul. Setiap bagian dipisahkan oleh gambar latar paralaks mencolok yang menempati seluruh lebar dan tinggi jendela.
Navigasi sederhana dengan bilah navigasi atas yang lengket, dan satu font, " Bebas Franklin Yang digunakan di seluruh tema.
Kami menyarankan Anda untuk berkonsultasi Cara menambahkan menu navigasi kustom pada WordPress
Jika diatur dengan benar, Twenty Seventeen menampilkan a terlihat profesional modern, dibangun di atas pilihan font yang dapat dibaca dan penggunaan visual yang mencolok diimbangi dengan penggunaan spasi putih yang luas.
Bagaimana cara membuat beranda dengan Twenty Seventeen?
Pergi ke arah yang sama dengan Matt Mullenweg, ketika dia berbicara tentang pentingnya Customizer, jadi tidak mengherankan bahwa sebagian besar tugas dilakukan pada " dua puluh Seventeen Berada di Customizer.
Selain fungsi standar seperti menu dan konfigurasi, dengan widget Penyesuai Anda dapat menentukan gambar atau video header, menggunakan skema warna yang berbeda, dan mempengaruhi konten bagian halaman Anda.
Temukan juga Cara menyesuaikan CSS situs web WordPress Anda
WordPress 4.7 juga memperkenalkan fitur baru yang disebut "pintasan pengeditan yang terlihat": mereka muncul sebagai ikon biru seperti pada gambar sebelumnya. Mengklik salah satu pintasan ini akan membuka bidang yang memungkinkan Anda mengubah bagian di Penyesuai.
Ini membuatnya cukup mudah untuk mengubah fitur Twenty Seventeen seperti gambar header, tagline dan judul serta konten yang muncul di setiap bagian halaman. Anda hanya perlu mencari konten yang ingin Anda edit, lalu Anda mengklik "pintasan pengeditan yang terlihat" dan menyesuaikan konten yang dimaksud.
Melangkah lebih jauh dengan menemukan Bagaimana cara menambahkan scroll tanpa batas ke blog WordPress
WordPress juga dilengkapi dengan fitur Customizer baru yang disebut " CSS tambahan ". Kami sudah membicarakan fitur ini sebelumnya. Ini adalah fitur khusus untuk WordPress dan bukan untuk " dua puluh Seventeen '.
Untuk menunjukkan cara mengatur dua puluh Seventeen Saya akan menginstal tema seolah-olah saya akan menggunakannya untuk situs pribadi saya.
Langkah Satu: Buat halaman untuk setiap bagian
Hal pertama yang perlu Anda lakukan adalah membuat beberapa halaman:
- Buat halaman yang akan menjadi halaman beranda statis Anda.
- Buat halaman yang akan menampilkan posting blog.
Cara menempatkan situs WordPress Anda dalam mode Pemeliharaan ? klik tautan ini
Buat hingga empat halaman tambahan untuk memuat konten yang akan ditampilkan di bagian halaman beranda. Buat tiga halaman baru tambahan jika Anda berencana untuk menggunakan blog Anda atau sebagai salah satu bagian dari halaman beranda.
berkonsultasi Cara membuat kolom di WordPress tanpa plugin
Dalam kasus contoh saya, saya membuat halaman beranda, halaman blog, halaman tentang, halaman layanan, dan halaman kontak.
Langkah 2: Tambahkan gambar ke halaman depan
Untuk mendapatkan efek paralaks pada gambar, Anda perlu menambahkan gambar halaman depan yang besar untuk setiap halaman, yang akan menjadi bagian dari bagian halaman pertama. Anda mungkin tidak ingin menambahkan gambar unggulan ke halaman beranda yang Anda buat di langkah sebelumnya, tetapi Anda dapat menambahkan gambar unggulan ke semua halaman lainnya.
Demo dari « dua puluh Seventeen Menggunakan gambar yang memiliki dimensi 2000 piksel lebar tinggi 1200 piksel. Disarankan gambar yang mendekati ukuran ini. Anda mengerti bahwa Anda tidak boleh menggunakan gambar kecil.
Temukan 5 WordPress Page Builder Plugins -page Builder
Anda akan menemukan banyak gambar gratis di " StockSnap Dan sebagian besar memiliki dimensi yang baik.
Langkah 3: Tetapkan halaman rumah dan halaman blog
Sekarang saatnya untuk mulai menyesuaikan. Luncurkan Customizer, lalu buka " Penampilan> Sesuaikan Di dasbor.
Pilih opsi beranda statis Dan lakukan penyesuaian berikut:
- Atur apa yang ditampilkan halaman rumah, pilih tombol radio untuk halaman statis.
- Dari menu halaman beranda, pilih halaman beranda situs web.
- Pada menu Halaman Item, pilih halaman yang akan menampilkan artikel.
Jangan lupa untuk menyimpan perubahan Anda.
Langkah 4: Tetapkan halaman lain ke bagian halaman beranda
Anda sekarang dapat menetapkan halaman berbeda yang sebelumnya Anda buat ke bagian di " Opsi tema ". Gunakan menu drop-down untuk menetapkan setiap halaman ke setiap bagian sesuai dengan relevansi yang Anda tetapkan untuk mereka.
Langkah 5: Buat menu navigasi utama Anda
Anda dapat membuat menu navigasi Anda langsung dari antarmuka Penyesuai atau dari dasbor Anda. Dalam kedua kasus tersebut, pembuatan menu di WordPress tidak berubah.
Langkah 6: Tambahkan tajuk video
Selanjutnya kita akan mengganti gambar header dengan video. Buka bagian yang sesuai di Penyesuai dengan mengklik "Pintasan Pengeditan yang Terlihat" atau cari " Header media '.
Unduh atau pilih video yang ingin Anda gunakan. Atau, Anda juga dapat memberikan URL video YouTube untuk ditampilkan di tajuk jika Anda mau.
Sekali lagi, pastikan, untuk kebutuhan kualitas, untuk memilih video dengan dimensi besar.
Pada titik ini, semuanya harus berfungsi normal. Kami akan menawarkan kepada Anda lebih banyak tutorial tentang penyesuaian tema WordPress baru ini.
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. Pemesanan Meja Restoran WordPress
Restaurant Table Booking Manager adalah sebuah plugin yang memungkinkan Anda untuk mengelola reservasi meja restoran Anda secara online.
Ini memberi kesempatan kepada pelanggan setia Anda untuk memesan meja langsung dari blog WordPress Anda. Ini menawarkan alat manajemen ketersediaan, yang akan mencegah Anda membuat kesalahan.
Anda juga dapat menggunakan kalender yang dibuat secara otomatis untuk melacak pemesanan yang berbeda dengan lebih baik.
Download | Demo | Hébergement Web
2. ShareBang
ShareBang adalah plugin WordPress berbagi sosial yang revolusioner. Ini menawarkan pengalaman yang lengkap dan elegan yang akan membantu Anda meningkatkan lalu lintas dan meningkatkan penjualan serta visibilitas produk, halaman, dan blog Anda.
Ini mendukung + 42 dari jejaring sosial terkemuka, termasuk aplikasi seluler, seperti WhatsApp, Facebook, Telegram, Skype, Line, Viber dan banyak lagi. Muncul dengan lebih dari posisi 21 yang didedikasikan untuk tombol berbagi sosial, tata letak yang sepenuhnya dapat disesuaikan, pembaruan otomatis dan reguler, integrasi dengan Mailchimp, Mailster, dan lainnya ...
Semua fitur di atas dan lebih banyak lagi sangat mudah digunakan terakhir untuk membantu Anda mendapatkan lebih banyak pelanggan dan menghasilkan lebih banyak lalu lintas. Cukup bergabung dengan generasi berikutnya dari plugin tombol berbagi sosial.
Download | Demo | Hébergement Web
3. Octabook
Octabook adalah plugin WordPress yang sangat mudah digunakan dan alat pemesanan janji temu instan untuk hampir semua jenis layanan dan penyedia layanan yang ingin ditawarkan Pemesanan online dari sebuah situs web.
Ini menawarkan beberapa fitur yang meliputi: dukungan untuk beberapa lokalisasi, konfigurasi layanan, harga dinamis, notifikasi, mendukung bidang yang dapat disesuaikan untuk formulir, penyesuaian tampilan, Dukungan Kalender Google, dasbor intuitif, ekspor data dalam format csv, dan banyak lagi.
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.
- Bagaimana menampilkan berita di WordPress dalam slider vertikal
- Cara melihat artikel terbaru dalam kategori tertentu
- Cara mengubah nama gambar pada blog WordPress
- Cara memperbaiki kesalahan konektivitas di WordPress
Kesimpulan
Jadi ! Itu saja untuk tutorial ini. Kami harap ini akan membantu Anda buat toko online pribadi. 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.
...
Saya tidak dapat mengubah foto kafe di halaman utama. Bisakah kamu membantu? Berterimakasih. 🙂
Halo. Saya tidak dapat membuat versi seluler. Hanya di ponsel cerdas, saya melihat versi komputer.
Salam pembuka ...
Mohon beri tahu Thierry,
Widget penerbitan populer apa yang cocok untuk tema ini?
Halo,
Semua plugin dan Widget WordPress pada prinsipnya.
Halo,
Pengguna baru WordPress, saya berusaha untuk memodifikasi gambar dari tema ini.
Saya melakukannya dengan sangat baik untuk gambar header tetapi untuk yang lain saya tidak dapat menemukan fungsinya.
Apakah ada plug in tertentu?
Saya berterima kasih sebelumnya atas jawaban Anda
Bonsoir,
Sudahkah Anda melihat opsi? Sudahkah Anda mencoba mengedit gambar di salah satu artikel?
Halo.
- Bisakah kita mendapatkan gambar sambutan yang lebih rendah?
- Bisakah kita memasukkan logo di beranda ini?
terima kasih
Halo
1. Ya tetapi Anda perlu CSS dalam kasus ini.
2. Saya tidak pernah benar-benar mencoba, maaf.
Halo,
Saya ingin memasukkan 2 tombol dengan tautan di atas gambar di header. Bagaimana saya bisa melakukannya?
Halo,
Anda harus memiliki beberapa pengertian tentang CSS.
Halo dan terima kasih untuk tutorial ini yang dapat melakukannya dengan baik di sekitar wp tema ini.
Permintaan yang sama seperti boobi, saya ingin foto yang disorot untuk efek paralaks tidak muncul di halaman statis, seperti halaman kontak misalnya.
Haruskah kita campur dengan tema atau itu sudah direncanakan?
Terima kasih!
Pertanyaan yang sama, bagaimana cara menghindari foto efek paralaks juga ditampilkan di halaman kontak contoh halaman statis?
Merci.
Halo anda dapat menambahkan kode CSS yang menyembunyikan dalam menyesuaikan.
Halo Saya ingin menghapus foto header dari masing-masing halaman langkah saya di halaman artikel dengan cara tanpa melalui css? TERIMA KASIH 🙂
Terima kasih untuk Hello dan tutorial yang sangat baik menjelaskan.
Saya ingin melangkah lebih jauh. Biar saya jelaskan.
Saya membuat tema anak di Th2017. Saya membuat halaman baru yang berisi "TITLE" dan "TEXT" dan gambar unggulan.
Halaman ini terhubung dari menu yang biasanya muncul saat mengklik menu. Kemudian ditambahkan ke halaman Tema Pilihan.
Selain itu, di halaman beranda, saya memiliki gambar kemudian teks "TEXT" di spanduk geser horizontal.
Sampai saat itu tidak ada kekhawatiran.
Saya membuat di tema anak saya, templat halaman dari page.php ke page_modele.php. Saya memodifikasi file ini dengan "Nama Template: Model Halaman" dan menambahkan echo "COUCOU" ;.
Saya membuat halaman "TITLE2" dengan template halaman "Model Page" dengan gambar, lalu saya menautkannya ke menu dan menambahkannya ke Opsi Tema.
Halaman ini biasanya muncul dengan "COUCOU" saat mengklik menu.
TAPI, DI HALAMAN RUMAH, saya memiliki gambar TETAPI PLUS TEKS "CUCKOO".
Bisakah Anda membantu saya agar COUCOU muncul di beranda.
Catatan: COUCOU akan menjadi variabel yang berasal dari plugin.
Terima kasih atas bantuan Anda
Bien cordialement
Halo,
Permintaan saya adalah untuk menu link jejaring sosial.
Selama penyesuaian pertama tema 2017, tidak memiliki akun Facebook, saya menghapus fungsionalitas FB dari menu, hanya menyisakan tautan Email. Saya sekarang telah membuat halaman Facebook perusahaan tetapi saya tidak dapat mengaktifkan kembali tautan ini. Saya menghapus menu tautan media sosial dengan berpikir bahwa mungkin itu akan dibawa kembali ke versi aslinya. Tapi tidak ada yang bisa dilakukan, saya tidak melihat cara membuatnya.
Bisakah kamu membantuku?
merci
Bonsoir,
Silahkan posting komentar ini di artikel yang berhubungan dengan jejaring sosial.
Selamat malam, prosesnya tampak sederhana bagi saya. Mungkin dengan tangkapan layar, kami dapat membantu Anda lebih banyak?
Terima kasih atas terjemahan tutorialnya. Saya diblokir pada langkah 4, tanpa menjelaskannya kepada diri saya sendiri, saya tidak memiliki menu dengan opsi, jadi tidak mungkin untuk mengatur berbagai tingkat halaman statis. Sebuah ide ?
Hi Mark,
Dapatkah Anda ulang kata-kata?
Halo,
Pada template wordpress baru ini, teks tidak menempati seluruh halaman, bagaimana cara mengubahnya?
Dalam kasus apa pun pada "satu halaman" jenis beranda
merci
Maud
Halo,
Untuk memodifikasi halaman beranda, Anda perlu mengetahui sedikit tentang CSS
Saya setuju dengan 😉
Halo,
Saya menggunakan tema "Twenty Seventeen" untuk situs pro saya.
Saya akan melakukan versi yang sama dengan teks Perancis.
Bisakah plugin "Polylang" cocok?
Atau apakah ada plugin yang lebih cocok untuk tema ini?
merci
Jadi, tema memiliki salurannya dan blog Anda memiliki pemandangannya. Jika Anda berencana untuk menerjemahkan tema. Saya mengundang Anda untuk menggunakan PoEdit. jika tidak untuk menerjemahkan blog Anda, PolyLang akan melakukannya.
TERIMA KASIH !!!!!
Apakah itu terjemahan dari dokumen yang dipublikasikan oleh wpmudev?
Selamat malam, ya.
Bagaimana mengubah footer dand Ditawarkan oleh WordPress dengan dua puluh tujuh belas .. Terima kasih.
Dibutuhkan MEMASUKI DAN MENGGUNAKAN CSS.
Tema baru muncul TwentySeventeen sebenarnya stylish, inovatif dan menarik.
Tapi untuk warna background hanya putih atau abu-abu ??? Saya mencoba untuk mengubah termasuk di file style.css tetapi tidak berpengaruh: ??
Untuk blog dengan tampilan profesional, idealnya adalah memilih tema WordPress berbayar.
Halo
Saya menginstal Twenty tujuh belas di blog WordPress saya
1 Saya tidak lagi memiliki jendela komentar di akhir artikel
2 bagaimana pengguna internet berlangganan blog
cdlt
Halo Bernard,
Silakan periksa pengaturan Anda atau coba aktifkan tema lain untuk melihat apakah masalah berulang.