Definer Wiki

Appearance

Custom ​

Ever since Definer v1.1, the Custom source has been providing a way for users to integrate virtually any website into Definer.

Think of it as creating your own personalized reference tool that connects Definer to any website you find useful. Whether you need specialized technical dictionaries, niche translation services, or subject-specific references, the Custom source can handle it all.

Usage ​

Setting up the Custom source is straightforward and only needs to be done once. After configuration, it works just like any built-in Definer source:

  1. Configure the source URL (one-time setup)
  2. Select or type a word/phrase you want to look up
  3. View your custom content directly in Definer's results

usage-example.avifMerriam-Webster dictionary and thesaurus integrated as a Custom source

Configuration ​

To set up or modify your Custom source settings, go to:
Options → Sources → Custom → Settings.

settings.avif

URL ​

Definer displays your chosen website in what's called an iframe (think of it as a "window" to another website). The URL field determines which website Definer will load in its results window.

Simply enter the website address you want to use as your data source and use {{str}} to represent your search term in the URL.

How to find the right URL ​

  1. Visit the website you want to use as a source
  2. Search for a word or phrase using the website's own search function
  3. Copy the URL from the address bar into the Custom source settings
  4. Replace the search term with {{str}} in the URL

Here's a visual example: vocabulary-url-guide.avifThe search term (highlighted in red) is what you'll replace with {{str}}

vocabulary-url-settings.avifYour final URL should look like this

The URL field supports the Liquid Template Language for advanced customization, but most users only need to use the {{str}} variable.

CSS ​

CSS, short for Cascading Style Sheets, is what styles webpages. It allows you to customize how your target website appears in Definer's popup. Since you'll be viewing content in a small popup window, CSS helps ensure only the most relevant information is visible.

css-autocomplete.avif

Why use CSS? ​

With CSS, you can:

  • Remove ads, cookie banners, navigation menus, and other distracting elements
  • Make content more compact to fit better in the popup
  • Adjust font sizes and colors for improved readability
  • Match the website's appearance to Definer's color scheme

NOTE

Style changes only affect how the website appears in Definer's popup, not the actual website.

CSS Newbie? ​

No problem! The CSS field is completely optional. You have several options:

  • Leave it empty to display the website as-is
  • Learn basic CSS (it's easier than you might think!)
  • Ask the Definer community for help, other users might share ready-made CSS snippets
  • Browse existing examples for inspiration

Examples ​

You can find an extensive collection of Custom source configurations that has accumulated in the Definer community over the years. These ready-to-use setups can help you get started and illustrate what's possible with this feature.

English Resources ​

European Languages ​

German ​

French ​

Spanish ​

Italian ​

Russian ​

Polish ​

Ukrainian ​

Swedish ​

Dutch ​

Danish ​

Finnish ​

Czech ​

Turkish ​

Celtic Languages ​

Latin ​

Esperanto ​

Asian Languages ​

Japanese ​

Korean ​

Chinese ​

Hebrew ​

Specialized Tools ​

Troubleshooting ​

Cookies on Firefox ​

If you're experiencing issues with the Custom source in Firefox, it may be due to the browser's Enhanced Tracking Protection setting. This feature blocks third-party cookies, which many integrated websites need to function properly.

To fix this problem, follow this troubleshooting guide for Firefox. It explains how to disable or adjust Enhanced Tracking Protection so that your websites function as expected when viewed through the Custom source.