In this tutorial we will learn how to create a Creative Commons license to insert into our Wordpress website.
We will see the different types of Creative Commons licenses that there are and how to download the html code to insert it on our website.
We will also make some variations in the code to improve its visualization.
Finally we will see an example of a website where we can download material with a Creative Commons license that we can use in our projects.

Create the Creative Commons License

We ingres into the Creative Commons page,
We ingress at the Share your work tab and in the Choose a license box we enter into Get Started

And we are already on the page where we will create the license. The default page is in English, if we wanted to change the language we would go to the bottom of the page and click on the language we wanted.

Licence features

In the following box we must answer the questions to configure the type of license

Allow adaptations of your works to be shared?

Allow commercial uses of your work?

The licences

We check that the selected license is the one we want.

Attribution CC BY
This license lets others distribute, remix, tweak, and build upon your work, even commercially, as long as they credit you for the original creation. This is the most accommodating of licenses offered. Recommended for maximum dissemination and use of licensed materials.

Attribution-ShareAlike CC BY-SA
This license lets others remix, tweak, and build upon your work even for commercial purposes, as long as they credit you and license their new creations under the identical terms. This license is often compared to “copyleft” free and open source software licenses. All new works based on yours will carry the same license, so any derivatives will also allow commercial use. This is the license used by Wikipedia and is recommended for materials that would benefit from incorporating content from Wikipedia and similarly licensed projects.

Attribution-NoDerivs CC BY-ND
This license allows for redistribution, commercial and non-commercial, as long as it is passed along unchanged and in whole, with credit to you.

Attribution-NonCommercial CC BY-NC
This license lets others remix, tweak, and build upon your work non-commercially, and although their new works must also acknowledge you and be non-commercial, they don’t have to license their derivative works on the same terms.

Attribution-NonCommercial-ShareAlike CC BY-NC-SA
This license lets others remix, tweak, and build upon your work non-commercially, as long as they credit you and license their new creations under the identical terms.

Attribution-NonCommercial-NoDerivs CC BY-NC-ND
This license is the most restrictive of our six main licenses, only allowing others to download your works and share them with others as long as they credit you, but they can’t change them in any way or use them commercially.


To the licence text you can add the data referring to the attribute of the work, this is totally optional, in the case that we want them to appear we must fill in the following box:

Obtaining the HTML code

Now we can see the image of the definitive license with the text. We copy the code that appears in the box.

Insertar el código en nuestra página web

Abrimos nuestra web como administrador nos aparecerá el escritorio de WordPress.

In the menu, appearance, we see a drop-down, we click on Widgets.

We choose the custom HTML widget and drag it to the section of the web where we want it to appear, the sections that we have available may vary depending on the theme that we have activated, on this web I have activated the Hestia theme.

We open the Bridget and paste the code inside it and save

We have already inserted the code on our website


Si queremos que cuando se haga clic en el enlace de la licencia este se abra en una página nueva sin salir de nuestra web ponemos el código: target=»_blank» dentro del enlace

Si queremos eliminar el enlace del texto borramos el código del enlace que esta delante del texto <a href="”link”">

Si queremos modificar el tamaño del texto, metemos el texto dentro de un párrafo <p>texto</p> y dentro del párrafo ponemos el código style=»font-size: x %» donde x será el porcentaje que queremos darle al texto

And it will be like this:

<a rel="»license»" href="»»" target="»_blank»"><img alt="»Licencia" de creative commons» style="»border-width:0″" src="»×31.png»" /></a><br /><p style= "«font-size:80%»">This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License</p>

You can see in the footer how it appears



Leave a Reply

Your e-mail address will not be published. Required fields are marked *