Randy Hunt

<p>On my language-learning blog, I have a feature that shows a translation inline by swapping out text when the mouse rolls over it. It’s very handy, and it occurred to me that I should make it a plugin, so other people can use it too!</p>
<p>Hoverswap allows you to create swapping elements, whose content is swapped for its title when the user hovers over them.</p>
<p>Excellent for foreign language learning and translation web sites.</p>
<h4>Use</h4>
<p>Version 1.0 has no configuration. That will be added later.<br />
For now, in order to use the plugin, you create an EM tag containing the text you want to be active, and then you put the text for its hover state into     its title attribue.</p>
<p>Then, to ensure that only the text you WANT to be swapped gets swapped, you must wrap that in an element of the class “translate”.</p>
<p>One example implementation would be create the following unordered list:<br />
<UL class=”translate”><br />
<LI><EM title=”How are you?”>Como estas?</EM></LI><br />
</UL></p>
<h4>Features</h4>
<ul>
<li>Add the “translate” class to a containing element, such as a blockquote or a ul tag. Then, any em tags with a title attribute will automatically swap their content for the title when you move the mouse over them.</li>
</ul>
<h4>Planned features:</h4>
<ul>
<li>Allow any tag or classname to be specified as the containing element.</li>
<li>Allow any tag or classname to be specified as the translate element.</li>
</ul>


Hoverswap

Swaps the content of a tag with the content of its title when the user hovers over it.

<p>This plugin was built for developers to swap out local post data with post data from a live site. Useful if you need to make some styling changes to post content but don’t want to pull in the live database. Simply enter the URL for the live site and turn on the API connection via the toggle provided.</p>
<p>All posts within the loop are replaced with posts from the URL you entered. This will change out the post title, post content, post excerpt and post date with the returned API data. This plugin will <strong>NOT</strong> replace your the post data in the database, but simply change out the data on the fly. To go back to your the posts saved locally simply uncheck the toggle switch on the settings page.</p>
<p>Post meta is used to store post IDs returned from the API call and matched up with the post IDs returned from your loop. This helps keep posts consistent across page loads. Single post pages will return the same post they were swapped out with in the main loop.</p>
<p><strong>NOTE:</strong> This plugin requires the parent site (the live site) to be running at least WordPress Version 4.7.0 for the REST API to work properly.</p>
<h3>Usage</h3>
<ol>
<li>After plugin activation go to the plugin settings page by hovering over the “Settings” menu item in wp-admin.</li>
<li>Click on the ‘Remote Post Swap’ link.</li>
<li>Check the toggle box shown.</li>
<li>Enter the URL to the live site you wish to pull posts from. This should be a valid URL.</li>
<li>Turn on which post data you wish to replace (Post Title, Post Excerpt, Post Content, Post Date, Featured Images)</li>
</ol>
<h3>To Do</h3>
<ol>
<li>Pull in author data.</li>
<li>Pull in post comments.</li>
</ol>


Remote Post Swap

Swap local development post data out with live/remote post data on the fly

Hoverswap vs Remote Post Swap