O2 is already here, the evolution of P2

Prologue that theme that turns our installation of WordPress into a Twitter-style social environment, which evolved into P2 now has its older brother in the form of a plugin: O2 .

Unlike its predecessors, O2 is not a theme but a plugin, which is the same, just by activating it, converts a normal installation of WordPress into an active and dynamic communication and collaboration environment, practically a social network in which to share status updates, citations, links, images or complete publications, but all in a controlled environment and with all the virtues and integration with the rest of utilities and advantages of WordPress.

This version of O2, still in early development stage and only available on GitHub requires a previous installation process a little or cumbersome:

  1. Manually install the theme p2-breathe available here in wp-content / themes / p2-breathe
  2. Activate the newly installed theme
  3. If you do not use JetPack, install and activate the plug-in Genericon'd since O2 uses genericons .
  4. If you want to share code inserted in your publications, install the plugin SyntaxHighlighter Evolved the only one compatible to date with O2.
  5. Install the O2 plugin in wp-content / plugins / o2 .
  6. Activate the plugin
  7. Enjoy [19659012] As you have seen the installation is a real pain in the ass to date, but when there are more advanced versions everything will be simplified. So here I leave a zip with everything you need:

    • Topic p2-breathe
    • Plugins Genericon'd and SyntaxHighlighter Evolved
    • Plugin O2

    [download id=”77786″]

    Now, I warn you that it still does not work well at all, and its requirements are high (WordPress 4.2 or higher and PHP 5.3.6 or higher), so it's likely that you'll get a little war to make it work in conditions (I'll I say from experience), but when you get it you will see that you can have an interesting future as a collaborative environment thanks to its virtues:

    • Specialized for use in a network
    • Focus on use on the cover, not in vain is a manager of publications on cover
    • Native infinity scroll, no need for additional plugins
    • Real-time comments
    • Cross-search in various O2 installations
    • Cross-publication in various O2 installations
    • Appointment announcements name or keyword, co in BuddyPress but better
    • Tags shared between various installations
    • Possibility of publishing and commenting by email
    • Loading images and media with drag and drop directly on the cover of the site
    • Integration with JetPack

     ] o2 master demo

    Not for use in production yet, especially since its main virtues of network use are not yet active and is not sufficiently proven in multi-site installations but for the greedy and impatient is a good way to go catching up and start to know their huge future possibilities which has them.

    NOTICE : This publication is from two years ago or more. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

    Loading …

    That may also help you:

Add font icons easily

 font icons wordpress

We've seen a long time ago how to insert font icons specifically those ] Genericons in WordPress, a great way to show attractive visual icons to illustrate our content.

The font icons are great because they are fully scalable to be vectors and you can enlarge them so you want without losing the quality of image, perfect also for retina screens .

They do not require JavaScript, and they are a great way to illustrate our website without using images or other heavier resources ] But what if we could also insert them easily ?, without the need of shortcodes or HTML.

Well for that we have the plugin WP visual icon fonts that, once installed, adds a button in the visual editor to insert the icons of installed fonts.

The same plugin comes in itself with two huge and great icon libraries: those of Genericons (62 icons) and Fontawesome (369 icons) ), more than enough for most uses. Simply check the box of the chosen one on the right and save the changes.

 choose font icons to use in wordpress

Choose on the plugin settings page which use them and from there you can add them to your entries, pages, custom entry types or, if you prefer, include them in your theme for which you only have to copy the generated code, which you can copy from the Text tab of the editor after inserting them into the visual editor.

In the editor, add two new elements, on the one hand the button to insert the icons, and on the other a size selector for the icons, which works as any another button of the visual editor

 insert font icons in wordpress

NOTICE : this publication is from two years ago or more. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

Loading …

That may also help you:

How to add and use "Genericons" in WordPress • WordPress Help

 genericons wordpress

Do not worry, the Genericons are going to become very popular, and not only because be a project son of WordPress. Integrated how they will be in the new theme by default, Twenty Thirteen, offer some beautiful sources of icons designed for use in blogs .

But you do not have to limit yourself only to Twenty Thirteen but you can use them in any WordPress installation, and for that we have two simple ways to do it.

 genericons "width =" 500 "height =" 462 "class =" aligncenter size-medium wp- image-68667 "srcset =" http://bootstrapx.com/wp-content/uploads/2018/07/genericons-500x462.png 500w, https://ayudawp.com/wp-content/uploads/2013/03/ genericons.png 820w "sizes =" (max-width: 500px) 100vw, 500px "/> </a></p>
<h2><span id= … 1. Add genericons manually …

To manually add them to our installation the first thing is download the current package from the official page Once downloaded unzip the zip and upload the source folder and the file genericons.css where you want Use them.

The normal thing in an installation in use would be to upload them to the folder of your active theme (or the child theme) and then link the CSS from the HTML header of your theme ( header.php ), adding this code:

With that you can already use them, but if you prefer you can change the colors of the icons or apply effects to them by creating specific CSS classes: [19659004] For example, to change the color of all the icons:

OR this other to change only the color of an icon:

] … 2. Add genericons with plugin …

Now, if you do not want to complicate anything, there is already a plugin that makes our task easier. Simply install and activate one called Genericon'd .

Once you have it active you can insert the "genericons" using HTML or a shortcode, either in entries, pages or even text widgets. To know what shortcode or HTML to use in each case you have the list and instructions on the plugin page, which you will find in " Appearance -> Genericon'd "

For example, to insert the WordPress icon use this shortcode:

And to insert it how HTML you would use this code:

It is also very practical to apply sizes or colors directly in the HTML or even in the shortcode. For example, to put the WordPress icon in blue you would do it like this:

And to increase its size it would simply have to be done this way:

And now, I do not know if you are going to use it or not, have you thought about it?


  1. BeginWP
  2. WP sites

NOTICE : this publication is from two years ago or more. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

Loading …

That may also help you: