InContext

Comments are extremely critical for the success of a blog. All existing blog platform and commenting plugins only let readers add comments all the way at the bottom of a post, out of the context of the content in the post. When you write a long blog post with, say, 10 paragraphs, and readers are commenting on a particular statement or expression in paragraph 3, they have to scroll back and forth to read the context to figure out what the comments are about. The “In-Context Comment” plugin changes that: Now you can add an “In-Context Comment” icon using <in-context-comment:here:tag> (where “tag” is any word or words connected by hyphen ) at any place you want readers to comment on and they will be able to click and open a window to add comments right there, next to the context so other readers can see both the context and the comments in one glance. The comment window automatically closes when a reader clicks the cursor anywhere outside the comment window so it does not interfere with the reading.
This plugin can also help you grow your readership by posting the comments to the commenters’ Facebook and Twitter status updates to bring in new readers to your blog. 
You can also configure the “In-Context Comment” plugin to automatically add a comment icon at the end of each paragraph that is longer than a certain number of characters. This auto feature is enabled by default with a minimum character count of 360. Please go to the plugin’s Settings page to change.
<h3>Documentation</h3>
Visit http://wizag.com/incontext.php for example and documentation

In-Context Comment

"In-Context Comment" lets readers leave comments right next to the content being commented, instead of only at the bottom of the blog post

Phill Brown

Context Manager makes your site behave differently depending on the current user’s context. Using the simple point-and-click admin pages, there are four different ways your site can react:
<ol>
<li>Include and exclude CSS and JavaScript files</li>
<li>Changing the behaviour of menu items</li>
<li>Hiding widgets in sidebars</li>
<li>Adding extra classes to the <code><body></code> tag.</li>
</ol>
The plugin supersedes <a href="https://wordpress.org/extend/plugins/menu-rules/" rel="ugc">Menu Rules</a>
<h4>Example usage</h4>
A website has e-commerce shopping functionality driven by a custom post type called ‘products’. There’s an archive page called ‘shop’ that lists products and is linked to in the main navigation menu.
A user visits ‘shop’ and the menu item becomes ‘active’, but when they click through to an individual product, the menu item loses its state. The user becomes lost.
<ol>
<li><a href="https://wordpress.org/extend/plugins/context-manager/installation/" rel="ugc">Install</a> the Context Manager plugin</li>
<li>Add a new context rule</li>
<li>Give it a meaningful name in the title field. This is just for administration purposes</li>
<li>In the conditions field enter <code>is_singular( 'product' )</code></li>
<li>Choose Emulate current page as a child but do not create a menu item. as the menu rule</li>
<li>Find your products page in the menu dropdown</li>
</ol>
On the product page, there are irrelevant widgets that distract the user from making a purchase.
<ul>
<li>Hide irrelevant widgets under the widgets reaction</li>
</ul>
The whole shop section requires its own colour scheme, but there’s no common class that ties all the pages together.
<ul>
<li>Enter <code>shop-section</code> class name in the body class reaction. Or alternatively, register another stylesheet using <a href="https://codex.wordpress.org/Function_Reference/wp_register_style" rel="nofollow ugc"><code>wp_register_style()</code></a> in you theme’s <code>functions.php</code>.</li>
<li>Create </li>
</ul>
Remember to click publish when you’re ready to save.
Have a look at <a href="https://wordpress.org/extend/plugins/context-manager/screenshots/" rel="ugc">screenshots</a> to see the above setup in action.
<h4>Support</h4>
If you’re stuck, ask me for help on <a href="http://twitter.com/phill_brown" rel="nofollow ugc">Twitter</a>.

Context Manager

Make your site react to users' context by changing your theme's CSS and JavaScript files, navigation menus, sidebars and the HTML body tag.

In-Context Comment vs Context Manager