Business · Gutenberg
Press Kit block for WordPress
Press/media kit section with brand assets (logos, colors, photos, documents), company blurb, and download buttons. Perfect for press pages and media rooms.
Get Blockenberg
Free Gutenberg block in Blockenberg. The inspector controls and front-end behavior on this page come from this block’s source, not a shared stub.
What it actually does
Press/media kit section with brand assets (logos, colors, photos, documents), company blurb, and download buttons. Perfect for press pages and media rooms.
Inspector panels on this block: Layout, Company Info, Download All, Brand Colors, Assets. Those titles come from index.js, not from a shared template.
Behavior controls: “Type” options: Logo, Document, Photo, Other.
Where to find it
Gutenberg inserter → Business → search “Press Kit” (block name `blockenberg/press-kit` in block.json). Style it in the sidebar after insert.
How to use Press Kit block for WordPress
- Install Blockenberg. Install from WordPress.org and activate the plugin.
- Insert the block. Edit a page, click +, search for “Press Kit”, insert it. Category: Business.
- Configure inspector controls that exist on this block. Open Layout. Set “Max Width (px)”, “Padding Top (px)”, “Padding Bottom (px)”, “Company Name”.
- Check the published page. The view script reads HTML data attributes: data-opts, data-rendered. The block editor preview may not run the same view script.
Inspector controls from this block’s code
| Control | What the code does |
|---|---|
| Max Width (px) | Numeric range control in the inspector. Range 600–1400. block.json default: 1100. Saved as `maxWidth`. |
| Padding Top (px) | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingTop`. |
| Padding Bottom (px) | Numeric range control in the inspector. Range 0–200. block.json default: 80. Saved as `paddingBottom`. |
| Company Name | Text field in the inspector. block.json default: Acme Inc.. Saved as `companyName`. |
| Company Blurb | Multiline text field in the inspector. block.json default: Acme Inc. is a leading provider of innovative software solutions that help businesses grow faster and smarter. Founded in 2018, we serve over 10,000 customers worldwide.. Saved as `companyBlurb`. |
| Show Press Contact | On/off toggle in the inspector. On by default. Saved as `showPressContact`. |
| Press Email | Text field in the inspector. block.json default: press@example.com. Saved as `pressEmail`. |
| Show Download All Button | On/off toggle in the inspector. On by default. Saved as `showDownloadAll`. |
| Button Label | Text field in the inspector. block.json default: Download Full Press Kit. Saved as `downloadAllLabel`. |
| Button URL | Text field in the inspector. block.json default: #. Saved as `downloadAllUrl`. |
| Show Brand Colors Section | On/off toggle in the inspector. On by default. Saved as `showBrandColors`. |
| Name | Text field in the inspector. |
| Label | Text field in the inspector. |
| Description | Text field in the inspector. |
| File URL | Text field in the inspector. |
| Preview Image URL (optional) | Text field in the inspector. |
| Type | Select control; the chosen value is saved on the block. Options: Logo; Document; Photo; Other. |
| Heading | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `headingTypo`. |
| Eyebrow | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `eyebrowTypo`. |
| Subtext | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `subtextTypo`. |
| Body Text | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `bodyTypo`. |
| Asset Label | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `assetLabelTypo`. |
| Asset Description | Shared Blockenberg typography popover (family, size, weight, spacing). Saved as `assetDescTypo`. |
| Colors — Background | Color control in the inspector. block.json default: #ffffff. Saved as `bgColor`. |
| Heading | Color control in the inspector. block.json default: #111827. Saved as `headingColor`. |
| Subtext | Color control in the inspector. block.json default: #6b7280. Saved as `subColor`. |
| Eyebrow | Color control in the inspector. block.json default: #6366f1. Saved as `eyebrowColor`. |
| Card BG | Color control in the inspector. block.json default: #f8fafc. Saved as `cardBg`. |
| Card Border | Color control in the inspector. block.json default: #e2e8f0. Saved as `cardBorder`. |
| Download Button BG | Color control in the inspector. block.json default: #6366f1. Saved as `downloadBg`. |
| Download Button Text | Color control in the inspector. block.json default: #ffffff. Saved as `downloadColor`. |
| Company Blurb Text | Color control in the inspector. block.json default: #374151. Saved as `blurbColor`. |
What the front-end script actually does
- The view script reads HTML data attributes: data-opts, data-rendered.
When this is the right block
- Press/media kit section with brand assets (logos, colors, photos, documents), company blurb, and download buttons. Perfect for press pages and media rooms — that is the job of Press Kit, not a generic content block.
- Use it when you need the editor control labeled “Max Width (px)”, which exists on this block’s inspector.
- It matches pages about press, media, kit.
- Inserter grouping: company, service, and operations pages.
Notes from the implementation
viewScript: this folder’s frontend.js is enqueued on the front end for this block.
FAQ
How do I add the Press Kit block in WordPress?
Install Blockenberg from WordPress.org, edit a page in the block editor, click +, and search for “Press Kit”. It sits under Business. After insert, open Layout and set “Max Width (px)”, “Padding Top (px)”, “Padding Bottom (px)”, “Company Name”.
What makes Press Kit different from other Blockenberg blocks?
Press/media kit section with brand assets (logos, colors, photos, documents), company blurb, and download buttons. Perfect for press pages and media rooms. Inspector labels on this block include “Max Width (px)”, “Padding Top (px)”, “Padding Bottom (px)”, “Company Name”.
Is the Press Kit Gutenberg block free?
Yes. Press Kit ships inside Blockenberg. Get the plugin from WordPress.org — no paid add-on is required for this block.
Can I style Press Kit to match my theme?
Yes. Blockenberg’s shared typography and color panels apply here, plus any block-specific style controls listed on this page (panels: Layout, Company Info, Download All, Brand Colors).
Related business blocks
Media Kit
Downloadable brand and media kit with logos, colors, typography, and asset downloads.
Media Coverage
"As Featured In" press section with publication logos, grayscale hover effects, and an optional featured pull quote from a specific outlet. Common on landing pages and about pages. Different from Logo Wall (general) and Trust Bar (security badges).
Brand Kit
Brand style guide: colour swatches, typography specimens, logo variants, and brand values — all in one block.
Resource Hub
Organized resource library with category filter pills, resource cards (guide, video, template, tool), and optional featured resource. For content marketing and lead gen pages.
Story Section
Full-width founder or brand story section with photo, pull quote, and milestones.
About Section
Ready-made About Us section with split image/video + text layout, optional company stats row, badge label, CTA buttons, and full background/color controls.
Get Blockenberg
Install Blockenberg from WordPress.org, then insert Press Kit from the Gutenberg inserter.