25 artikel WordPress dan desain terbaik kami dari 2016

2016 penuh dengan tren baru yang fantastis di dunia desain web. Dari tutorial CSS baru hingga praktik terbaik WordPress hingga saran praktis untuk mengembangkan agensi Anda, kami membahas semuanya di The Layout.

Untuk memastikan Anda tidak melewatkan konten terbaik kami tahun ini, kami telah mengumpulkan cerita terpopuler kami sehingga Anda dapat membaca yang terbaik dari yang terbaik sebelum 2017 dimulai.

Jadi tanpa basa-basi lagi, inilah 25 artikel WordPress dan desain terbaik kami dari tahun 2016.

25. Top 10 plugin WordPress favorit kami

Memilah-milah Direktori Plugin WordPress agak seperti berdiri di toko permen – semuanya terlihat sangat menarik untuk dicoba! Dan hari ini, ada plugin untuk hampir semua hal: peningkatan keamanan, peningkatan kinerja, pengoptimalan SEO, dan daftarnya terus bertambah.

Pada akhirnya, plugin yang Anda putuskan untuk dipasang sepenuhnya terserah Anda dan kebutuhan situs Anda. Tetapi untuk membantu Anda mulai memilah-milah massa, kami telah menyusun daftar 10 plugin teratas kami.

24. Apa yang Anda butuhkan untuk membangun blog yang indah di WordPress

Blogging adalah alat yang luar biasa untuk meningkatkan kesadaran merek, mengembangkan bisnis, atau bahkan hanya digunakan sebagai outlet kreatif. Dan hari ini, lebih mudah dari sebelumnya untuk membangun situs Anda sendiri.

Siap untuk membangun blog WordPress impian Anda? Inilah yang Anda perlukan untuk memulai.

23. 17 font gratis untuk diunduh pada tahun 2016

Ingin memperbarui perpustakaan font Anda dengan beberapa tipografi baru? Kami menemukan beberapa opsi yang cukup bagus yang dirilis tahun ini dan baru saja kami bagikan!

Berikut adalah 17 font gratis yang sangat baik untuk memberikan proyek Anda tampilan yang sempurna.

22. Di mana menemukan stok foto gratis terbaik di tahun 2016

Mencari stok foto gratis berkualitas tinggi? Bukan foto stok generik yang hambar. Gambar yang nyata dan menarik perhatian, dengan kedalaman dan warna dan sedikit "cerita" tentangnya. Kita hidup di persimpangan kebetulan antara fotografi digital, ekonomi berbagi, dan Internet. Situs berbagi foto gratis yang menampilkan gambar berkualitas tinggi bermunculan di seluruh web, menawarkan prasmanan fantastis foto Creative Commons Zero (CC0).

Berikut adalah lima situs favorit kami untuk menemukan stok foto gratis terbaik.

21. 32 tema WordPress gratis yang fantastis untuk dicoba di tahun 2016

Baik Anda sedang mengerjakan situs WordPress baru yang mengkilap atau melakukan penyegaran merek di situs yang sudah ada, sesekali inilah saatnya untuk menemukan tema baru untuk dikerjakan. Dan meskipun ada banyak sekali tema premium luar biasa di luar sana, sangat bagus untuk mengikuti tema WordPress gratis juga. Terutama jika Anda bekerja dengan klien yang lebih kecil dengan anggaran terbatas, banyak dari tema gratis ini akan menyediakan fungsionalitas dan opsi dasar yang mereka butuhkan.

Lihat daftar tema WordPress gratis fantastis kami dari 2016!

20. Cara membuat tema anak WordPress

Biasanya, hampir tidak mungkin menemukan tema yang sempurna; selalu ada beberapa modifikasi yang perlu dilakukan. Jadi, mengapa tidak mengambil tema default WordPress yang bagus, seperti Twenty Fifteen, dan menjadikannya milik Anda sendiri sehingga terlihat dan berfungsi seperti yang Anda inginkan? Membuat tema anak akan menghemat banyak waktu dan sakit kepala (percayalah).

Ikuti tutorial ini untuk dengan mudah membuat tema anak WordPress kustom Anda sendiri.

