Title: Gutenberg Tile Block
Author: David Sword
Published: <strong>20 Φεβρουαρίου  2018</strong>
Last modified: 9 Δεκεμβρίου  2018

---

Αναζήτηση πρόσθετων

![](https://ps.w.org/sword-layouts/assets/banner-772x250.png?rev=1825519)

Αυτό το πρόσθετο **δεν έχει δοκιμασθεί με τις 3 τελευταίες κύριες εκδόσεις του WordPress**.
Μπορεί να μην αναπτύσσεται ή να υποστηρίζεται άλλο και να έχει προβλήματα συμβατότητας
με τις πιο πρόσφατες εκδόσεις του WordPress.

![](https://ps.w.org/sword-layouts/assets/icon-256x256.png?rev=1825528)

# Gutenberg Tile Block

 Από [David Sword](https://profiles.wordpress.org/davidsword/)

[Λήψη](https://downloads.wordpress.org/plugin/sword-layouts.1.0.8.zip)

 * [Λεπτομέρειες](https://el.wordpress.org/plugins/sword-layouts/#description)
 * [Κριτικές](https://el.wordpress.org/plugins/sword-layouts/#reviews)
 *  [Εγκατάσταση](https://el.wordpress.org/plugins/sword-layouts/#installation)
 * [Ανάπτυξη](https://el.wordpress.org/plugins/sword-layouts/#developers)

 [Υποστήριξη](https://wordpress.org/support/plugin/sword-layouts/)

## Περιγραφή

Layout blocks for **[Gutenberg](https://wordpress.org/plugins/gutenberg/)** that
create more interesting and modern page designs.

 * Stagger small blurbs of text along side beautiful images
 * Creates a “magazine” style to your webpage
 * Fully responsive

#### Please Note

 * 🚀 This is a beta plugin – things will be rocky.
 * 🚧 This is a Work In Progress
 * ⚠️ Please [open a support request](https://wordpress.org/support/plugin/sword-layouts)
   [or add as an issue on Github](https://github.com/davidsword/sword-layouts/issues)
   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).
 * 👨🏻‍💻 Please visit [Github](https://github.com/davidsword/sword-layouts/) for
   development
 * 🤓 If you have any additional requests, please use [the Support tab](https://wordpress.org/support/plugin/sword-layouts).

#### Big shouts to

 * 🙏 [@ahmadawais](https://github.com/ahmadawais/create-guten-block) for the create-
   guten-block foundation
 * 🙏 [@zgordon](https://gutenberg.courses/development/) for the Gutenberg teaching

### TODO

 * [ ] Add FAQ about “Padding: Top Bottom”, as it only applies on mobile and when
   the text is greater than the images size squared.
 * [ ] Placeholder text for RichText not prominent enough
 * [ ] Add Contrast checker
 * [ ] Move InspectorControls to own component

## Στιγμιότυπα

[⌊Tile - frontend⌉⌊Tile - frontend⌉[

Tile – frontend

[⌊Tile - within Gutenberg⌉⌊Tile - within Gutenberg⌉[

Tile – within Gutenberg

## Εγκατάσταση

 * from your Plugin browser on your site, or
    - download the plugin and extract the files and upload `sword-layouts` to your`/
      wp-content/plugins/` directory
    - Activate the plugin through the ‘Plugins’ menu in WordPress

## Συχνές Ερωτήσεις

  Where can I find the block?

Within the Gutenberg editor, + Add Block > Layouts > Tile

  Why is there space between the blocks in the editor but not the front end?

Blocks need some padding in the editor for usability. The front end blocks will 
touch, creating the seamless Tile design.

  How do I get the image on the left, and the text on the right?

Select the block.

The right hand side of the editor should be the Settings pane. If it’s not present,
hit the cog (gear wheel) in the top right to toggle view.

There’s tabs for “Document” and “Block”, click the latter.

Turn “Invert Layout” on.

## Κριτικές

Δεν υπάρχουν αξιολογήσεις για αυτό το πρόσθετο.

## Συνεισφέροντες & Προγραμματιστές

“Gutenberg Tile Block” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει
στη δημιουργία του.

Συντελεστές

 *   [ David Sword ](https://profiles.wordpress.org/davidsword/)

[Μεταφράστε το “Gutenberg Tile Block” στην γλώσσα σας.](https://translate.wordpress.org/projects/wp-plugins/sword-layouts)

### Ενδιαφέρεστε για την ανάπτυξη;

[Περιηγηθείτε στον κώδικα](https://plugins.trac.wordpress.org/browser/sword-layouts/),
ανατρέξτε στο [αποθετήριο SVN](https://plugins.svn.wordpress.org/sword-layouts/)
ή εγγραφείτε στο [αρχείο καταγραφής αλλαγών ανάπτυξης](https://plugins.trac.wordpress.org/log/sword-layouts/)
μέσω [RSS](https://plugins.trac.wordpress.org/log/sword-layouts/?limit=100&mode=stop_on_copy&format=rss).

## Σύνοψη αλλαγών

#### 1.0.8

 * Dec 8, 2018
 * Compatibility for WP 5.0 (better late than never!)
 * README changes, added video
 * fixed Enqueue
 * remove use of npm `classnames`
 * `alignfull` now set with BlockAlignmentToolbar instead of being hardcoded
 * replaced ColorPalette and PanelColor with PanelColorSettings

#### 1.0.7

 * Sep 8, 2018
 * Fixed issue with obnoxious padding on Media Upload placeholder
 * Added blank index.php files in dirs for security

#### 1.0.6

 * Sep 8, 2018
 * Changed icon to a new custom one
 * Added spacing padding settings
 * fixed alignment of toolbar, above text regardless of invert
 * changed use of button to buttonIcon
 * changed custom upload button to Placeholder component
 * added text and background colors
 * added padding and width range controls
 * removed dashicons

#### 1.0.5

 * Aug 14, 2018
 * Updated for Gutenberg 3.5
 * Renamed plugin for easier search keywords

#### 1.0.4

 * Jul 2, 2018
 * updated code for Gutenberg 3.1.1
 * changed some wp.blocks.* to wp.editor.*

#### 1.0.3

 * May 18, 2018
 * code updates to work with Gutenberg 2.8.0
 * changed CSS from grid to flexbox
 * reduced screenshots

#### 1.0.2

 * Feb 20, 2018
 * minor fixes to CSS grid (for better browser support)
 * more readme changes

#### 1.0.1

 * Feb 19, 2018
 * readme fixes, minor changes to block name

#### 1.0.0

 * Feb 17, 2018
 * Initial release

## Μεταστοιχεία

 *  Version **1.0.8**
 *  Τελευταία ενημέρωση: **πριν από 8 έτη**
 *  Ενεργές εγκαταστάσεις: **10+**
 *  Έκδοση WordPress: ** 5.0.0 ή νεότερη **
 *  Δοκιμασμένο μέχρι: **5.0.0**
 *  Έκδοση PHP: ** 5.6.0 ή νεότερη **
 *  Language
 * [English (US)](https://wordpress.org/plugins/sword-layouts/)
 * Ετικέτες:
 * [blocks](https://el.wordpress.org/plugins/tags/blocks/)[gutenberg](https://el.wordpress.org/plugins/tags/gutenberg/)
   [layouts](https://el.wordpress.org/plugins/tags/layouts/)[modern](https://el.wordpress.org/plugins/tags/modern/)
   [page builder](https://el.wordpress.org/plugins/tags/page-builder/)
 *  [Σύνθετη Προβολή](https://el.wordpress.org/plugins/sword-layouts/advanced/)

## Αξιολογήσεις

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/sword-layouts/reviews/#new-post)

[Δείτε όλες τις κριτικές](https://wordpress.org/support/plugin/sword-layouts/reviews/)

## Συντελεστές

 *   [ David Sword ](https://profiles.wordpress.org/davidsword/)

## Υποστήριξη

Έχετε κάτι να πείτε; Χρειάζεστε βοήθεια;

 [Φόρουμ υποστήριξης](https://wordpress.org/support/plugin/sword-layouts/)

## Δωρεά

Θα θέλατε να υποστηρίξετε την προαγωγή αυτού του πρόσθετου;

 [ Κάντε δωρεά σε αυτό το πρόσθετο ](https://davidsword.ca/🍺/)