WordPress in only 7 Kb • WordPress Help

If you are committed to the protection of our environment and the carbon footprint that your activity leaves you will already know that everything what has to do with the Internet also leaves a huge carbon footprint.

Internet and CO2 emissions

I am referring to energy consumption mainly, since every web, every tweet, everything requires energy consumption ]and in this current Internet as we know it, multimedia and with enormous resources within the reach of anyone, the consumption of energy, and consequently the carbon footprint, has increased notably .

And yes , WordPress is also participating in it, precisely because of its popularity, because of its growing functionalities, the very fact of the democratization of web creation, which is good in itself, also has that side effect of increase the footprint of carbon .

In fact, it has been assessed that Internet generates more CO2 emissions than all world air traffic .

Can we do something about it?

Since 2009, Greenpeace has been auditing the energy use of Internet companies, and encouraging them to improve with their campaign Clicking Clean . [19659005] Also, the Green Web Foundation has a database of hosting companies that use renewable energy, or at least do not leave a carbon footprint.

And, in addition, there is new tools such as EcoGrader or WebsiteCarbon which analyze the carbon footprint of your website to help measure the environmental impact of our services and products .

Susty WP

A very interesting initiative esante is that of Jack Lenox, who has created the web SustyWP.com and the subject that accompanies it, Susty a sustainable WordPress web.

And the fact is that sustywp.com only requires 7 Kb of transfer for its full load which its carbon footprint is minimal . And what is installed Yoast, which generates 1 Kb.

Some data to highlight from sustywp.com are these:

It seems that there are good arguments to be sustainable with our website do not you think?

How is it? made Susty WP?

Aim, if you want to join the challenge of making WordPress reduce its carbon footprint:

  • The site uses a version of the Underscores theme taken to its minimal expression, the aforementioned theme Susty, which you can download from GitHub .
  • Without widgets area
  • Without drop-down menus
  • Sin web fonts
  • CSS minimized and minimized
  • HTML minimized
  • Without JavaScript
  • GZip of all
  • NGinX Server
  • Fast-CGI Cache
  • Zero images, and if used, in SVG .

Benefits of SustyWP

I guess you'll already have s more or less made your list of benefits, but we summarize it:

  • Search engine scores
  • Ultra fast website
  • Sustainable web and minimum carbon footprint
  • Less resource consumption
  • Less cost de hosting

More information on Jack's blog .

Loading …

May also help you:

Learn WordPress while having breakfast: Avoid installing and uninstalling plugins and themes

In this new video of the series created with SiteGround I explain a wonderful trick that I have been applying for years to client websites to prevent you from installing or uninstalling plugins and themes.

Inside video !

The code spoken of in the video is none other than this:

 define ('DISALLOW_FILE_MODS', true); 

Enjoy it!

The entry Learn WordPress while breakfast: Avoid installation and uninstallation of plugins and themes first published Fernando Tellado in WordPress Help . Do not copy content, do not say anything good about you to your readers.

How to modify the CSS of your WordPress without using a Child Theme

Surely more than once you had to modify the CSS code of your WordPress and have had fear of losing everything when you update the version of your WordPress .

I'm sure that after a lot of reading on the internet at the end you have come to the conclusion that the best solution to change the CSS of your WordPress without losing it with an update is through a Child Theme or son ​​theme .

Well, this process is not a simple topic and requires minimal knowledge even if there are plugins that do it automatically ]

So today I come to bring you a plugin with which you can modify the CSS of your WordPress without having to worry about installing children themes or strange things . You will only need to install the plugin and you will be ready to write lines and lines of CSS code.

The plugin I am talking about is Simple CSS . This wordpress plugin acts as a kind of child theme and gives priority to this style sheet above the rest .

Once the plugin is installed you will only have to put write lines of code in the new plugin .

In case any property you have written in Simple CSS is not respected you simply have to add the code ! Important before ending each property.

Example:

In this way you will ensure that all your properties written in Simple CSS are respected.

Also, with this plugin you can do things as interesting as modify the CSS of a particular WordPress page

 simple plugin css

To do this, you simply have to indicate the page on which the CSS (ID) will be modified and then write the CSS code

To know the ID of a WordPress page you will simply have to edit an entry or page in wordpress and look at the URL that appears once you are editing.

In this URL you will see the ID of the page since it is the number that appears after the code post =

You can also modify the CSS of the WordPress blog section using this code: You can also modify the CSS of the blog section WordPress using this code:

How you can check there are a thousand and one ways to modify the CSS of your WordPress with this plugin even if you use some visual layout ( Divi Elementor Visual Composer ).

Note that this plugin is the perfect complement for this allows to modify the CSS of any part of the web saving resources and optimizing your WordPress to the maximum without Necessity of any Child Theme.

Loading …

That may also help you:

How to disavow links to your website that may be harming your SEO

One of the factors that Google takes into account when positioning your website in the results of the SERP is the number and quality of incoming links .

And in this respect there is an equilibrium relationship, whereby quality links improve your SEO, but those of poor quality hurt you, because they could be considered as toxic links .

How do I locate toxic links?

The best way is to go to the Search Console, where in the "Search traffic" section you will see the sites that most link to your site.

If you detect sites of poor quality, incompatible themes or link farms that link to your website, they could be damaging your SEO.

Likewise, if in the past you made purchases of links to your site , and some update of the Google algorithm has penalized you This would be another clear symptom.

How do I eliminate these toxic links?

If you have toxic links from previous links purchases, it is best to contact the administrators of those websites and ask them to remove links to your website.

You can also have toxic links from comments on blogs, links in forums and directories, almost everything.

Before resorting to seniors you should try to eliminate all these links manually.

If you do not succeed in this endeavor, or there are websites with which you can not contact or are farms that link you massively, the last resort is to use Google Disawow .

Google Disawow

Disawow is a tool from Google where you can request that your search engine disregard incoming links to your website from certain sites.

To get it, first go to the website of the tool, at https: // www. Google com / webmasters / tools / disavow-links-main? pli = 1

Once there, choose the domain for which you want to disavow links.

The next thing you see is a warning from Google to use Disawow with caution, and always as a last resort. Keep it in mind.

Then the tool asks you to upload a txt file with the list of links you want to disavow. The format of the file is simple: a link or domain per line.

More or less it would be something like this:

As you see, you can include comments to Google staff, and the structure allows asking for the elimination of toxic links like URLs or complete domains ( domain: nombredominiomalo.tld ).

Once the file is uploaded you will be shown a summary of the action Done, and you just have to wait.

Last resort

Nothing more, just remember that using Google Disawow should always be the last resort, you could get just the opposite of what you're looking for and hurting your SEO instead of improving it.

Loading …

That may also help you:

Tips that you should keep in mind if you are going to develop blocks for Gutenberg

Although I am not a big fan of how the implementation of Gutenberg has been decided, actually I am very interested in the development of the new WordPress editor itself.

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.

The following tricks are things that I have been learning about entangling and investigating resources like the same plugin Gutenberg ] the basic theme for Gutenberg [1945900] 4] Gutenberg Best Practices and this gem called Create Guten Block .

Do we wear it?

Where do I include the blocks, in the theme or in plugins? [19659008] 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:

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 .

Translations

Yes you have already published a plugin or theme in WordPress.org you should already know how to prepare them for translation .

When working with blocks it is practically the same even though the blocks are create mainly with JavaScript. Basically keep in mind that you should always make your blocks translatable, just like your plugins and themes, and it's also easy to do.

Beware of the issues

The main thing to remember is that blocks can include their own styles necessary for them to work properly. But the themes can overwrite the styles of the blocks as in the example we saw a few days ago .

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:

And you can even go further and disable the custom color picker from Gutenb erg to only show the default options. To do this, add this to your 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.

Summarizing

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.

Loading …

Maybe you too help: