Expanding the possibilities of P2

Every day I am more passionate about the subject P2 . The same fact that with a single change of theme, with one click, you can convert a "normal" WordPress into a collaborative environment with social functions, cover publication, that really turns your site into a kind of social network or particular twitter is surprising.

And that's why I do not stop recommending it for many uses, whether for work groups, corporate communication environments and even groups of friends.

But the thing is not there , investigating a bit I found improvements that can be added to the theme P2 and also in a very simple way. Let's see a few ways to expand the possibilities and features of P2

Know who mentions you

With the plugin Mention me you can add a widget in P2 that takes advantage of the feature of the subject to mention users typing their name of the mode "@usuario".

To know who is connected

Who's online is another plugin that also offers a sidebar widget, in this case to visualize who is connected at the moment in your WordPress with P2. It's not exclusive to P2 but it makes perfect sense using P2 as a collaborative tool to know who's available.

Add "Like"

It also makes perfect sense to add functionality so that P2 users can dial the messages, posts, links, etc. that "he likes". For this we will use the plugin "Like" in P2 .

Resolved entries

As in the support forums, if you use P2 as a work environment, to raise questions and questions to others participants, it seems almost obligatory to have the characteristic of marking a subject as resolved.

For this you can use P2 resolved posts a plugin that adds a link that marks as resolved a theme.

] You can also mark an entry as "unresolved" and even provide us with a widget to view the resolved entries and those that are still unresolved.

Private network

In any of its uses, something you can do also in WordPress.com, you can make your WordPress with P2 private so that only users that you define can participate in that special and collaborative environment.

Group Blog

Designed for BuddyPress, but fully compatible with P2, with BuddyPress Groupblog you can manage collaborative blogs on P2

Code on posts

One of the shortcomings of P2 is that the cover writing box does not have a visual environment for add styles, let's not insert code and do not run.

This can be solved with the plugin Markdown for P2 which adds the functionality of using code bookmarks like "pre", "code" or any other in the P2 entries.

The syntax for using it is there here .

Check in in P2

If before I talked about how to know who is online, it seems that something was missing? do not?. Well yes, will not there be a simpler way than the standard WordPress registry for users to access?

This is what the plugin P2 check in which offers a button to enter, which becomes a button so we can warn that you are here and also be able to quickly leave the collaborative environment.

By the way, it also allows us to dispense with the "Who's online" widget "It will show the only one the users that have done" check in "in the P2.

Answers to the style wordpress.com

So yes, to improve the answers to the publications in P2 we can use the comments of JetPack with the features of WordPress.com, like access from social profiles, there is nothing.

Simple and effective.

Subscribe to replies

Again, using JetPack, we can use the functionality of suscrip comment in this case answers, so that users receive notice of new responses to the publications they are following in our P2.

Visual editor in P2

Something more complicated to implement, but very effective and useful, is the possibility of adding a visual editor to the answer editor in P2.

Just follow the tutorial of this post and, with a download and a bit of code you will have it.

Moderation and response reporting

Simply using IntenseDebate you can add comment management and abuse reporting on your P2, just like that.

Just activate this functionality of comment report on IntenseDebate and, by the way, the answers will offer a lot of new features, all of IntenseDebate.

PulsePress

PulsePress is a theme, based on P2, that improves the functionalities of conve Rstion of the theme P2, very adapted and recovering the characteristics of the first versions of Twitter.

It is a project of the University of British Columbia that offers another aspect and options for P2.

And now, I've arrived here. If you know any other way to increase the possibilities and utilities of P2 tell us about it.

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:

Elegant Themes plugin plugin now for any subject

If you are registered user of Elegant Themes you can already download the Builder plugin for the same price, and if you are already taking, you know (or will now know) that you will have 75 wonderful themes WordPress, plus those who come, for only $ 39 per year.

Note: this entry contains affiliate links for which the author charges commissions

And, this time, what Nick brings us is a plugin, that once installed, add a " constructor " of content in the editor of entries with which you can add all kinds of content (columns, buttons, rotary, etc) to your publication and, as a novelty, usable not only in the themes of Elegant Themes but in any subject you have.

The content is compatible with all modern browsers and you do not need any HTML to use it, it has a totally drag and drop interface, in which you can also enlarge or decrease the ob to adapt them to your needs.

This utility, previously only available for the theme Convertible of Elegant Themes, now you can use it on any theme of the designer or wherever you want, it's that easy.

BuddyPress 1.5.7, security update

On the verge of leaving BuddyPress 1.6, that already goes by the second candidate version, you must update to BuddyPress 1.5.7 because it is a security update that affects all the present and previous versions. [19659002] What you read is an original content of WordPress Help – Resources, themes, plugins and tutorials in Spanish and published Fernando Tellado first here: BuddyPress 1.5.7, security update

Any link redirects to the cover • WordPress Help

Today I wanted to share with you a bug that I have sometimes encountered in some WordPress installations. I refer to a situation, quite unpleasant and mosqueante, to the fact that you can visit your website but if you click on any link to the post or page they all direct you to the main URL, to the front page . ] If I have to put in situation this error has almost always coincided with migrations, WordPress updates or important configuration changes but I have seen this error in sites that – apparently – had not gone through any of these processes (and in principle I believe it.)

Well, the good thing is that has an easy solution that works 99% of the time and it's something as simple as access the WordPress Permanent Links settings and, without changing the settings you have, save the changes .

With this everything goes back to work as usual and continue with yours .

"Reader" mode in WordPress • WordPress Help

 safari reader mode "title =" safari reader mode "width =" 500 "height =" 373 "class =" aligncenter size-medium wp -image-64536 "srcset =" http://bootstrapx.com/wp-content/uploads/2018/07/modo-lector-safari-500x373.png 500w, https://ayudawp.com/wp-content/uploads /2012/07/modo-lector-safari-1024x765.png 1024w, https://ayudawp.com/wp-content/uploads/2012/07/modo-lector-safari.png 1188w "sizes =" (max-width : 500px) 100vw, 500px "/> </a></p>
<p> If you use the <strong> Apple Safari </strong> you know what I'm talking about, I'm referring to" <em> Reader mode </em> "of this browser , an icon that appears in the navigation bar and that allows you to visualize the page you are visiting without everything that is left over (announcements, header, etc.) <strong> You only see the content of the article, with its images and others but without rest of elements of the web </strong>. </p>
<p> Well, the good news is that We can <span class= add this reading mode for our readers even if they do not use the Safari browser, like an extra functionality in our WordPress which will be much appreciated by visitors.

The process is not as simple as installing a plugin and that's it, but the result is worth it, giving your website a very professional functionality.

Let's go!

1. The solution

We will get to add the reader mode thanks to a plugin for jQuery called Colorbox . Logically, the first step is to download it from the official site .

The current version of Colorbox is 1.3.19, which works with jQuery 1.4.3+ in Firefox, Safari, Chrome, Internet Explorer 6, 7, 8, 9, Opera 11. If you want higher compatibility with older browsers you can use the previous version of the plugin, which is also available on the official website.

2. Installing Colorbox

First of all, download the latest version ( direct link here ). Once you have downloaded the zip, unzip it and you will see the content, this:

 folders colorbox "title =" folders colorbox "width =" 500 "height =" 350 "class =" alignnone size-medium wp -image-64535 "srcset =" http://bootstrapx.com/wp-content/uploads/2018/07/carpetas-colorbox-500x350.png 500w, https://ayudawp.com/wp-content/uploads/2012 /07/carpets-colorbox.png 980w "sizes =" (max-width: 500px) 100vw, 500px "/> </a></p>
<p> There are several examples folders, which contain different styles that you can use for the link" <em> Reader mode </em>. "If you want to decide, open each example folder and open the file <code> index.html </code> of each one to see what the reader mode would look like. </p>
<p> Once decided, we can now get to <strong> upload the plugin to our server </strong> via FTP The idea is this: </p>
<ol>
<li> Copy the file <code> jquery.colorbox-min.js </code> from the folder called "colorbox" in the directory ' <code> / js / </code> ] 'of your theme (if you do not believe it). </li>
<li> Choose one of the sample styles and copy the file <code> colorbox.css </code> in the directory of your theme. </li>
<li> In the same folder for example, copy all the files in the folder '<code> / images / </code>' in the directory of images of your theme. </li>
</ol>
<p> If for some reason you prefer to create a folder called '<code> colorbox </code> 'in the directory of your theme, and put all those files there, you can do it, but in this guide the steps are referred to the folder structure of the subject <em> TwentyEleven </em>. </p>
<h2><span id= 3. Connecting the script with WordPress

Once the above is done you have to tell WordPress, and specifically to your theme, where is Colorbox and how to use it .

To do this we open the file functions.php of your theme (if you do not believe it) and we add the following before closing it (before the closing PHP tag '?> '):

Thanks to these lines of code, the topic will know where each Colorbox file is and the JavaScript of the "Reader mode" that we are going to create next. Once saved you will be ready to upload them to the site (only in single entry pages, or " single ").

I remind you, as you can see in the routes used, that I am using the default configuration; putting the script in the folder / js / .

4. We define what is the content

So that the script knows what it has to show in the " Reader mode " it is convenient to mark it clearly. For this we will make a division around the content with a div .

You will tell me that it is usually " surrounded " the " content " with a " div "but it is better to create it" ex profeso "for to have it controlled and well specified .

To do this, we go back to the file functions.php of your theme and we add this to another:

This filter will run every time your theme shows the content of an entry. If the user is on a simple login page the code wraps the content with a div and the class .rm-content around it.

5. We created the link for the "Reader mode"

Once we have all the infrastructure created you are ready to put a link to the " Reader mode ".

To do this we go to the directory / js / of the theme and create a new file that we will call ' aw-reading-mode.js (if you look at the first code we already prepared the " call " a this file.

Well, nothing, we created the file paste this code in it:

Reviewing the code a little, you'll see what in line 4 we set the selector for the element that wraps the input (actually it is not necessary if you use the filter from step 4), and on line 7 is the HTML that will be displayed for the link to " Reader mode ", which of course you can customize to your liking.

Then, line 10 adds that HTML to the element that surrounds the content (that is, creates the link). And on line 12 we start Colorbox with the size options, specifying its content as the wrapped element. There are more possibilities, very well explained on the official Colorbox website.

6. Giving style

With all the above we can already use it and do tests but it never hurts to apply some style to our " Reader mode ", putting the emphasis in any case in the readability and readability that's what it's about, and not about doing virgins and putting colorines, it's not about that as you'll understand.

An example of style, which looks very good, it would be this:

Some notes on this CSS:

  • The div #cboxLoadedContent it is used to adjust the element that surrounds the content. You can make it more flexible by specifying a CSS class name if you prefer.
  • Line 11 is used to prevent the link to "Reader mode" from appearing within the pop-up window
  • If you want to use the existing styles of your theme you can skip the filter and, instead, specify an element such as .entry-content in the JavaScript. This element will move to the pop-up window, so your styles will also be applied to the pop-up window.

And that's it. It is a bit frightening but in reality it is simple, and following these simple steps you will be able to verify that it works of coña it does not slow down your site (Colorbox is only 10Kb of script, 5kb with gzip) and offers a touch of quality and professionalism to your website, for visitors that do not use the Safari browser, which already has this integrated utility, as you know.

(…) Plus: with plugins

How could it be otherwise, there are also plugins that They offer this functionality, and thanks to Quique that you have reminded me in the comments here are a few that look very good:

  • Readability : Simple and effective, offers the window popup mode Easy reader
  • Readability plugin : this is something different, it offers a kind of reading list, ideal for tired views.
  • Easy reader : very easy to configure, it offers a button to insert in input s and pages and thus offers the easy reading mode.

Now, for options that do not remain.

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 featured images by category • WordPress Help

