djinnznathan

<p>This plugin is my first project as I needed it for my work. For building an online language learning system, I needed a quick way to let the users directly translate specific words or sentences on DeepL within a lection. Right now it translates from German to English.</p>
<p>You can add the translation tags where shortcodes work. To generate a link, surround the text with the specific tag of the used translation service. You can add standard colors or a specific ones as hex or RGB.</p>
<h3>Legal Notices</h3>
<p>This plugin uses third party services by offering a direct link to their website. I am not responsible for any errors happening on their website and can not guarantee the plugin to work at all times.</p>
<p>I am not associated with any of these services. The used services are listed below:</p>
<h4>DeepL</h4>
<p><a href="https://deepl.com" rel="nofollow ugc">DeepL</a> is an online translator service. On their website, you can find their <a href="https://www.deepl.com/pro-license#free" rel="nofollow ugc">Terms and Conditions</a> and their <a href="https://www.deepl.com/privacy/" rel="nofollow ugc">Privacy Policy</a>.</p>
<h4>Google Translate</h4>
<p><a href="https://translate.google.com/" rel="nofollow ugc">Google Translate</a> is an online translator service from Alphabet Inc.. On their website, you can find their <a href="https://policies.google.com/" rel="nofollow ugc">Terms and Conditions and Policies</a>.</p>
<h4>Yandex.Translate</h4>
<p><a href="https://translate.yandex.com/" rel="nofollow ugc">Yandex.Translate</a> is an online translator service offered by YANDEX LLC. On their website, you can find their <a href="https://yandex.com/legal/translate_termsofuse/" rel="nofollow ugc">Terms of Use</a>.</p>
<h4>Fanyi Baidu</h4>
<p><a href="https://fanyi.baidu.com/" rel="nofollow ugc">Fanyi Baidu</a> is an online translator service offered by the chinese search engine Baidu.com. On their website, you can find their <a href="http://www.baidu.com/duty/" rel="nofollow ugc">Terms and Conditions</a>.</p>


Direct Link Translator

A simple shortcode-plugin for WordPress, that generates a link to DeepL with the translation of the string.

Yard | Digital Agency

Mike van den Hoek

