That is why, since I am in flour for to prepare myself for what is to come I am going to share with you some of the things that I have been learning at the time from develop blocks for the new Gutenberg editor of WordPress as well as the adaptation of the themes to Gutenberg .
Just to remind you that I am neither a career programmer nor an expert in Gutenberg ( still), I'm just learning to create blocks for the editor.
Where do I include the blocks, in the theme or in plugins?  We've already mentioned it before, when we were talking about if it's better to edit the functions.php or use a plugin and the base rule is that if something affects the visualization thinks about the subject, and if you add features, use a plugin .
So when we think about blocks we apply the same principle, and since most of the blocks add functionalities to WordPress as a whole, in a key and base utility as is the editor, I think makes more sense as plugins .
What's more, think for a moment … If I change the subject, will I lose the functionality that the block does in my content? The answer will almost always be yes. WordPress will no longer know what to do with the block information, stored in the database, but associated with an active topic that is no longer.
On the contrary, if your block is in a plugin, or you deactivate it, or it will be agnostic of the active theme, it will work with all.
File structure of a block
Although it will always vary from developer to developer, and there is no standard file structure, there are patterns when it comes to develop blocks for Gutenberg .
A typical block plugin consists of a file my-plugin-of-blocks.php used to enqueue the blocks, and a directory / blocks in which to host all your blocks.
Within the directory / blocks you can make sub-folders for specific blocks, such as / custom-block . And inside the directory / block-custom would be your files index.js editor-styles.css and styles.css of your block.
Seen the above, to see it more clearly, we talk about a structure of this style:
wp – content / plugins / mi – ] plugin – of – blocks
├── mi – plugin – de – blocks . php
├── / blocks
├─ 19 / block – custom // a custom block
├── index . js // JS main plugin
├── editor – styles . css // styles for the editor
├── styles . css // styles for cover
├── / other ] – block – custom // another directory of custom blocks
Naming the blocks / namespace
When you register a block, the name you have to structure it as namespace / block-name and in block-name you can only use lowercase, numbers, and simple hyphens, plus you should always start with a letter .
On the other hand, namespace is the name of your plugin. Then in the previous example namespace / block-name it should actually be something like my-plugin-blocks / custom-block .
There are few things in Gutenberg that require compatibility with the themes, mainly because to the nature of how Gutenberg is programmed, and to the difficulty of the blocks to facilitate the proper styles.
The new wide and complete alignments
In this respect the most important thing to keep in mind is the new options of alignment of images alignfull and alignwide . They can be used for images, and also for blocks.
The problem when adding them to blocks is that they may not work on some topics, especially those with sidebars.
Add to the active topic the Compatibility with the new alignments is as easy as calling the function add_theme_support ('align-wide'); in the functions.php file of your theme, like this:
Then do not forget to add styles to the new alignments on the sheet of styles of your theme.
Color palettes of the blocks
One of the coolest things about Gutenberg is the color selector, which offers the developer of themes total control over what colors the color can change user so offer a consistent color palette when creating the content .
To incorporate compatibility of your theme with this functionality, you can add it, with your personalized color palette to the active theme by adding something like this to the functions.php file:
Warning: If you add all these options you can do so in the same function. Do not define 3 times helpwp_setup_theme_supported_features or you'll have an ugly PHP error.
I know it's not much I've told you, but I hope you learned something new about Gutenberg and how to create your We will be seeing more guides and tricks for Gutenberg, and of course you can always leave your own tips and tricks for Gutenberg in the comments.
Surely you've already seen them sometimes, those search results are enriched, the answers from Google.
What is a response box from Google
When you ask a very specific question sometimes Google shows a box with a quick guide extracted from a website, and of course receives many clicks.
It's something like that …
They are excerpts that offer a quick response to the search engine user .
How do I appear in the Google response boxes?
Although Google has nothing documented about it, nor does it intend to do so, in my experience there are some elements that can facilitate specific content results in Google answer boxes .
Answer the "question" in the meta description
If the title of your content is a question, the typical article of " How to do … ", customize your meta description taking advantage of it for there is a short answer to the question that you do yourself.
Help the editor of the Yoast SEO plugin snippet to do it.
Create content that answers to usual questions
Based on the algorithm that Google uses to show answer boxes if something is clear is that looks for them when the search engine user asks a very specific question .
So it's good that in your content you not only explain the general concept of the subject treated but also include paragraphs or another type of content that answers the most typical questions that could arise on the topic of content.
Thus, if for example you entry explains how to install a WordPress theme, in general, it is good that you include sections of how to install a theme by FTP, from the hosting panel or from WordPress, and each of these sections could be susceptible to appear as a response box when a user asks that particular question in the search engine.
Important : Answer briefly the usual questions that may arise, note that the answer boxes are not especially large. Your answer should fit in that rich snippet.
Use lists, content indexes and tables
It seems clear that Google programming parameters make it easier to identify answers to questions when they are in a list format , better if it is numbered
The same thing happens if you give answers to content questions using tables let alone if you use content indexes that by themselves they already give the guide of procedures and answer to the questions that you pose in your content.
Summarize your content
And, always, it is good practice at the beginning or end of your content a summary of it, which can be a good answer box.
This is especially important when your content is broad and does not follow a simple, question structure and answers.
Be exhaustive with the SEO of your content
And, as always, apply all the good SEO practices of usual content, such as creating good headlines, edit title ] and meta description good tagging of your posts, a well-structured site map, etc.
Are Google's answer boxes really worth it?
 Well look, like everything in this life, it depends!
What is clear is that you gain authority, and you should receive more clicks many more, because you automatically appear as the first result in the SERP (English Search Engine Result Pages or search engine result pages).
But this does not always mean you get more clicks it depends a lot on how the answer box is made, and there Google does not try with any information, and the type of content.
Imagine, for example, a question about sports results. If you already give the result, who will click if in the answer box they have everything?
So does not always appear first in the SERP with rich snippets is a guarantee of better SEO sometimes it's even harmful.
How do I avoid appearing in the Google answer boxes
If you go through a problem of this type there is Google that offers us a way to avoid that our page appears in the rich snippets, and this works for all of them, not only for the response boxes.
What you have to do is add to the page in question, that you do not want to appear in the rich snippets, this tag:
< meta name = "googlebot" content = "nosnippet" >  Boxes of answers yes or no?
As you can see, there is no definitive answer, but if you think e this kind of rich snippets, Google response boxes, can sometimes help improve SEO results based on your strategy you know where to start.
If you have had any experience in this sense will be great if you share it in the comments.
One of the most powerful features of the forms module of Divi is the conditional logic that allows to show or hide form fields depending on whether certain conditions are met so let's see how easy it is to use them.
How conditional logic works
The first thing is to know the characteristic, that you will find in each field of your form.
As you see in the previous capture, the first thing is to activate the conditional logic .
Once done this it decides if the rules (more below) what you apply will be all at once or any of them . This is a vital decision for the operation of logic, and the best teacher is the practice and purpose of your form.
To finish, start applying rules about existing fields, and this already gives you a clue: you can not apply conditional logic until you have created all the possible fields of your form .
Operation is simple :
You choose the field to which the rule will apply between created
Defines the conditional logic:
is equal to (an option of your chosen field)
is not equal to (idem)
is greater than (a numerical value of the chosen field)
] is less than (idem)
contains (text, etc. of the chosen field)
does not contain (idem)
is empty (the chosen field)
is not empty (idem)
You select the value to which the conditional logic will be applied between the values of the chosen field.
] The result is that the field to which you apply the conditional logic will only be seen if the rule or rules defined is met, otherwise it will not be displayed.
The best way to see it it is with examples, so we are going to entangle a little with some representatives.
The field offers options
If the field to which you are going to apply the conditional logic is of the drop-down type, checkboxes or radio buttons is almost the most obvious, you just have to choose the conditional logic (equals, is not equal, etc) and choose the field to the value of the available options to which it will be applied .
So, if the field we are editing is of type checkboxes and you have defined that the rule is that you have chosen the field " I want … " the option " Budget Request ", then this field will be displayed .
And in the published form, choosing the option " Budget " will show the field of budget types to which we have applied the conditional logic in addition to all generic fields, with no conditional logic, common to say it in some way.
Choosing field with conditional logic
Applied conditional logic
As you see in the previous example, before selecting a field from the first drop-down are shown the fields without conditional logic (name, email, message) and are only selected by selecting the field with conditional logic, so that – in this case – the client chooses the budget type.
No is an options field
The other broad possibility is when the field from which the logic will emerge is not a list of options but something else plan or.
Imagine, for example, that there is a field for the user to I saw a resume, and if the user chooses it, an additional field is shown to explain its virtues.
You could also add a field whereby if the email address is from the company itself, it will not be shown, since You have your skills. Something like that …
In this way, even if the user selects the value " Work with you ", as I have marked apply all the rules, it will only be shown if the mail does not contain ayudawp.com.
As you see in the screenshots, if you do not enter the email, the aptitude field for the job is shown, but once the enter and match the condition put that field is hidden.
The examples can be many, and you can complicate the form to infinity, applying rules on rules to create really complex forms, with a lot of answers based on varied conditional logics.
This makes the forms module of Divi really powerful, for almost any need. For my taste just lacking a file upload field, otherwise, thanks to the conditional logic, is practically perfect.
From WordPress 4.7 we have in the Customizer the option of " Additional CSS ", with the that add custom CSS classes to our site, and although it is a fantastic utility if you know CSS is a nuisance for which you have no idea or do not want to use it or take up space in the Customizer.
many situations in which it is possible that you prefer not to display the option of " additional CSS " in the Customizer .
From customers of the that you do not trust that they are retouching what they do not owe to collaborators who will be attracted to modify styles of the web at the first exchange.
So let's see several ways of remove the option of " Additional CSS " of Customizer from WordPress .
Remove the additional CSS option from the Customizer
The quickest and easiest way is to add the following code to the file functions.php of the active (child) theme :
Last weekend, from June 1 to 3, 2018, I was in the first WordCamp Irun and, in addition to making an emotional memory , I would like to take up some of the reflections that arose there, to submit them to your judgment and opinion.
Little can be said about WordCamp Irun, or much, or everything, and I mean that being a first WordCamp in Irun has not noticed much, or nothing, or all.
Let's see, I'll explain …
In a first event one would expect errors, and there were none.
In a first event one will find illusion , and there were plentiful, which I hope will not decay.
In a first event one would expect improvisations, and there were none.
It was a perfect event which I hope to enjoy many more years, for the quality of its people, for the enthusiasm of the team, for the beauty of the place, for the food, for everything.
Summing up, an event of 10, seamless, all perfect .
Special mention deserves the dinner of the organization for speakers, sponsors and volunteers, which took place in the Ona Cider House, place to which I will return, and I recommend you to meet at least once in life.
Spectacular food , the impressive location, the cozy atmosphere, everything perfect. No words, all praise.
As in all WordCamp, there was everything from presentations to the general public as other for advanced users, divided into two rooms.
But there was also an innovation, the space podcasters in which throughout the day the most famous WordPress podcasters in Spain had a space fully prepared to make their live programs
I had the pleasure of participating in one of them, Jaime Garmar and as a public in Fernando and Oscar and it is an experience that I recommend expand to other WordCamps.
Of the papers, I obviously could not see all of them, but I would like to highlight some that I especially liked …
How to generate sales in your Ecommerce thanks to Pinterest Business, by Kristina Pach – Fantastic, interesting and very productive stance to take advantage of unknown and profitable spaces. Highly recommended You can see it right here .
WP-CLI to do weekly maintenance of your site, by Javier Casares – A quick review of everything that WP-CLI can do otherwise we would take much longer. Interesting, for all audiences, you just have to lose your fear of the console.
Roboto, Comic Sans, Helvetica? Is it really important to choose the typography for my website ?, by Ana Cirujano – As always, Ana fell in love with the audience by teaching us more about the correct choice of typography for our website. It is already available his paper here .
Not by much plugin install, dawn earlier …, by Jaime Garmar, a very instructive and participative presentation on the criteria when choosing plugins.
Gutenberg, the future of WordPress, by José Ángel Vidania, who made a fantastic presentation about the present and future of the next WordPress editor, Gutenberg .
Oh, and I had the honor of opening and closing WordCamp Irun, first with my presentation on some aspects of the past, present and future of WordPress with the following presentation (and video) …
 And, later, Vidania invited me to be part of the closing of his speech on Gutenberg for which we mounted a kind of combat, known as is my criticism with the way in which Gutenberg has been incorporated to WordPress.
Of this combat they remained memorabl is reviews about everything, but not only, on Twitter …
If you check the videos of my two interventions, the one of my presentation and the one of my final intervention in the one of Vidania, as well as in the episode of the podcast of the WP Club that will leave this week, I wanted that this WordCamp was thinking about where the future of WordPress goes .
And in this Gutenberg has a lot to do …
The software is great, it was needed, Gutenberg is the right way for WordPress to compete face to face with SquareSpace or Wix, be clear .
Unify the layout Visual under a clean system is perfect.
But the process of incorporating Gutenberg into the WordPress global project has been anything but beautiful . As on other occasions it has been Matt Mullenweg who has made the decision and not the WordPress community and was not this a project community driven ?
It seems that it is while Matt has no other priorities for his company, Automattic, and product, wordpress.com which is what seems to have prevailed in this decision to incorporate yes or yes Gutenberg into the essential WordPress code, by phases, instead of offering it, selling it, promoting it, as a plugin.
This has meant that WordPress 5.0 will not come out until the first phase of Gutenberg is ready, which curiously incorporates layout in the entries, where there should never be any layout, neither with Gutenberg, nor with Elementor nor with Divi nor with anything .
And it has meant that the big companies of the WordPress ecosystem bet for it, leaving aside the vast majority, that we are, from ind users ependientes, and free of WordPress.
This is a bad message, a bad decision that will cause many problems.
Problems like that, in the face of the impossibility for thousands of WordPress developers to adapt its plugins and themes to Gutenberg will create a kind of digital security breach in which there will be thousands of WordPress installations that will not be able to immediately update to WordPress 5.0, leaving unsafe installations of WordPress 4.x.
Problems such as unilateral decisions of this type generate distance in the community with Matt, Automattic, and all those who prioritize their commercial interests to the opinions of the WordPress community.
Problems such as will be launching an incomplete product which will also not be able to compete with Wix or SquareSpace, despite the stigma provoked in the community.
WordPress will survive  019]but with wounds, one more, at the core of its essence: the community that creates it, maintains it, makes it big.
As it is clear and notorious that there are many users of Divi Extra and even the Bloom newsletters plugin Bloom all of Elegant Themes we are going to do a review of how you can adapt to the RGPD if you use them.
Deactivate Google Maps API and Google Fonts  If you do not want your web made with Divi to share your users' data with the Google Maps API and much less through Google Fonts you can disable both possibilities.  In Divi> Theme Options just do not put a Google Maps API key and disable Google Fonts your theme will use the installed fonts.
Upload your own sources, or even Google Fonts (private)
If you want to continue using Google Fonts with Divi you can always upload them manually from the divi you just have to download them and upload them, but they will not use external scripts that extract information from your visitors.
You can do it with any module, as you see in the following screenshot …
Excludes the IP address of the subscription banners
A new functionality of the Optin de Divi that has gone very unnoticed is ] the possibility of not saving the IPs of the users who fill in your forms .
And it is important, because the IP address is considered by the RGPD as personal data . So if you collect it you must inform, and if you do not want it at all, Divi gives you the option not to collect it .
Simply uncheck the box " Include IP Address " in the advanced settings tab of the otpin form
It is not mandatory, you just have to make the decision of what to do, and you will know what to report.
Also you can do the same in Bloom's subscription forms .
Protects security in your optin forms
Another little-known adjustment is the possibility of applying attributes that protect the security of users who fill out your forms .
And yes, also the RGPD requires you to protect your users' data .
Add the custom fields in the account of your newsletter service.
Once they exist, when you configure it in Divi and Bloom you can select them.
In the visual constructor choose the one you want, checkbox of acceptance for example, and you add it to your forms
Divi contact forms that comply with the RGPD
In advance I tell you that , although you can create forms with Divi that comply with the RGPD you have to make a small ñapa / trick .
First add your form as always and add a new field, choose type Checkboxes and next to the box you put your text in my example with an asterisk at the end, then we see why.
It's important that the box is not checked in the Options , because the RGPD forbids it, and the field is mandatory.
Now add a new field, and choose type Text area . In the Title box, you enter your first layer information as required by the RGPD. Again mark the field as mandatory.
The structure of the form will look like this:
The final structure of our form will be as follows:
And our Divi form that complies with the RGPD will be this way:
 Logically, the first layer of information should be relevant, yours, not the example I have used. If you just save the forms in your email, put it, of course.
You just have to customize your texts in the new settings screen and it will be displayed when the user clicks on your forms optin .
It looks great, it does not slow down subscriptions, it does not hide your pretty forms, it's easy to configure and will help you easily comply with the RGPD in your subscription forms .
After clicking on the subscription form the overlay is shown
As you can see, Elegant Themes has put the batteries in place, and continues to take care of its users, also with compliance with the RGPD, making it easier to add the new elements with the that protect privacy and right os of our users.