Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Portfolios
Webdesign

16 amazing Masonry Grid gaya portofolio WordPress tema

by
Length:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Nafis Iman (you can also view the original English article)

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:

Milk simple masonry portfolio
Contoh ini adalah susu, portofolio bata sederhana

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

KONCEPT - A Portfolio Theme for Creative People
KON/kecuali - portofolio tema untuk orang-orang kreatif

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

Mug Clean Creative Multipurpose GridPortfolio
Mug: Membersihkan kreatif serbaguna GridPortfolio

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

Hempstead Responsive PortfolioWordPress Theme
Hempstead-responsif PortfolioWordPress tema

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

Mone - Responsive WordPress blog theme masonry grid
Depdiknas - responsif WordPress blog tema, batu grid

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

Stag - Portfolio Theme for Freelancers and Agencies
Rusa - portofolio tema untuk freelancer dan lembaga

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 An Independent Editorial Magazine Blog Theme with Shop
Hygge | Independen Editorial Majalah & Blog tema dengan toko

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

7. North

North Creative Bold Modern GridPortfolio Theme
Utara: Kreatif berani Modern GridPortfolio tema

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

8. joker

Joker - Photo Video Portfolio WordPress Theme
Joker - foto & Video portofolio WordPress Theme

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

Kabuto a clean minimal responsive WordPress creative theme with a fullscreen portfolio grid
Kabuto: bersih, minimal & responsif WordPress tema kreatif dengan grid portofolio fullscreen

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

Grido Responsive and Multipurpose GridPortfolio
Grido: Responsif dan serbaguna GridPortfolio

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

11. Onliest

Onliest - Creative Portfolio One Page WP Theme
Onliest - kreatif portofolio satu halaman WP tema

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

Yorke - Creative Portfolio WordPress Theme
Yorke - kreatif portofolio WordPress Theme

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

Huntington Responsive PortfolioWordPress Theme
Huntington-responsif PortfolioWordPress tema

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 - Creative Portfolio Theme
Werkstatt - tema kreatif portofolio

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

Pofo - Creative Portfolio and Blog WordPress Theme
Pofo - portofolio kreatif dan Blog WordPress Theme

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

16. Haar

Haar - A Portfolio Theme for Designers Artists and Illustrators
Haar - portofolio tema untuk desainer, artis dan ilustrator

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.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.