David Sword

Layout blocks for <a href="https://wordpress.org/plugins/gutenberg/" rel="ugc">Gutenberg</a> that create more interesting and modern page designs.
<ul>
<li>Stagger small blurbs of text along side beautiful images</li>
<li>Creates a “magazine” style to your webpage</li>
<li>Fully responsive</li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/NPl8eegbots?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Please Note</h4>
<ul>
<li>🚀 This is a beta plugin – things will be rocky.</li>
<li>🚧 This is a Work In Progress</li>
<li>⚠️ Please <a href="https://wordpress.org/support/plugin/sword-layouts" rel="ugc">open a support request</a> <a href="https://github.com/davidsword/sword-layouts/issues" rel="nofollow ugc">or add as an issue on Github</a> before summiting a negative review, I’m happy to help, please provide as much information as possible (screen recordings, WordPress and PHP versions, able-to-replicate instructions).</li>
<li>👨🏻‍💻 Please visit <a href="https://github.com/davidsword/sword-layouts/" rel="nofollow ugc">Github</a> for development</li>
<li>🤓 If you have any additional requests, please use <a href="https://wordpress.org/support/plugin/sword-layouts" rel="ugc">the Support tab</a>.</li>
</ul>
<h4>Big shouts to</h4>
<ul>
<li>🙏 <a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">@ahmadawais</a> for the create-guten-block foundation</li>
<li>🙏 <a href="https://gutenberg.courses/development/" rel="nofollow ugc">@zgordon</a> for the Gutenberg teaching</li>
</ul>
<h3>TODO</h3>
<ul>
<li>[ ] Add FAQ about “Padding: Top Bottom”, as it only applies on mobile and when the text is greater than the images size squared.</li>
<li>[ ] Placeholder text for RichText not prominent enough</li>
<li>[ ] Add Contrast checker</li>
<li>[ ] Move InspectorControls to own component</li>
</ul>

Gutenberg Tile Block

Tile block for Gutenberg that help create more interesting and modern WordPress pages.

GeroNikolov

Most of the translation plugins are built in very complicated and messy way… 
That’s why with WP_BASE_TRANSLATE you can create, edit or remove new languages in just a few clicks!
When the plugin is installed it performs the following things:
<ul>
<li>Registers the Language Custom Post Type (CPT)</li>
<li>Creates the _WP_PREFIX_page_language_relations table in your installation Database</li>
<li>Adds page language metabox to Post / Page (it works with all CPTs as well)</li>
<li>Adds avalilable languages metabox on which your page can be translated</li>
</ul>
How to add a new language?
The languages are registered in your database as Posts from Language CPT. 
So to create a new language just go to Languages > Add new > Enter name (as title of the post) > Choose the icon of the language (optional as featured image).
That’s it!
How to translate?
As we mentioned above you can translate every post from a CPT in your WordPress installation.
To achieve that the plugin is registering a meta box called Available Languages, which represents the list of all available languages (as active buttons) on which you can translate the specific page. 
Before you can start translating, you have to choose the current language of the page from the Page Language dropdown box. That will tell the plugin which is the parent language and connect the translated versions with it. 
Once you do that, you just have to select the language on which you want to see your page and start translate the content in it.
That’s all!
How it works on the front?
WP_BASE_TRANSLATE is meant to be easy, so if you currently have a language menu option connected on your website it’ll work with it. 
The only requirement for the plugin to work properly is to add lang parameter in your page URL.
Example: http://geronikolov.com/blog —> http://geronikolov.com/blog?lang=bg (that will call the Blog page translated in Bulgarian)
What happens if I don’t have that language implementation in my site?
WP_BASE_TRANSLATE gives you a simple language dropdown menu, which can be placed everywhere you want it! 
Do add to your Posts, Pages or Code, just use this shortcode – [language_menu]
How to build the Language listing menu?
Since the plugin doesn’t provide a hardcoded menu, it provides a very flexible back-end method for implementing it with your website. 
The core of the plugin gives you a function called get_registered_languages() which returns an Array of Objects which represent the registered Language objects.
Every language object has:
<ul>
<li>Language ID: That’s the ID of the Post in the database</li>
<li>Language Name: That’s the Title of the Post</li>
<li>Language Code: That’s the small version of your language title, for example if you have EN as title, the code will be en. In the navigation menu you should use it as value of the lang parameter.</li>
<li>Language Full Name: That’s the full name of the language. Example: EN = English; ES = Espanol;</li>
<li>Language Slug: That’s the post slug you’ve choosed from the WordPress Dashboard. By default it’s smaller version of the title equal to the Language Code</li>
<li>Language Link: That’s the permalink of the Language Post Object.</li>
<li>Language Author: That’s the ID of the Administrator who created the language in your WordPress installation.</li>
<li>Language Icon: That’s the link to the language icon, which was selected from the WP Dashboard. Usually it’s the flag of the Parent Country of the language.</li>
</ul>
The wpbt_get_registered_languages() function can be found in the functions.php file positioned in the root folder of the plugin.
Functions list: functions.php 
wpbt_get_registered_languages() 
wpbt_get_translation_id()
How to contribute?
You just have to clone the repository and build!
If you want to extend the WP_BASE_TRANSLATE Core make sure to add small comment block above each of your functions.
The code block should look like:
<pre>
/*
* Function name: example_function
* Function arguments: $post_id [ INT ]
* Function purpose: This function is just for an example.
*/
function example_function( $post_id ) { return "John Snow is alive!"; }
</pre>
<a href="https://github.com/Gero0Nikolov/wp-base-translate" rel="nofollow ugc">Join the contributions!</a>

WP Base Translate

This plugin will allow you to create a multilingual website in just a few clicks.

Gutenberg Tile Block vs WP Base Translate