16 amazing Masonry Grid gaya portofolio WordPress tema

Mari kita mendapatkan tangan kami kotor dengan beberapa batu desain web. Kami akan mencari tahu apa itu, mengapa hal itu efektif untuk beberapa nama besar merek, mengapa Anda mungkin mempertimbangkan untuk website Anda sendiri, dan tema WordPress yang dapat membantu Anda mencapai tata letak situs web batu.

Pertanyaan pertama: Apa itu "batu Grid"?

Grid batu adalah seperti grid layout yang mendukung item dalam berbagai ukuran. Nama ini bisa dibilang diciptakan oleh Dave DeSandro, pencipta dari perpustakaan JavaScript Masonry dirilis kembali pada tahun 2009. Di situs batu itu digambarkan sebagai "semacam seperti seorang mason pas batu di dinding". Anda tahu, seperti ini:

Tapi bukan batu dan batu bata, adalah semua pekerjaan yang brilian, proyek, foto atau apa pun:

Mengapa Layout ini bekerja begitu baik?

Bata bergaya grid yang akrab dan user-friendly cara mengatur konten. Mereka merasa sortable dan sederhana, dan visual mengatur konten dalam cara yang mudah untuk menavigasi tanpa menjadi membosankan.

Ini adalah format populer untuk micro-blogging platform Tumblr. Berikut adalah contoh dari Coca-Cola, salah satu merek terbesar menggunakan Tumblr dengan tata letak kotak bergaya batu:

Situs sosial-media-slash-inspirasi Pinterest juga menggunakan tata letak kotak untuk mengatur sejumlah besar konten. Berikut adalah contoh dari Pinterest pengguna Rayt, yang telah membangun berikut hampir 6 juta:

Mengapa Layout ini bekerja untuk situs portofolio

Batu grid layout terutama berguna untuk website portofolio pribadi. Jika Anda seorang desainer atau seniman, maka itu adalah cara yang bagus untuk menampilkan proyek Anda dan memberikan representasi visual dari pekerjaan yang telah Anda lakukan. Jika Anda seorang penulis, Anda dapat menggunakan gaya grid untuk mewakili cerita atau menerbitkan karya. Jika Anda seorang fotografer, menampilkan foto-foto Anda dan menciptakan sebuah galeri sortable foto jenis ini berguna. Saya telah menggunakan batu grid WordPress situs untuk berbicara tentang proyek sampingan, newsletter Desain, perencanaan kerja, dan banyak lagi acara.

Langkah berikutnya: Menemukan yang tepat WordPress Theme

Sementara Tumblr dan Pinterest kedua batu bergaya, mereka tidak pilihan yang tepat untuk situs portofolio; aspek sosial-blogging mereka membuatnya rumit dan menambahkan elemen-elemen yang di luar kendali Anda. Menggunakan WordPress untuk membangun situs portofolio Anda berarti semua di bawah kendali Anda, dari domain (seperti yournamehere.com) untuk pilihan pemformatan dan gaya. Plus, menggunakan WordPress memberikan Anda kebebasan untuk membuat website yang sederhana – atau rumit-seperti yang Anda inginkan.

Envato berjalan pasar online terbesar untuk WordPress template. Berikut adalah dua puluh ulung tema WordPress yang memiliki besar batu-gaya grid layout:

1. KON/CEPT

WordPress tema dari desainer KrownThemes memiliki hampir 5.000 penjualan dan diarahkan portofolio situs. Ada empat gaya navigasi, seorang pembangun halaman dan modular grid. Ini mobile-responsif, dengan kode yang bersih.

2. mug

Terbaik untuk "profesional kreatif bahwa cinta grid dan desain minimalis". Mug ini datar-gaya tema. Ini memiliki plugin yang kompatibel dengan Dribbble dan Twitter, jadi besar untuk desainer.

3. Hempstead

Ada banyak yang suka tentang yang satu ini: ruang-bertema desain pada demo mereka, bulat serif font, termasuk peta interaktif, SEO-friendly kode Visual komposer, halaman rumah rapi...

4.Mone

Dengan header-lebar penuh dan blog posting format, yang satu ini sangat baik untuk penulis dan mereka yang membutuhkan sesuatu yang sedikit lebih Firman berorientasi. Menu sidebar kiri adalah pilihan yang unik.

5. Stag

Dari desainer DeliciousThemes, yang satu ini datang dengan banyak layout berbeda demo, sehingga Anda dapat membayangkan semua kemungkinan tanpa harus melakukan terlalu banyak desain bekerja sendiri- dan itu mudah untuk beralih tampilan situs Anda. Itu datang dengan Visual komposer, Slider revolusi dan Templatera Addon. Membayangkan: demo "Diketik pahlawan teks".

6. Hygge

Hygge adalah sebuah konsep Denmark yang mencerminkan kenyamanan dan kesenangan, yang adalah bagaimana Anda ingin pengunjung situs Anda untuk merasa, benar?

7. North

Tema bold portofolio, Utara dibuat untuk badan-badan dan freelancer. Hal ini diuji bekerja di browser dan super mudah untuk menyesuaikan.

8. joker

Ini adalah salah satu tema fotografi terbaik dinilai pada pasar kami. Memiliki album bata bergaya dan halaman galeri, ditambah lebar penuh dan layout lain untuk berbagai.

9. Kabuto

Dibuat oleh Elite web desain Onioneye, tema WordPress ini sederhana dan mudah. Pilihan yang baik jika Anda memiliki logo atau ingin sesuatu itu abadi.

10. Grido

Layout grid ini memadukan ukuran kotak, mengakibatkan sebuah layout portofolio yang kompleks, tanpa terlalu kacau.

11. Onliest

Dengan Visual komposer, Slider revolusi, dan termasuk file PSD homepage, tema ini sangat bagus untuk orang-orang dengan pengalaman lebih pengkodean kecil (meskipun tidak persyaratan!). Tim desain sangat dinilai untuk dukungan produk mereka.

12. Yorke

Minimalis dan putih ruang tidak hal Anda? Yorke berani dan cerah, dan hal ini dibangun untuk meninggalkan kesan abadi. Hal ini juga dijual (pada saat penulisan!)

13. Huntington

Tata letak kotak simetris dengan menu navigasi kiri-blok. Menu membuat sederhana untuk melihat melalui situs, dan media sosial tombol mudah untuk menemukan.

14. Werkstatt

Werkstatt adalah sebuah tema WordPress yang muncul pada banyak daftar yang berbeda, karena beradaptasi untuk banyak kebutuhan website. Portofolio bata sederhana adalah tata letak menang, tetapi jika Anda ingin beralih itu, ada sejumlah demo yang mengesankan dan desain situs yang disertakan.

15. Pofo

Tema ini tipografi membuat pilihan menonjol. Ini juga mencakup WooCommerce-siap shopfront dan Yoast SEO plugin!

16. Haar

Menyelamatkan salah satu yang terbaik untuk terakhir, Haar adalah tema yang indah, kreatif dengan banyak layout yang berbeda dan demo. Hal ini diciptakan oleh perancang Power Elite Edge-tema, tetapi dengan tidak terlalu banyak penjualan (yet!), jadi itu adalah pilihan yang unik. Saya suka cara situs demo memiliki contoh konten yang tetap untuk skema warna dengan ilustrasi dan citra.

Pergi dan Bangun Perkumpulan!!

Mencari WordPress tema? Memeriksa tema portofolio lebih kreatif pada pasar kami.