19. Cara meningkatkan kecepatan dan kinerja situs WordPress Anda

Anda tahu bahwa kecepatan situs sangat penting untuk keberhasilan bisnis Anda (dan bisnis klien Anda). Berkali-kali, Anda dipukul dengan statistik menakutkan seperti "hampir separuh pengguna web mengharapkan situs dimuat dalam dua detik atau kurang", dan "pengguna cenderung meninggalkan situs yang tidak dimuat dalam tiga detik .” Sangat mudah untuk merasa frustrasi pada titik ini dalam proyek, tetapi jangan khawatir.

Sebelum Anda merobohkan pintu host web Anda atau menambahkan banyak plugin yang tidak jelas, ikuti langkah-langkah mudah ini untuk membuat situs WordPress Anda mulus, solid, dan super cepat.

18. Bagaimana cara menambahkan jQuery ke tema WordPress Anda

jQuery adalah perpustakaan Javascript yang sangat populer, jika bukan yang paling populer. Faktanya, ini sangat populer sehingga WordPress secara otomatis memuatnya. (Ini dimulai di WordPress 3.8.1.) Hanya karena WordPress dilengkapi dengan jQuery, bagaimanapun, tidak berarti itu siap untuk digunakan langsung dari kotak. Jika Anda menggunakan atau membuat tema di mana jQuery belum dipanggil, Anda harus melakukan beberapa hal sebelum Anda dapat mulai menggunakannya.

Ikuti tutorial ini untuk memuat jQuery ke tema WordPress apa pun.

17. Desain web vs. pengembangan web: Apa perbedaannya dan mengapa itu penting?

Pernahkah prospek menghubungi Anda untuk apa yang mereka pikir adalah desain web baru, padahal ternyata yang mereka butuhkan adalah pengembang? Mungkin Anda memiliki pengalaman canggung menjelaskan kepada copywriter Anda bahwa Anda adalah seorang pengembang, bukan seorang desainer, dan bahwa salinannya perlu diperbaiki untuk memperjelasnya? Membingungkan desain web dengan pengembangan web adalah kesalahan yang sangat umum dilakukan orang, terutama ketika mereka pemula dalam hal baru yang kita sebut interwebs.

Ada perbedaan yang sangat nyata antara pengembangan web dan desain web. Pelajari apa itu, dan mengapa itu penting.

16. Cara membuat carousel “Recent Post” menggunakan Owl Carousel

WordPress hadir dengan widget “Recent Posts” yang akan menarik judul posting terbaru Anda ke sidebar dan menautkannya ke posting lengkap. Masalahnya adalah widget Recent Posts sangat terbatas. Bagaimana jika Anda membutuhkan sesuatu yang sedikit lebih elegan dan dengan fungsionalitas yang lebih sedikit? Misalnya, bagaimana jika Anda ingin memasukkan Gambar Unggulan dan kutipan, dan dari jenis kiriman khusus?

Di situlah Owl Carousel masuk, untuk membantu Anda menempuh rute DIY dan membangun situs impian Anda. Ikuti tutorial ini untuk membuat korsel "Postingan Terbaru" Anda sendiri!

15. Bagaimana cara menambahkan Font Awesome ke situs WordPress Anda

Font Awesome adalah kumpulan ikon kuat yang berisi ikon vektor yang dapat diskalakan. Dan yang luar biasa, itu gratis (set ikon bisa sangat mahal, membuat ini kesepakatan yang cukup manis). Font Awesome juga memungkinkan penambahan yang mudah untuk tema WordPress Anda, menghemat waktu yang berharga karena Anda tidak perlu membuat dan menyimpan grafik ini sendiri.

Ikuti tutorial ini untuk mempelajari cara menambahkan Font Awesome ke situs WordPress Anda.

14. Cara membuat tajuk situs web yang lengket

Header situs web yang tetap di tempatnya saat pengguna menggulir telah menjadi elemen desain yang sangat populer. Mereka memungkinkan pengguna untuk dengan mudah mengakses navigasi tanpa perlu menggulir ke atas setiap kali mereka ingin memilih halaman atau opsi yang berbeda.

