GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → BinaryMoon → browser-shots

BinaryMoon / browser-shots

Licence: GPL-2.0 license
A WordPress plugin for taking screenshots of websites using the block editor.

Programming Languages

javascript
184084 projects - #8 most used programming language
PHP
23972 projects - #3 most used programming language
SCSS
7915 projects

Labels

wordpresswordpress-pluginscreenshotgutenberggutenberg-blocksgutenberg-editor

Projects that are alternatives of or similar to browser-shots

gutenberg-workshop
⚒️ A Gutenberg Workshop 🅱️
Stars: ✭ 21 (+23.53%)
Mutual labels:  gutenberg, gutenberg-blocks, gutenberg-editor
slotfill-and-filter-demos
This repo can be used as reference or can be installed as a plugin in any WordPress install to make code changes as needed. Each SlotFill or filter is explained with examples. This is meant to be a working document and will change as Gutenberg does.
Stars: ✭ 93 (+447.06%)
Mutual labels:  gutenberg, gutenberg-blocks
benenson
A Gutenberg WordPress theme
Stars: ✭ 70 (+311.76%)
Mutual labels:  gutenberg, gutenberg-blocks
icon-block
A simple little WordPress block that allows you add an SVG icon or graphic to your website.
Stars: ✭ 24 (+41.18%)
Mutual labels:  gutenberg, gutenberg-blocks
wp-block-description-list
A wordpress gutenberg block plugin for description lists.
Stars: ✭ 17 (+0%)
Mutual labels:  gutenberg, gutenberg-blocks
Guty-Blocks-2
A minimal, fast development environment for WordPress Gutenberg blocks
Stars: ✭ 52 (+205.88%)
Mutual labels:  gutenberg, gutenberg-blocks
chatterbox
Create chat threads using WordPress Blocks inside app and device wrappers.
Stars: ✭ 18 (+5.88%)
Mutual labels:  gutenberg, gutenberg-blocks
getwid-style-kit
This boilerplate is designed for WordPress theme developers who are interested in developing themes with the new WordPress 5.x Block Editor - Gutenberg.
Stars: ✭ 33 (+94.12%)
Mutual labels:  gutenberg, gutenberg-blocks
qubely
Qubely Blocks – Full-fledged Gutenberg Toolkit
Stars: ✭ 76 (+347.06%)
Mutual labels:  gutenberg, gutenberg-blocks
caxton
Gutenberg pro
Stars: ✭ 22 (+29.41%)
Mutual labels:  gutenberg, gutenberg-blocks
gutenberg-forms
The Next Generation WordPress Form Builder.
Stars: ✭ 98 (+476.47%)
Mutual labels:  gutenberg, gutenberg-blocks
snipped
🖥️ 🖼️ Create fancy screenshots of your code without leaving the editor.
Stars: ✭ 98 (+476.47%)
Mutual labels:  screenshot
video-snapshot
Get snapshots from a video file in the browser 🎥 🌅
Stars: ✭ 63 (+270.59%)
Mutual labels:  screenshot
eightshift-forms
WordPress plugin project for Gutenberg forms
Stars: ✭ 23 (+35.29%)
Mutual labels:  gutenberg
Live-Desktop-Capture
A Live Desktop Capture using Go and WebSockets
Stars: ✭ 42 (+147.06%)
Mutual labels:  screenshot
aino-theme
A Gutenberg-ready WordPress theme.
Stars: ✭ 107 (+529.41%)
Mutual labels:  gutenberg
character-extraction
Extracts character names from a text file and performs analysis of text sentences containing the names.
Stars: ✭ 40 (+135.29%)
Mutual labels:  gutenberg
image-uploader
A program for uploading images, screenshots and other files to a few dozen file hosting services. It has screenshooting capabilities and integrated image editor.
Stars: ✭ 100 (+488.24%)
Mutual labels:  screenshot
asciidoctorj-screenshot
A set of AsciidoctorJ extensions for adding automated screenshots to an AsciiDoc document.
Stars: ✭ 32 (+88.24%)
Mutual labels:  screenshot
Backdoor
A backdoor that runs on Linux and Windows
Stars: ✭ 36 (+111.76%)
Mutual labels:  screenshot
View All Similar Projects ➔

Browser Shots

Browser Shots is a WordPress plugin to automate the process of taking website screenshots.

Shortcode Arguments

// basic shot 600px wide
[browser-shot url="http://link-to-website" width="600"]

// shot with link to other website
[browser-shot url="http://link-to-website" width="700" link="http://www.binarymoon.co.uk/"]

// shot with caption (uses default WordPress caption styles)
[browser-shot url="http://link-to-website" width="700"]Add Caption[/browser-shot]

Gutenberg

As of 1.7, there is a Gutenblock for embedding your screenshots.

Gutenberg Devs

  1. Clone the repository
  2. Run npm install
  3. Edit the block in src/edit.js
  4. To develop run: npm start
  5. To build for deployment run: npm run build && wp i18n make-pot . languages/browser-shots.pot --exclude="/src/js,src/block"
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].