#webdesign - Tag on tekki-tipps.de/en/

The display of the website may vary depending on the operating system, device size and browser. Previewing on different devices with access to the local Hugo development computer avoids design errors.

i18n - Part 3 of 3 instructions for creating a Hugo multilingual website. With the following topics: The T (Translate) feature of Hugo, switching the language on the website including source code and SCSS, Hugo problems with multilingual tags, tag cloud as topic overview, tag post list including source code and SCSS, internal linking.

i18n - Part 2 of 3 instructions for creating a Hugo multilingual website. The second part goes into depth on theme development and shows how to program the multilingual website. With the following topics: Entries in the html and head tag of the baseof.html and menu structure in the hugo.toml, including the navigation partials nav.html and sidepanel.html.

Part 1 of 3 instructions for creating a Hugo multilingual website. There are always several ways to realize something. In these tutorials I describe my way.
The topics in part 1 are - hugo.toml in general, page bundle structure of web pages and front matter entries in markdown files.

Open Graph is a protocol that can be used to influence how a web page is displayed when it is shared on social media. Via meta entries in the head of each web page you can influence which data is used for this. In this article I describe my Open Graph meta tags, which are summarized in a partial.

Find free fonts, download them, integrate them locally into Hugo and use them in the web pages. A description of my approach. Fonts visually enhance the text display of web pages.

In this post I describe how to declare images of the page bundle in the front matter of the Markdown file. Since the Markdown possibilities of the image output are not sufficient for me, I have programmed two shortcodes with more possibilities ( size, positioning, caption).