LANGUAGES
HTML Coding
The website displays either English or Portuguese text on almost every page. Both language versions are stored together on the same page, but only one is shown at a time. CSS coding is used to show one language and hide the other.
Each piece of text is enclosed (“wrapped”) in HTML that identify its language:
Long pages
On long pages with large sections of text in one language, it is not necessary to wrap every paragraph individually; all English or Portuguese content can be grouped in a single container and the language class applied just once: drag all English blocks into a single container and set its class to eng and all Portuguese blocks into another container with class port.
For very complex pages (many mixed sections or nested containers), use ChatGPT to merge the structure automatically into two master blocks.
CSS Coding
Language switching is effected in the code snippet WordPress Dashboard>HFCM>Language Switch
Administrator tasks
- Editing content: Always include both English and Portuguese versions, properly wrapped in eng and port.
- For long sections: Wrap all paragraphs of the same language in one block rather than many small spans.
- Testing: After saving, click both “English” and “Portuguese” menu items to ensure switching works.
- Do not change the CSS or JavaScript unless you are comfortable with code – these control how switching works.