SlideShare a Scribd company logo
1 of 15
www.multidots.com
Gutenberg - WordPress in
a New “Avataar”
Let's Start with Gutenberg
www.multidots.com
• Gutenberg - a new editor built for WordPress.
• It is named after Johannes Gutenberg.
• He was the inventor of a Printing Press with movable type, some 500
years ago.
• It introduces the concept of “Little Blocks” to make WordPress easy to
use.
• WordPress Gutenberg will replace the current WP Editor - TinyMCE.
• Matt Mullenweg, the founder, is the one behind launching Gutenberg in
WordPress core.
Little Blocks (Build Large Platform)
www.multidots.com
• Block is a term used to describe units of markup, which combined
together forms the content or layout of a webpage.
• The whole idea of blocks combines the concepts of WordPress that, at
present, could be achieved with the help of short codes, HTML, embeds,
user experience, etc.
• Gutenberg update will incorporate content in WordPress blocks from
backend. It will automatically add blocks to the websites having
updated WordPress.
Block Types
www.multidots.com
Common Block
Formatting Block Layout Blocks
Widgets
Types Of Blocks
01 - Common Blocks
www.multidots.com
Paragraph
Images
Gallery
Heading
Quote
List
Cover
Audio
Video
02 - Formatting Blocks
www.multidots.com
Pull Quote Table
Performatted
Code
Custom HTML
Custom Test Verse
03 - Layout Block
www.multidots.com
The layout block includes options such as :
1. Separator (to separate blocks from one another, to have a clear differentiation among blocks)
2. Button (to insert button directly in the visual editor)
3. Text Columns (to insert text in different columns).
Layout Blocks
Separator Button Text Columns
03 - Widget Blocks
www.multidots.com
Widget block includes the options such as :
1. Latest posts (to show the latest posts being published on the website)
2. Shortcodes (to include shortcodes wherever required during the development of the project)
3. Text Columns (to change the content to be displayed on the navigators like button, menu, etc.)
Latest Posts
Short Codes
Text Columns
Widgets
New Features in Gutenberg
www.multidots.com
Some other features of Gutenberg are are:
1. Easily workable on Mobile
2. Introduction of Table and Text Block
3. Comments automatically stored in HTML
4. Drag and Drop option for images
5. Option to see recently used block
6. Cover Text
7. Slash Autocomplete
8. Anchor Support
9. Word Count
10.Button and Embed Options
Short Codes
Text Columns
Intuitive Interface
With Gutenberg update, WordPress will have intuitive interface.
The options provided in the new interface are as follows:
www.multidots.com
Drag and Drop Option
Live HTML Blocks
Slash Autocomplete
Cover Text Options
Intuitive Interface
With Gutenberg update, WordPress will have intuitive interface.
The options provided in the new interface are as follows:
www.multidots.com
Table of Content Option
Anchor Supports
Word & Block Count
Block informtion stored as HTML comments
Futuristic WordPress (Let's Have a Look)
www.multidots.com
Improved Interface
Enhanced user experience
Building system with easy block integration
Full width templates
Smooth & distraction free experience
Robust development platform for enterprises and large organizations
01
02
03
04
05
Futuristic Wordpress (Let's Have a Look)
www.multidots.com
Enhanced workability on mobile devices
New visual styles to grow exponentially
Freedom to create own custom blocks
Scalable System Formation
Robust development platform for enterprises and large organizations
06
07
08
09
[ Continued ]..
Futuristic WordPress (Let's Have a Look)
Small and large enterprises will benefit from this update across all levels.
It would help them grow exponentially to form a scalable system. Also,
this would give organizations a better experience for both developers as
well as users.
www.multidots.com
Multidots Solutions Pvt. Ltd.
C-202, Ganesh Meridian, Nr. Sola Over Bridge, S.G. Highway,
Sola Ahmedabad – 380060, Gujarat, INDIA
+91-79-2970-8121
Multidots Inc.
2301 Gallows Road Suite 205, Dunn Loring,
Virginia – 22027, United States
+1-646-568-5447
inquiry@multidots.com inquiry.multidots

More Related Content

Similar to Wordpress New Avatar - Gutenberg

Introduction to word press
Introduction to word pressIntroduction to word press
Introduction to word press
Lucky Ali
 

Similar to Wordpress New Avatar - Gutenberg (20)

Introduction to Gutenberg- Imran Sayed
Introduction to Gutenberg- Imran SayedIntroduction to Gutenberg- Imran Sayed
Introduction to Gutenberg- Imran Sayed
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
 
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - GutenbergMeetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
 
Introducing gutenberg
Introducing gutenbergIntroducing gutenberg
Introducing gutenberg
 
Word press gutenberg tutorial
Word press gutenberg tutorialWord press gutenberg tutorial
Word press gutenberg tutorial
 
Web 2.0: characteristics and tools (2010 eng)
Web 2.0: characteristics and tools (2010 eng)Web 2.0: characteristics and tools (2010 eng)
Web 2.0: characteristics and tools (2010 eng)
 
Ghost BLOG CMS Documentation via www.cemates.me
Ghost BLOG CMS Documentation via www.cemates.meGhost BLOG CMS Documentation via www.cemates.me
Ghost BLOG CMS Documentation via www.cemates.me
 
Choosing A Web Cms And Intro To Modx
Choosing A Web Cms And Intro To ModxChoosing A Web Cms And Intro To Modx
Choosing A Web Cms And Intro To Modx
 
Introduction to TomatoCMS
Introduction to TomatoCMSIntroduction to TomatoCMS
Introduction to TomatoCMS
 
Vskills Wordpress Developer Sample Material
Vskills Wordpress Developer Sample MaterialVskills Wordpress Developer Sample Material
Vskills Wordpress Developer Sample Material
 
An (Updated) Introduction to Gutenberg
An (Updated) Introduction to GutenbergAn (Updated) Introduction to Gutenberg
An (Updated) Introduction to Gutenberg
 
Gutenberg (WidgiLabs Training Sessions)
Gutenberg  (WidgiLabs Training Sessions)Gutenberg  (WidgiLabs Training Sessions)
Gutenberg (WidgiLabs Training Sessions)
 
Raju html
Raju htmlRaju html
Raju html
 
Introduction to word press
Introduction to word pressIntroduction to word press
Introduction to word press
 
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations TeamBe the Change: The Future of WordPress with WP Engine's Developer Relations Team
Be the Change: The Future of WordPress with WP Engine's Developer Relations Team
 
WordPress 101
WordPress 101WordPress 101
WordPress 101
 
Wordpress instruction for 675
Wordpress instruction for 675Wordpress instruction for 675
Wordpress instruction for 675
 
Basic word press
Basic word pressBasic word press
Basic word press
 
Word press 01
Word press 01Word press 01
Word press 01
 
HTML 5
HTML 5HTML 5
HTML 5
 

More from Multidots Solutions Pvt Ltd

More from Multidots Solutions Pvt Ltd (10)

Augmented Reality in Retail Industry
Augmented Reality in Retail IndustryAugmented Reality in Retail Industry
Augmented Reality in Retail Industry
 
Introduction to headless browsers
Introduction to headless browsersIntroduction to headless browsers
Introduction to headless browsers
 
Capabilities of Sharepoint Development
Capabilities of Sharepoint DevelopmentCapabilities of Sharepoint Development
Capabilities of Sharepoint Development
 
Test your website for Web Accessibility
Test your website for  Web AccessibilityTest your website for  Web Accessibility
Test your website for Web Accessibility
 
Making Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web AccessibilityMaking Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web Accessibility
 
Beaconly - Beacon Management Software
Beaconly - Beacon Management SoftwareBeaconly - Beacon Management Software
Beaconly - Beacon Management Software
 
Going Digital - Paper to Electronic Record Management(ERM) System
Going Digital - Paper to Electronic Record Management(ERM) SystemGoing Digital - Paper to Electronic Record Management(ERM) System
Going Digital - Paper to Electronic Record Management(ERM) System
 
Explore WordPress VIP with Multidots
Explore WordPress VIP with MultidotsExplore WordPress VIP with Multidots
Explore WordPress VIP with Multidots
 
20 Tips to get maximum bang for your buck at WordCamps
20 Tips to get maximum bang for your buck at WordCamps20 Tips to get maximum bang for your buck at WordCamps
20 Tips to get maximum bang for your buck at WordCamps
 
10 point check-list for building conversion-friendly WordPress Websites
10 point check-list for building conversion-friendly WordPress Websites10 point check-list for building conversion-friendly WordPress Websites
10 point check-list for building conversion-friendly WordPress Websites
 

Recently uploaded

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 

Wordpress New Avatar - Gutenberg

  • 2. Let's Start with Gutenberg www.multidots.com • Gutenberg - a new editor built for WordPress. • It is named after Johannes Gutenberg. • He was the inventor of a Printing Press with movable type, some 500 years ago. • It introduces the concept of “Little Blocks” to make WordPress easy to use. • WordPress Gutenberg will replace the current WP Editor - TinyMCE. • Matt Mullenweg, the founder, is the one behind launching Gutenberg in WordPress core.
  • 3. Little Blocks (Build Large Platform) www.multidots.com • Block is a term used to describe units of markup, which combined together forms the content or layout of a webpage. • The whole idea of blocks combines the concepts of WordPress that, at present, could be achieved with the help of short codes, HTML, embeds, user experience, etc. • Gutenberg update will incorporate content in WordPress blocks from backend. It will automatically add blocks to the websites having updated WordPress.
  • 4. Block Types www.multidots.com Common Block Formatting Block Layout Blocks Widgets Types Of Blocks
  • 5. 01 - Common Blocks www.multidots.com Paragraph Images Gallery Heading Quote List Cover Audio Video
  • 6. 02 - Formatting Blocks www.multidots.com Pull Quote Table Performatted Code Custom HTML Custom Test Verse
  • 7. 03 - Layout Block www.multidots.com The layout block includes options such as : 1. Separator (to separate blocks from one another, to have a clear differentiation among blocks) 2. Button (to insert button directly in the visual editor) 3. Text Columns (to insert text in different columns). Layout Blocks Separator Button Text Columns
  • 8. 03 - Widget Blocks www.multidots.com Widget block includes the options such as : 1. Latest posts (to show the latest posts being published on the website) 2. Shortcodes (to include shortcodes wherever required during the development of the project) 3. Text Columns (to change the content to be displayed on the navigators like button, menu, etc.) Latest Posts Short Codes Text Columns Widgets
  • 9. New Features in Gutenberg www.multidots.com Some other features of Gutenberg are are: 1. Easily workable on Mobile 2. Introduction of Table and Text Block 3. Comments automatically stored in HTML 4. Drag and Drop option for images 5. Option to see recently used block 6. Cover Text 7. Slash Autocomplete 8. Anchor Support 9. Word Count 10.Button and Embed Options Short Codes Text Columns
  • 10. Intuitive Interface With Gutenberg update, WordPress will have intuitive interface. The options provided in the new interface are as follows: www.multidots.com Drag and Drop Option Live HTML Blocks Slash Autocomplete Cover Text Options
  • 11. Intuitive Interface With Gutenberg update, WordPress will have intuitive interface. The options provided in the new interface are as follows: www.multidots.com Table of Content Option Anchor Supports Word & Block Count Block informtion stored as HTML comments
  • 12. Futuristic WordPress (Let's Have a Look) www.multidots.com Improved Interface Enhanced user experience Building system with easy block integration Full width templates Smooth & distraction free experience Robust development platform for enterprises and large organizations 01 02 03 04 05
  • 13. Futuristic Wordpress (Let's Have a Look) www.multidots.com Enhanced workability on mobile devices New visual styles to grow exponentially Freedom to create own custom blocks Scalable System Formation Robust development platform for enterprises and large organizations 06 07 08 09 [ Continued ]..
  • 14. Futuristic WordPress (Let's Have a Look) Small and large enterprises will benefit from this update across all levels. It would help them grow exponentially to form a scalable system. Also, this would give organizations a better experience for both developers as well as users. www.multidots.com
  • 15. Multidots Solutions Pvt. Ltd. C-202, Ganesh Meridian, Nr. Sola Over Bridge, S.G. Highway, Sola Ahmedabad – 380060, Gujarat, INDIA +91-79-2970-8121 Multidots Inc. 2301 Gallows Road Suite 205, Dunn Loring, Virginia – 22027, United States +1-646-568-5447 inquiry@multidots.com inquiry.multidots