The featured images are a very interesting feature of WordPress since version 2.9, but we have not always been fine, or we have many entries without defining a prominent image, or we just do not want to put a different one each time .

For all these occasions there is the possibility to define outstanding images " by default ", without interaction by the user, and that the theme we use always shows something.

And a special case , is if we want to define an outstanding image by default depending on the category of the entry. That, incidentally, is a really interesting and useful possibility that I did not cover in the article how to add thumbnails by default in all entries .

Default thumbnail plus en a very complete plugin while simple, with the particularity that you can define images by default for each category, which is an important "plus".

It is a plugin widely used especially in technology portals, to identify topics in cover, depending on the category, that its main virtue.

And already, if you know someone else tell us and add it.

plugins review site

There's a new guy in town, WPNuggets . This new site dedicated to WordPress specializes in making reviews of WordPress plugins .

It is quite new, so today there are only 6 reviews, but any of them give good faith of the quality of the work they are doing, being a very good option – especially when growing in content – for to take a look before deciding to install a plugin or another .

The concept is simple, without virguerías of any type , based on entries in which the plugin's features are explained step by step and, at the end, an assessment is made (without scoring) of it which in my opinion is the main lack of this site, because I would expect a score for, in the future, to be able to decide based on it the choice between one plugin and another.

In any case it is always good news any new site that will teach us more about WordPress and everything its ecosystem, and this is it.

Sample content for demo sites

There is another option, maybe not so fast but if more customizable, is the plugin called Bulk Content Creator .

Once installed it adds a submenu under the menu of Settings from the WordPress Desktop, where you have a content creator for development sites with several fields in which to define …

You can create as much content as you want, add it and delete it, for your plugin demo site or themes. Once you have created the test content you simply click on the button " Submit " and it will be published on your site, just like that.

As I said it is not as immediate as the XML but more adaptable to your needs and a relatively fast system. By options that do not remain.

Filter PDF files in the file loader

By default, WordPress is able to identify 2 types of file in the file loader and multimedia library : images and videos.

In this way, when you upload a file of this type WordPress you can display a filter in the media loader so that you can identify them more quickly.

Now, if you use many PDF files you may be interested in having WordPress identify them and, also, allow you to filter files of this type and thus locate them more quickly to insert them in your content.

what you need just add this code to your function plugin or to the file functions.php of your active topic:

You save the changes and you already have them. If you want to add another type of file you can do the same with the mimes registered in the file ' /wp-includes/functions.php ', looking for the string ' get_allowed_mime_types ( ) ', where you'll find something like this:

You choose from the list the type of mime to add and add it as in the array of the above code.

What we get is to move on from this …

… to this other:

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:

Pinterest and more for JetPack • WordPress Help

JetPack is slowly becoming almost a essential plugin in any WordPress as it brings together in a single installation many of the functionalities that we all find useful in any web.

One of the most useful is the buttons to share content in the most common social networks, but it has its shortcomings …

One of them is that JetPack does not incorporates, among others, an icon to share the publications on the social network Pinterest, of great importance for online marketing in everything related to products with strong visual impact, with really good conversion ratios, good oriented towards SEO and increasingly used.

Another shortcoming is that when sharing something on Twitter there is no connection – as if it exists on WordPress.com and other plugins – with a Twitter account at your choice, so that the contents are promoted associated with a Twitter account, yours, your website, whatever you want .

Well, there is a new plugin in the city: Jetpack Extras which precisely comes to meet those two shortcomings.

On the one hand, adds to JetPack an icon to share on Pinterest network which will automatically take the first image of your entry to be the one that represents the publication when you share it.

And the other functionality that justifies its installation is a review of the Twitter share icon of JetPack, adding options in its drop-down from which …

  • Include in each Tweet "via @usuario" that you define
  • Include after each Tweet recommendation to follow an @usuario
  • Location of the icons social in entries, files, pages, etc. (at the beginning of e the entry, in the end, in both)

Come on, that quite improves the JetPack plugin specifically the options to share through social icons.

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: