BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor

설명

Building a professional blog, news, magazine, or business website often requires a lot of time spent on layouts, post presentation, responsiveness, and design consistency. Many users want polished results without writing custom code or assembling everything from scratch.

BlockSpare helps you build faster by providing a growing library of ready-to-use Gutenberg blocks, patterns, and starter templates — designed specifically for content-rich and business websites.

The BlockSpare approach

Instead of starting with a blank editor, BlockSpare lets you start with structured, production-ready layouts that you can customize visually using the WordPress Block Editor.

BlockSpare focuses on:
✅ Practical layouts for real websites
✅ Flexible post display and filtering
✅ Reusable patterns and templates
✅ Clean output and editor-first workflow

What you can build with BlockSpare

BlockSpare includes blocks and templates designed for:
👉 Blogs & personal websites
👉 News & magazine portals
👉 Business & agency websites
👉 Landing pages & marketing sections
👉 Content-heavy editorial layouts

It allows you to assemble pages quickly while keeping full control over typography, spacing, colors, and responsiveness.

Key features

Starter Templates:
👉 500+ pre-built pages
👉 100+ landing pages
👉 200+ sections
👉 50+ header/footer templates
👉 One-click import or copy/paste into any page

Post Presentation:
👉 Post Grid, Post List, Post Tile
👉 Post Slider, Post Carousel
👉 Masonry Layout
👉 Trending posts and news Ticker
👉 Timeline and large featured layouts

Image & Gallery Blocks:
👉 Image Slider
👉 Image Carousel
👉 Masonry Gallery
👉 Logo grid

Business & Utility Blocks:
👉 Pricing Table & Price List
👉 Testimonial
👉 Services & Content Boxes
👉 Call-to-Action
👉 Counter & Progress Bar
👉 Tabs & Accordion
👉 Notice Bar, Date & Time

Customization & Controls:
👉 Multiple layouts
👉 Typography settings
👉 Colors and backgrounds
👉 Spacing and gaps
👉 Border, radius, and shadow controls
👉 Responsive visibility options

Customization & Controls:
👉 Save your own reusable patterns
👉 Copy/paste sections between pages
👉 Build layouts visually using Gutenberg
👉 No lock-in, no shortcodes

Performance & Compatibility:
👉 Lightweight and optimized codebase
👉 Works with any Gutenberg-compatible theme
👉 Compatible with other block plugins

Starter templates & demos (highlights)

Import a complete starter layout and customize it for your content:

Browse all starter templates: https://www.blockspare.com/

Blocks & Layouts

Post / News blocks
✔ Hero banner layouts
✔ Flash posts & news ticker
✔ Trending posts carousel
✔ Post Grid, Tile, List, Express Grid
✔ Post Slider & Carousel
✔ Timeline and full-width layouts

Image & Media
✔ Image Carousel
✔ Image Masonry
✔ Image Slider
✔ Logo Grid

Business & General
✔ Section Header
✔ Container & Content Box
✔ Button, Icon, Icon List
✔ Counter, Progress Bar
✔ Pricing Table, Price List
✔ Testimonial, User Profile / Author box
✔ Tabs, Accordion, Notice Bar, Date & Time

Advanced post queries builder

BlockSpare includes AJAX-powered post queries builder, allowing visitors to browse posts without reloading the page.

✔ Display Posts by Category
✔ Display Posts by Tags
✔ Display Posts by Modified Date
✔ A–Z / Z–A ordering
✔ Ascending / Descending
✔ Menu Order
✔ Random order

AJAX pagination helps users explore more content within the same section.

Try it Now

How it works (3 simple steps)

  1. Choose a template or block from the Patterns Library or demo gallery.
  2. Import or copy it into your page or post
  3. Customize content and design using Gutenberg

Recommended Themes

BlockSpare works with all modern WordPress themes and has been tested with:

CoverNews
ChromeNews
MoreNews
ReviewNews
Newsphere
✔ Twenty Twenty-Five
✔ Astra
✔ Ocean WP
✔ Blocksy
✔ Kadence
✔ Generatepress
✔ Neve
And all themes from AF Themes

Other Plugins by AF themes

If you find BlockSpare useful, you may also like:

TemplateSpare: 1000+ starter templates and full site import/export solution.

EleSpare: News, magazine, and blog addons for Elementor.

WP Post Author: Author box, co-authors, and guest author management.

스크린샷

  • Editor view — BlockSpare blocks in Gutenberg (screenshot-1).
  • Starter templates gallery (screenshot-2).
  • Sample homepage imported from a template (screenshot-3).
  • Post Grid and Post Slider examples (screenshot-4).
  • Hero Banner + Trending section (screenshot-5).
  • Image carousel and masonry gallery (screenshot-6).
  • Business blocks: Pricing table & Testimonials (screenshot-7).
  • Patterns Library import flow (screenshot-8).
  • Block controls and responsive options (screenshot-9).
  • Save & reuse patterns (screenshot-10).

블록

이 플러그인은 34개의 블록을 제공합니다.

  • Call To Action
  • Star Ratings
  • Social Links
  • Services
  • Logos
  • User Profile
  • Container
  • List
  • Carousel
  • Accordion
  • Testimonial
  • Pricing
  • Linearprogressbar
  • Notice Bar
  • Section Header
  • Counter
  • Content Box
  • Masonry
  • Iconset
  • Price List
  • Shape Divider
  • Buttons
  • Empty Section
  • Slider
  • Posts Slider Display Posts Slider from Selected Categories.
  • Latest Post Flash Display Ticker Posts (Flash) from Selected Categories.
  • Posts Grid Display Posts Grid from Selected Categories.
  • Posts Express Grid Display Posts Express Grid from Selected Categories.
  • Posts Carousel Grid Display Posts Carousel from Selected Categories.
  • Posts List Display Posts List from Selected Categories.
  • Social Sharing Add sharing buttons to your posts and pages.
  • Search Display Search Block at any Sections.
  • Popular Tags Display Popular Tags of your website at any Sections.
  • Date and Time Display Current Date and Time at any Sections.

설치

  1. Install the plugin via the WordPress plugin installer or upload the blockspare folder to /wp-content/plugins/.
  2. Activate BlockSpare from the Plugins menu.
  3. Open the Gutenberg editor on any page/post.
  4. Use the BlockSpare blocks (in the block inserter) or open the Patterns Library/design library from the plugin panel.
  5. Import a starter template or insert blocks, then customize.

FAQ

Can I create post grids, sliders, and carousels with BlockSpare?

Yes. BlockSpare includes multiple blocks for grids, sliders, carousels, masonry, and tickers to present posts in different ways.

What are Starter Templates?

Starter Templates are complete page and site layouts (home, archive, single, inner pages, sections) created by designers. Import them to jump-start a site and then customize.

Do I need coding knowledge?

No. BlockSpare is built for users who prefer visual editing. Templates and blocks are ready-to-use and customizable through Gutenberg.

Does BlockSpare work with any theme?

Yes. BlockSpare works with any modern Gutenberg-compatible theme.

Will BlockSpare slow down my site?

BlockSpare is built with performance in mind. Blocks load only where used; templates are static HTML/CSS markup in the editor. However, performance also depends on server and theme choices.

Is BlockSpare free?

Yes — the plugin and many templates/blocks are free. A Pro plan is available for additional templates and premium features: https://www.blockspare.com/pricing/

Where can I see the demos and documentation?

Demos: https://www.blockspare.com/starter-templates/
Blocks & layouts: https://www.blockspare.com/blocks/
Docs: https://www.blockspare.com/docs/

Can I use BlockSpare on client sites?

Yes, BlockSpare can be used on personal and client projects.

후기

모든 29 평가 읽기

기여자 & 개발자

“BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor”(이)가 2 개 언어로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “BlockSpare — News, Magazine and Blog Addons for (Gutenberg) Block Editor”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

3.3.0

  • Update: Multiple accessibility improvements across blocks (pricing table, price list, icon list, progress bar, content box, CTA, accordion, buttons, date & time, social share, slider buttons).
  • Update: Added missing alt tags, aria-hidden attributes, and aria-labels for improved screen reader compatibility.
  • Update: Improved color contrast and fixed minor accessibility errors.
  • Update: Added sprintf usage and fixed text-domain issues.
  • Update: Added register_block_type for all blocks and introduced new block category.
  • Update: Grouped banner blocks into a single unified block.
  • Update: Flash news CSS refinements and reverted incorrect CSS change.
  • Fix: Twitter color issue, progress bar issue, and flash news spacing issue.
  • Fix: Date and time console error.
  • Update: Updated category font sizes.
  • Update: Added frontend JS to assets folder.
  • Update: Fix Canvas template and Full Width template, including improvements to both.
  • Update: README file updates.