<p>This plugin registers secure API endpoints that allow you to request translations directly from DeepL without exposing your Deepl API-key. These endpoints are only accessible when a valid nonce is provided. When providing translations to website visitors, you can configure which languages are supported for translation.</p>
<h3>Caching Mechanism</h3>
<p>Each object that is translated will store its cached translation in the <code>wp_postmeta</code> table within the database. This caching mechanism ensures that translations are efficiently reused, reducing unnecessary API requests to DeepL and saving costs.</p>
<ul>
<li>Serving Cached Translations: If a cached translation is newer than the <code>post_modified</code> date of the object, the cached version is served.</li>
<li>Fetching New Translations: When the <code>post_modified</code> date of the object is more recent than the cached translation, a new translation is fetched from DeepL. Once retrieved, this translation is immediately cached for future use.</li>
<li>Cache Authorization: Only logged-in users with the <code>edit_posts</code> capability (or a custom capability configured via the <code>yard::deepl/cache_capability</code> filter) are permitted to create new cache entries. Requests from users without this capability will still return a translation from DeepL, but the result will not be stored in the cache.</li>
</ul>
<p>This approach minimizes the number of API calls to DeepL, ensuring translations are kept up to date only when necessary.</p>
<h4>Admin: Cache Metabox</h4>
<p>A metabox labeled Yard DeepL is displayed on the edit screen of supported post types (default: page). It provides two options:</p>
<ul>
<li>Disable translation cache: When checked, the cache is bypassed for this object. Useful for posts with dynamic content that should always be translated fresh.</li>
<li>Clear translation cache: When checked and the post is saved, all cached translations for this object are deleted.</li>
</ul>
<h4>Admin: Translation Cache Column</h4>
<p>A Translation cache column is added to the post list screen of all supported post types. Its purpose is to notify editors which posts should be cached as soon as possible to avoid unnecessary DeepL API costs.</p>
<ul>
<li>Green badge per language (e.g. NL, EN-US): a valid, up-to-date cached translation exists for that language. Visitor requests are served from cache at no cost.</li>
<li>Grey badge with a count per language (e.g. EN-US 42): no cache exists for that language and visitors have triggered that many live DeepL API calls. Hovering the badge shows the full count as a tooltip. These posts are the most urgent to cache.</li>
<li>—: the post has never been requested for translation, or caching is disabled for this post.</li>
</ul>
<p>The uncached call count is only incremented for visitor requests (users without cache-write capability) and is automatically reset per language once a cache entry is stored. Posts with the Disable translation cache option enabled are excluded from the column entirely.</p>
<h3>External Services</h3>
<p>This plugin connects to the DeepL API to provide translations for content.</p>
<ul>
<li><strong>Service:</strong> DeepL API (https://www.deepl.com)</li>
<li><strong>Purpose:</strong> To translate text from one language to another based on the provided target language.</li>
<li><strong>Data Sent:</strong> Text content for translation, the target language code, and the DeepL API key (handled securely and never exposed to users).</li>
<li><strong>Conditions:</strong> Data is sent when a request for translation is initiated.</li>
<li><strong>Privacy Policy:</strong> <a href="https://www.deepl.com/privacy" rel="nofollow ugc">DeepL Privacy Policy</a></li>
<li><strong>Terms of Service:</strong> <a href="https://www.deepl.com/pro-license" rel="nofollow ugc">DeepL Terms of Service</a></li>
</ul>
<h3>Usage</h3>
<h4>Security</h4>
<p>The API endpoints registered by this plugin are secured using a WordPress nonce. The nonce is passed to the front-end using the <code>wp_localize_script</code> function and is stored in a global JavaScript object <code>ydpl</code> which contains the following properties:</p>
<ul>
<li><code>ydpl_translate_post_id</code>: The ID of the post to be translated.</li>
<li><code>ydpl_rest_translate_url</code>: The URL of the API endpoint for translation requests.</li>
<li><code>ydpl_supported_languages</code>: The list of languages supported for translation.</li>
<li><code>ydpl_api_request_nonce</code>: The nonce used for API validation.</li>
</ul>
<p>When making requests to the API, ensure that the nonce is included in the request headers. The header should be named <code>X-WP-Nonce</code>, and it should contain a nonce created with the <code>wp_rest</code> action (available via <code>ydpl.ydpl_api_request_nonce</code> on the front-end).</p>
<p>Rate limiting: Unauthenticated requests (or requests from users without the cache capability) are limited to 3 requests per 60 seconds per IP address. Authenticated users with the required cache capability (default: edit_posts) are exempt from this rate limit.</p>
<p>Cache capability: Only users with the <code>edit_posts</code> capability can trigger cache creation. This can be customized using the <code>yard::deepl/cache_capability</code> filter.</p>
<h4>Example</h4>
<p>Request:</p>
<pre><code>var xhr = new XMLHttpRequest();
xhr.open('POST', ydpl.ydpl_rest_translate_url, true);

// Set request headers
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.setRequestHeader('X-WP-Nonce', ydpl.ydpl_api_request_nonce);

// Handle response
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log('Translation:', JSON.parse(xhr.responseText));
    } else if (xhr.readyState === 4) {
        console.error('Error:', xhr.statusText);
    }
};

// Prepare and send the request body
var data = JSON.stringify({
    text: ["Look another test"],
    target_lang: "DE"
});

xhr.send(data);
</code></pre>
<p>Response:</p>
<pre><code>[
    {
        "text": "Look another test!",
        "translation": "Sehen Sie sich einen weiteren Test an!"
    }
]<h3>Filters</h3>
</code></pre>
<p>* <code>yard::deepl/cache_capability</code> (default: <code>edit_posts</code>) — The WordPress capability required to create cache entries. Users without this capability receive translations but results are not cached.<br />
* <code>yard::deepl/cache_metabox_post_types</code> (default: <code>['page']</code>) — Post types on which the Yard DeepL cache metabox is displayed.<br />
* <code>yard::deepl/disable_cache_metabox_post_types</code> — Deprecated. Use <code>yard::deepl/cache_metabox_post_types</code> instead.</p>


Yard DeepL

This plugin registers secure API endpoints that allow you to request translations directly from DeepL without exposing your DeepL API-key.

Direct Link Translator vs Yard DeepL