Make theme elements translatable

[slatinasda]

Version of ALPS for Wordpress

• 3.11.4

Description:

At the moment, not all theme elements are translatable:

Upon inspecting the DOM element of this button, I saw that the label "Show" comes from the CSS file of the theme (main-campfire in my case), which by default is loaded from the CDN:
https://cdn.adventist.org/alps/3/3.11.4/css/main-campfire.css

I tried generating translation .po and .mo files for my target language and installing them in the Wordpress theme, but it didn't solve the issue.

I inspected this repository and saw a couple of cases where the English version of those labels are hard-coded into the CSS:

alps/source/css/_objects.buttons.scss

Line 81 in eb1f00a

content: "Show";

alps/source/css/_objects.buttons.scss

Line 89 in eb1f00a

content: "Close";

alps/source/css/_objects.buttons.scss

Line 121 in eb1f00a

content: "Show More";

Temporary solution

1. Go to the ALPS theme settings in Wordpress
2. Navigate to the ALPS Core files version section
3. Select the LOCAL option, in order to load the main theme files from the local installation
4. Open the CSS file of the currently selected theme (main-campfire in my case): wp-content/themes/alps-wordpress-v3/app/local/alps/3.11.4/css/3.11.4-main-campfire.css
5. Translate all hard-coded strings in your target language

Note: This doesn't solve the issue for multilingual sites, as it will only display the text in 1 language.
Note 2: Doesn't work well, because upon theme update, you need to update the translations again

Related issue

adventistchurch/alps-wordpress#549

[hans-olson]

This is being worked on in this issue adventistchurch/alps-wordpress#627