Ikuti tutorial ini untuk dengan mudah menambahkan tajuk situs web yang lengket ke situs WordPress Anda.

13. Bagaimana cara menghemat waktu menyiapkan situs WordPress baru

Tidak peduli seberapa besar Anda menyukai WordPress atau mendesain situs web, ada satu bagian pekerjaan yang bisa sedikit monoton: menyiapkan instalasi WordPress baru. Bahkan sebelum Anda mulai berpikir untuk menambahkan penyesuaian yang indah ke situs Anda, Anda harus mulai dengan dasar-dasarnya: tema, plugin, dan pengaturan.

Tapi jangan khawatir – ada cara untuk mempercepat siklus yang berlebihan ini. Ikuti panduan ini untuk mempercepat proses Anda dan kembali membangun situs yang indah!

12. Bagaimana cara menambahkan Google Map yang responsif di WordPress

Sebagai solusi peta paling populer, menambahkan Google Maps ke situs WordPress Anda tidak bisa lebih mudah. Teknologi pemetaan yang mudah digunakan ini akan memberikan informasi bisnis, informasi kontak, dan petunjuk arah ke lokasi pilihan Anda, membuat navigasi menjadi sangat nyaman bagi pengguna Anda.

Siap menambahkan peta ke situs WordPress Anda? Tutorial ini akan membahas cara menggunakan plugin untuk menambahkannya, dan metode DIY.

11. Bagaimana cara menambahkan opsi ke penyesuai WordPress

Penyesuai WordPress dapat sedikit berlebihan pada awalnya, tetapi setelah Anda menyelami, Anda akan merasa lebih mudah dari yang diharapkan. Ini adalah alat yang hebat bagi Anda (atau klien Anda) untuk mengubah tema, ditambah Anda benar-benar dapat menjadikannya milik Anda dengan menambahkan opsi khusus.

Jadi mari kita uraikan – inilah cara menggunakan Customizer untuk opsi tema.

10. Saluran Slack terbaik untuk desainer

Slack dengan cepat menjadi bentuk komunikasi favorit bagi banyak desainer dan kreatif. Itu membuat komunikasi dengan rekan kerja dan teman menjadi menyenangkan, efektif, dan mudah. Tetapi salah satu bagian terbaik tentang Slack adalah orang-orang telah bergabung bersama untuk membuat komunitas yang berfokus pada topik tertentu.

Jika Anda siap untuk bergabung dalam percakapan, berikut adalah 16 saluran Slack terbaik untuk desainer.

9. Cara termudah untuk mengembangkan situs WordPress secara lokal

Saat Anda membangun situs WordPress, Anda mungkin tergoda untuk mulai membuat perubahan kapan pun dan di mana pun Anda mau, langsung di situs langsung. Satu tweak CSS kecil ke gaya tombol tidak akan merugikan apa pun, bukan?

Bahkan perubahan sederhana pun bisa berisiko, bagaimanapun, itulah sebabnya ada aturan emas tertentu dari pengembangan WordPress: Saat Anda mengembangkan situs WordPress, bahkan jika Anda hanya membuat perubahan kode kecil, Anda tidak boleh, pernah membuat perubahan langsung di situs hidup.

Menggunakan lingkungan pengembangan lokal sangat penting untuk mengembangkan situs WordPress kustom. Pelajari cara mengaturnya dengan mudah dan efisien dengan panduan ini!

8. Cara menggunakan Kueri Fitur CSS

Kueri Fitur CSS adalah cara untuk melakukan metode deteksi fitur asli browser. Kueri ini menganalisis apakah browser telah menerapkan properti CSS dengan benar atau tidak. Pada dasarnya, browser “melaporkan” apakah properti atau nilai CSS tertentu didukung atau tidak. Hasilnya menentukan apakah akan menerapkan blok CSS atau tidak.

Senang menggunakan fitur CSS baru, tetapi khawatir dengan kemampuan browser? Pelajari bagaimana Kueri Fitur CSS dapat membantu menjaga semuanya berjalan lancar.

7. 9 tren desain web yang perlu diketahui di tahun 2016