3.2.14

  • Update: Readme improvement

3.2.13

  • Update: Security improvement
  • Update: New patterns on library

3.2.10

  • Update: Security improvement
  • Update: New patterns on library

3.2.8

  • Update: Security improvement
  • Update: New patterns on library

3.2.5

  • Update: Security improvement
  • Update: New patterns on library

3.2.4

  • Update: Security improvement
  • Update: New patterns on library

3.2.3

  • Update: Security improvement
  • Update: New patterns on library

3.2.2

  • Update: Canvas resposive improvement
  • Update: Design library improvement

3.2.1

  • Update: WP 6.6 Compatibility
  • Update: Security improvement
  • Update: New patterns on library

3.2.0

  • Update: Texts improvement
  • Update: Design library improvement
  • Update: Custom Patterns improvement

3.1.5

  • Update: WP 6.5 Compatibility
  • Update: SDK Improvement

3.1.4

  • Update: Posts blocks query improvement
  • Update: Design library improvement
  • Update: Custom Templates improvement
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

3.1.3

  • Update: Posts blocks category improvement
  • Update: Design library improvement
  • Update: Plugin dashboard improvement
  • Update: Custom Templates improvement
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

3.1.2

  • Update: Design library improvement
  • Update: Plugin dashboard improvement
  • Update: Custom Templates improvement
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

3.1.1

  • Update: Design library improvement
  • Update: Plugin dashboard improvement
  • Update: Custom Templates improvement
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

3.1.0

  • Update: Design library improvement
  • Update: Plugin dashboard improvement
  • Update: Custom Templates improvement
  • Update: Block and assets improvement
  • 업데이트: 정렬 개선
  • 업데이트: 오버플로우 개선
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

3.0.0

  • New: Dashboard for Patterns Library
  • 신규: 뉴스 및 매거진 디자인 템플릿 추가됨
  • New: Bussiness and Agency templates added
  • 신규: 헤더 및 푸터 템플릿 추가됨
  • New: Section templates added
  • New: Import or Copy Pattern functionality added
  • New: User customized templates saving functionality added for reuse
  • New: Image hover animation added for post blocks
  • Update: Block and assets improvement
  • 업데이트: 정렬 개선
  • 업데이트: 오버플로우 개선
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

2.8.0

  • Update: Code optimization
  • Update: Block editor and assets improvement
  • 업데이트: 정렬 개선
  • 업데이트: 오버플로우 개선
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

2.7.3

업데이트: WP 6.4 호환성
업데이트: 자산 개선

2.7.2

  • Update: Code optimization
  • Update: Block editor and assets improvement
  • 업데이트: 정렬 개선
  • 업데이트: 오버플로우 개선
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

2.7.1

  • Update: Speed optimization
  • Update: Social links and social sharing block improvement
  • Update: Posts carousel block improvement
  • Update: Services block improvement
  • Update: Date block improvement
  • Update: Price list block improvement
  • Update: Banner slider block improvement
  • Update: Testimonial block improvement
  • Update: Title block improvement
  • Update: Block editor and assets improvement
  • 업데이트: 정렬 개선
  • 업데이트: 오버플로우 개선
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

2.7.0

  • 신규: 유용한 정보가 포함된 BlockSpare 대시보드
  • 업데이트: 소셜 링크에 사용 중단 표시 추가됨
  • 업데이트: 사용자 프로필에 사용 중단 표시 추가됨
  • 업데이트: 검색 입력 개선
  • 업데이트: 헤더 레이아웃 이미지 개선
  • 업데이트: 공지 로고 색상 개선
  • 업데이트: 카운터 아이콘 간격 개선
  • 업데이트: 일반 정보 개선

2.6.6

  • 업데이트: 6.3 호환성
  • 업데이트: 일반 정보 개선

2.6.5

  • 신규: 뉴스 및 매거진 디자인 템플릿 추가됨
  • 신규: 헤더 및 푸터 템플릿 추가됨
  • 신규: 뉴스 및 매거진 블록 추가됨
  • 신규: RTL 디자인 개선
  • 업데이트: 추천사 블록 간격 개선
  • 업데이트: 헤더 디자인 개선
  • 업데이트: 버튼 블록 색상 개선
  • 업데이트: 카운터 블록 간격 개선
  • 업데이트: 가격표 블록 간격 개선
  • 업데이트: 소셜 공유 블록 간격 개선
  • 업데이트: 소셜 링크 블록 간격 개선
  • 업데이트: 콘텐츠 박스 블록 간격 개선
  • 업데이트: Call to Action 블록 간격 개선
  • 업데이트: 배너 블록 높이 개선
  • 업데이트: 타이포그래피 개선
  • 업데이트: 더 보기 개선
  • 업데이트: 페이지네이션 개선
  • 업데이트: 정렬 개선
  • 업데이트: 오버플로우 개선
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

2.6.4

  • 수정: 폰트 로딩 메커니즘 개선
  • 업데이트: 컨테이너 간격 개선
  • 업데이트: 사용자 프로필 간격 개선
  • 업데이트: 버튼 간격 개선
  • 업데이트: 일반 간격 개선

2.6.3

  • 업데이트: 프런트엔드 메타 공백 개선
  • 업데이트: 버튼 아이콘 색상 표시 조건 개선
  • 업데이트: 인기 태그 스타일 개선
  • 업데이트: 배너 트렌딩 기본 탭 개선
  • 업데이트: 타이포그래피 개선
  • 업데이트: 더 보기 개선
  • 업데이트: 페이지네이션 개선
  • 업데이트: 정렬 개선
  • 업데이트: 오버플로우 개선
  • 업데이트: 게시글 요약 개선
  • 업데이트: 여백 개선
  • 업데이트: 색상 개선

2.6.2

  • 신규: 미디어 가져오기 개선

2.6.1

  • 신규: 세부사항 업데이트

2.6.0

  • New: Patterns Library added
  • 신규: 모든 블록에 애니메이션 효과 옵션 추가됨
  • 신규: 모든 블록에 호버 효과 옵션 추가됨
  • 수정: 일부 디자인 결함 수정
  • 업데이트: 최신 WP 6.2와의 호환성 검사

2.6.0

  • New: Patterns Library added
  • 신규: 모든 블록에 애니메이션 효과 옵션 추가됨
  • 신규: 모든 블록에 호버 효과 옵션 추가됨
  • 수정: 일부 디자인 결함 수정
  • 업데이트: 최신 WP 6.2와의 호환성 검사

2.5.0

  • 새로운 기능: 빈 캔버스 페이지 템플릿 추가됨
  • 새로운 기능: 전체 너비 페이지 템플릿 추가됨
  • 새로운 기능: 날짜 및 시간 블록 추가됨
  • 새로운 기능: 인기 태그/카테고리 블록 추가됨
  • 새로운 기능: 플래시/티커 뉴스 블록 추가됨
  • 새로운 기능: 검색 블록 추가됨
  • 업데이트: 배너 디자인 개선
  • 업데이트: 간격 제어 최소 및 최대 값
  • 업데이트: 가격표 가격 기본 색상
  • 업데이트: 카테고리와 제목에 대한 각기 다른 호버 색상 제어
  • 업데이트: 날짜-시간 인스펙터 컨트롤
  • 업데이트: 게시글 익스프레스 그리드 인스펙터 컨트롤
  • 업데이트: 게시글 캐러셀 인스펙터 컨트롤
  • 업데이트: 날짜-시간 인스펙터 컨트롤
  • 수정: 일부 디자인 결함 수정
  • 업데이트: 최신 WP 6.1과의 호환성 검사

2.4.0

  • 업데이트: 디자인 개선

2.3.0

  • 업데이트: 디자인 개선

2.2.0

  • 업데이트: 디자인 개선

2.1.0

  • 새로운 기능: 포스트 그리드 블록에 ‘더 불러오기’ 페이지네이션 추가됨
  • 새로운 기능: 익스프레스 포스트 그리드 블록에 ‘더 불러오기’ 페이지네이션 추가됨
  • 새로운 기능: 포스트 목록 블록에 ‘더 불러오기’ 페이지네이션 추가됨
  • 새로운 기능: WP 게시물 다중 저자 지원
  • 업데이트: 최신 WP 6과의 호환성 검사

2.0.1

  • 업데이트: 가격 목록 블록의 자동 복구 모드
  • 업데이트: 진행률 막대 블록의 자동 복구 모드

2.0.0

  • 업데이트: 최신 WP 5.9와의 호환성 검사
  • 신규: 배너 1 블록 추가됨
  • 새로운 기능: 배너 2 블록 추가됨
  • 새로운 기능: 게시물 캐러셀 블록 추가됨
  • 새로운 기능: 게시물 슬라이더 블록 추가됨
  • 새로운 기능: 게시물 익스프레스 그리드 블록 추가됨
  • 새로운 기능: 이미지 슬라이더 블록 추가됨
  • 새로운 기능: 모든 블록에 여백/패딩 설정 추가됨
  • 업데이트: 게시물 블록 디자인 업데이트됨

1.3.0

  • 신규: 자동 복구 모드 활성화됨
  • 신규: 최소 여백 값 -100으로 설정됨
  • 업데이트: 게시물 그리드와 목록의 ‘계속 읽기’ 링크 색상 업데이트됨
  • 업데이트: 사용자 프로필의 소셜 링크 색상 업데이트됨
  • 업데이트: 서비스 아이콘 테두리 반경 스타일 업데이트됨
  • 수정: Yoast SEO와의 충돌 문제 해결됨
  • 수정: 이미지 캐러셀 문제 해결됨
  • 수정: 최신 게시물 제목 줄 높이 문제 해결됨
  • 수정: 서비스 헤더 정렬 문제 해결됨
  • 수정: 가격 추가 이미지 버튼 문제 해결됨
  • 수정: 일부 사소한 기능 문제 해결됨
  • 수정: 일부 디자인 결함 수정
  • 업데이트: 최신 WP 5.7과의 호환성 검사

1.2.1

  • 수정: 탭 및 서비스 복구 문제 해결
  • 업데이트: 최신 WP 5.6과의 호환성 검사

1.2.0

  • 업데이트: 최신 WP 5.6과의 호환성 검사
  • 업데이트: 새로운 가격표 블록 디자인 방식 추가됨
  • 업데이트: 구형 가격표 블록에 대한 폴백 추가됨
  • 업데이트: 새로운 서비스 블록 디자인 방식 추가됨
  • 업데이트: 구형 서비스 블록에 대한 폴백 추가됨
  • 업데이트: 탭 블록 문제 해결됨
  • 업데이트: 최신 WP 5.5와의 호환성 검사됨
  • 업데이트: 게시물 그리드 블록의 카테고리 선택 폴백 기능 추가됨
  • 업데이트: 게시물 목록 블록의 카테고리 선택 폴백 기능 추가됨
  • 업데이트: 데스크탑/태블릿/모바일 타이포그래피 옵션 디자인 개선됨
  • 업데이트: 버튼 블록에 타이포그래피 옵션 추가
  • 업데이트: 게시물 그리드 블록에 발췌 내용 옵션 추가
  • 업데이트: 게시물 목록 블록에 발췌 내용 옵션 추가
  • 업데이트: 게시물 그리드 블록에 계속 읽기 옵션 추가
  • 업데이트: 게시물 목록 블록에 계속 읽기 옵션 추가
  • 업데이트: 3열 서비스 블록 도입
  • 업데이트: 3열 가격표 블록 도입
  • 업데이트: 3열 추천글 블록 도입
  • 업데이트: 섹션 타이틀 블록에 새로운 색상 옵션 도입
  • 업데이트: 사용자 프로필 블록에 배경색 옵션 도입
  • 수정: 버튼 복구 모드 문제 해결
  • 업데이트: 반응형 뷰 최적화
  • 업데이트: 폰트 제어 최적화
  • 업데이트: 버튼 호버 옵션 추가
  • 업데이트: 리소스 크기 최적화

1.0.1

  • 업데이트: 워드프레스 5.4 호환성

1.0.0

  • 초기 릴리스