Obaid Hossain

Using jQuery TwentyTwenty plugin, you can create draggeable image slider to anywhere in wordpress. 
This is only two image slider which contains before image and after image. Give it a try and enjoy!
FEATURES:
<ul>
<li>Use shortcode to create the slider in post/page – 
[t20baic id=”unique-id” before=”before-image” after=”after-image“]</li>
<li>To use it in php code – 
‘<?php echo do_shortcode(‘[t20baic id=”unique-id” before=”before-image” after=”after-image“]’);?>’</li>
</ul>
Example:
[t20baic id=”manipulation” before=”http://placehold.it/800×400/ManipulationBefore” after=”http://placehold.it/800×400/ManipulationAfter”]

jQuery TwentyTwenty

Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them!

Oliver Campion

<h4>Options for Twenty Twenty</h4>
This plugin is for Twenty Twenty theme, please see our other plugins for <a href="https://wordpress.org/plugins/options-for-twenty-seventeen/" title="Twenty Seventeen" rel="ugc">Twenty Seventeen</a>, <a href="https://wordpress.org/plugins/options-for-twenty-nineteen/" title="Twenty Nineteen" rel="ugc">Twenty Nineteen</a>, <a href="https://wordpress.org/plugins/options-for-twenty-twenty-one/" title="Twenty Twenty-One" rel="ugc">Twenty Twenty-One</a> and <a href="https://wordpress.org/plugins/template-editor/" title="Block Themes" rel="ugc">Block Themes</a> like Twenty Twenty-Two and Twenty Twenty-Three.
<iframe loading="lazy" title="Customising WordPress Twenty Twenty Theme" width="750" height="422" src="https://www.youtube.com/embed/rG_IkByngZo?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
This plugin adds the following modification options to the default WordPress theme Twenty Twenty …
General Options
<ul>
<li>Option to diable the Inter Var WOFF2 font to speed up the site.</li>
<li>Force all posts and / or pages to use the same template.</li>
<li>Choose default text color.</li>
<li>Remove link underlines.</li>
<li>Change the colors of the social menu icons.</li>
<li>Grid Template for taxonomy / posts / blog pages.</li>
<li>Option to fix background “parallax” effect on Apple iOS mobile devices.</li>
<li>Option to remove the background image for smaller screens.</li>
</ul>
Navigation Options
<ul>
<li>Change the width of the site’s navigation.</li>
<li>Make main navigation background transparent.</li>
<li>Choose a background color for the main navigation.</li>
<li>Change the site title in the navigation bar.</li>
<li>Move the site description below the site title on large screens.</li>
<li>Style the font case, size, weight and color of the site title.</li>
<li>Hide the site description in the navigation bar.</li>
<li>Style the font case, size, weight and color of the site description.</li>
<li>Style the font case, size, weight and color of the main navigation links.</li>
<li>Change the color of submenu background and links.</li>
<li>Hide “Menu” and “Search” text below icons in the main navigation.</li>
<li>Change menu toggle to a hamburger icon.</li>
<li>Hide social menus.</li>
<li>Align footer social menu.</li>
</ul>
Header Options
<ul>
<li>Hide archive headers.</li>
<li>Align the archive titles.</li>
<li>Remove the prefix from archive titles.</li>
<li>Style the font case, size, weight and color of the archive, post and page titles.</li>
<li>Align the archive description.</li>
<li>Hide all headers.</li>
<li>Make the header background transparent.</li>
<li>Use the feeatured image as the header background.</li>
<li>Change the width of the site’s header.</li>
<li>Hide the categories in the post header.</li>
<li>Change the colour of the categories in the post header.</li>
<li>Change the height of the padding above and below the archive header title.</li>
<li>Change the height of the padding above and below the post / page header title.</li>
<li>Hide all header titles.</li>
<li>Align the header titles.</li>
<li>Style the font case, size, weight and color of the header title.</li>
<li>Hide the excerpt on single posts.</li>
<li>Change the font size of the except on single posts.</li>
<li>Align the header post meta.</li>
<li>Choose post meta items (Author, Categories, Comments, Post Date, Sticky, Tags) below the post title.</li>
</ul>
Content Options
<ul>
<li>Inject Yoast SEO or Breadcrumb NavXT breadcrumbs above page content.</li>
<li>Hide all featured images.</li>
<li>Move featured imagess to the top of the page.</li>
<li>Make featured images full width.</li>
<li>Change the width of the site’s content.</li>
<li>Choose a color for links in the site’s content.</li>
<li>Choose post meta items (Author, Categories, Comments, Post Date, Sticky, Tags) below the post.</li>
<li>Style the post separator.</li>
<li>Hide previous and next post links.</li>
<li>Choose a button background color.</li>
</ul>
Footer Options
<ul>
<li>Push footer to the bottom of the browser window.</li>
<li>Choose a background color for the footer area.</li>
<li>Change the padding / margin for all parts of the footer.</li>
<li>Change the color of footer text and links.</li>
<li>Style the font case, size, and weight of the footer navigation links.</li>
<li>Change the height of the padding above and below the footer widgets.</li>
<li>Center footer widgets when using a single footer widget area.</li>
<li>Hide the site footer.</li>
<li>Hide the copyright.</li>
<li>Remove the “Powered by WordPress” text displayed in the website footer.</li>
<li>Change the font size of the “Powered by WordPress” text.</li>
<li>Hide the “To The Top” link and align the copyright text.</li>
</ul>
General Color Options
<ul>
<li>Choose a primary color hue using a hex control.</li>
</ul>
Cover Template Options
<ul>
<li>Choose a background color for the Cover Template main navigation.</li>
<li>Choose an alternate logo for the Cover Template.</li>
<li>Change the color of the Cover Template main navigation links.</li>
</ul>
… and the following options for users who have upgraded to the premium plugin …
<ul>
<li>Override “Force Template” option on individual posts / pages.</li>
<li>Add “True Parallax” effect to the background image.</li>
<li>Use Cover Template on taxonomy pages</li>
<li>Inject a sidebar into the theme.</li>
<li>Align the sidebar to the left or right of the content.</li>
<li>Set the width of the injected sidebar.</li>
<li>Set the width of padding to the left and right of widgets in the sidebar.</li>
<li>Set the height of padding inbetween widgets in the injected sidebar.</li>
<li>Set the font size of widget titles and text in the sidebar.</li>
<li>Choose to limit site search results to a specific post type.</li>
<li>Choose your own Dashicon to use for the menu toggle.</li>
<li>Animate the close menu toggle on the expanded / mobile menu.</li>
<li>Inject a widget area above and / or below the expanded menu.</li>
<li>Inject a widget area above and / or below the mobile menu.</li>
<li>Fix the desktop and / or mobile navigation using a sticky bar or button.</li>
<li>Set the background color of the sticky menu button.</li>
<li>Add a dropshadow to the sticky menus.</li>
<li>Give a 3D animation to the dropshadow on sticky menus.</li>
<li>Option to inject a slider behind the header of the cover template</li>
<li>Options in the editor to hide / show header, header title and featured image</li>
<li>Option in the editor to inject a slider behind the header of the cover template</li>
<li>Order the sections in the site’s footer.</li>
<li>Add a third or fourth widget ready sidebar to the footer area of the theme.</li>
<li>Provide alternate text to replace “Proudly powered by WordPress”.</li>
<li>Injects a link to a chosen “Copyright” page into the footer.</li>
<li>Injects additional social icons (we are taking requests for more)</li>
</ul>
The Twenty Twenty theme does not use jQuery, we use pure JavaScript on the front end of this plugin so it doesn’t need to enqueue jQuery.
This plugin makes use of hooks instead of custom templates which means it will work even after new versions of Twenty Twenty are published by the theme developers without breaking the theme 🙂

Options for Twenty Twenty

As the title says, this plugin adds many options to allow granular adjustments to the appearance of the site without needing to dig into the css classes. A real time saver. Thank you for your time developing and maintaining the code.

Very helpful plugin to extend the customizer of the Twenty Twenty theme

Adds powerful customizer options to modify all aspects of the default WordPress theme Twenty Twenty.

jQuery TwentyTwenty vs Options for Twenty Twenty