Industri desain web telah mencapai titik menarik di mana para desainer ingin melakukan lebih dari sekadar membuat situs — mereka ingin menceritakan sebuah kisah. Lebih dari sebelumnya, tujuan dari sebuah situs web adalah untuk menghibur dan memberi informasi. Daftar kami menampilkan sembilan cara berbeda untuk menceritakan kisah itu, mulai dari cinemagraph yang memukau hingga interaksi mikro yang menyenangkan.

Belum terlambat – inilah sembilan tren desain web teratas kami untuk tahun 2016!

6. Bagaimana pendapatan berulang dapat membantu Anda menskalakan biro iklan Anda

Menskalakan biro iklan Anda menjadi bisnis yang berkelanjutan dan sukses terkadang tampak seperti tugas yang mustahil, dan mudah untuk memahami alasannya. Berkonsultasi dengan klien membutuhkan banyak waktu, dan pada akhirnya, Anda terikat pada jam dengan hanya begitu banyak jam yang dapat ditagih.

Rahasia untuk meningkatkan skala agensi Anda? Tambahkan saluran pendapatan berulang ke model bisnis Anda!

5. Barang cetakan gratis untuk membantu desainer tetap teratur

Anda seorang desainer, jadi Anda mungkin bisa mendesain template yang sempurna dan mencetaknya. Tetapi jika Anda mencari solusi yang lebih cepat, ada desainer lain di luar sana yang memiliki ide yang sama, dan yang telah membuat beberapa gratisan luar biasa yang dapat Anda unduh untuk usaha organisasi pribadi Anda.

Jika Anda siap untuk membawa organisasi Anda ke tingkat berikutnya (gratis!) Lihat hasil cetak yang menakjubkan ini untuk para desainer.

4. Cara membuat layout sederhana dengan CSS Grid Layouts

Bagian dari menjadi seorang desainer adalah mengetahui masa depan desain web. CSS Grid Layouts adalah pengubah permainan dan akan membantu meringankan beberapa frustrasi seputar pemosisian yang harus dihadapi desainer selama bertahun-tahun. Meskipun ini belum menjadi praktik arus utama, itu adalah sesuatu yang dinanti-nantikan.

Ikuti tutorial sederhana ini untuk mempelajari dasar-dasar Tata Letak Grid CSS!

3. Mengapa SSL penting untuk situs WordPress Anda

SSL. Anda mungkin pernah mendengar tiga huruf kecil itu sebelumnya, tetapi tahukah Anda bahwa itu benar-benar dapat bermanfaat bagi situs WordPress Anda? Namun, sebelum kita berbicara tentang bagaimana itu akan membantu situs Anda, pertama-tama mari kita bahas apa sebenarnya SSL itu.

Inilah SSL, mengapa Anda menginginkannya, dan cara mudah mendapatkannya di situs WordPress Anda!

2. Bagaimana cara menggunakan teknik clipping dan masking CSS dan SVG

SVG sangat bagus untuk bekerja di web, dan clipping dan masking memungkinkan beberapa cara menarik untuk menampilkan atau menyembunyikan bagian dari grafik web Anda. Menggunakan teknik ini juga memungkinkan lebih banyak fleksibilitas dengan desain Anda karena Anda tidak perlu secara manual membuat perubahan dan membuat gambar baru – semuanya dilakukan dengan kode.

Ikuti tutorial ini untuk memulai dengan mudah dengan kliping dan masking CSS dan SVG.

1. 20 perpustakaan JavaScript untuk diperiksa pada tahun 2016

Pustaka JavaScript adalah alat yang sangat berguna bagi desainer atau pengembang mana pun untuk mengenalnya. Mereka dapat menambahkan beberapa fungsi yang sangat kuat ke situs Anda atau menyempurnakan desain, menghasilkan pengalaman yang lebih baik bagi pengguna Anda.

Meskipun ada banyak sekali sumber daya di luar sana, menurut kami 20 pustaka JavaScript ini pasti akan membawa situs Anda ke level berikutnya di tahun 2016.

Itu melengkapi daftar artikel WordPress dan desain terbaik kami dari 2016! Apa saja favorit Anda? Bagikan tautan Anda di komentar di bawah untuk membantu kami mengembangkan daftar kami!