Work Life Fun

仕事も人生も楽しむ社労士

[Hugo]config.tomlの設定1つで画面表示をON・OFF

※当サイトはリンクに広告ページが含まれている場合があります

Hugoを使うことで、望むままのデザインや機能を実現できているわけですが、今回は、

  • 設定1つで画面表示のON・OFFを切り替える機能

の設定方法を備忘録として残しておきます。

といっても、おそらくこれだけを読んでも意味不明でしょうから、実際に追加した機能の例を示します🤔

config.tomlの記述

設定ファイル「config.toml」の中で、

[params]
seminarinfo = true

と「seminarinfo」を「true」にすると、以下のように、帯(セミナー情報)が表示され、

[params]
seminarinfo = false

と「seminarinfo」を「false」にすると、帯が消えます。スイッチのON・OFF機能を作ったというイメージです。

baseof.htmlの記述

Hugoの骨格となるファイル「baseof.html」の中で、条件分岐を用います。

{{ if eq .Site.Params.seminarinfo true}}{{ partial "seminar_info.html" . }}{{ end }}

これを文章で表現すると、

  • 「seminarinfo」が「true」の場合は「seminar_info.html」を読み込みなさい

ということです。

ちなみに「seminar_info.html」の中で、先程の帯の部分をHTML、CSSを用いて書いています。

やはり、Hugo、というよりプログラムは便利👍

【無料】効率的に人事労務の情報を入手しませんか?
  • 毎年のように改正される労働法令への対応に頭を悩ませている
  • 総務や経理などの他の業務を兼務しているので、人事労務業務だけに時間を割けない

といった悩みを抱える企業の経営者・人事労務担当者向けに、公開型のブログでは書けない、本音を交えた人事労務に関する情報・ノウハウ、時期的なトピックに関するメールマガジンを「無料」で配信しています。

過去の配信分は公開しません。

情報が必要な方は、いますぐ以下のフォームから購読の登録をしてください。購読して不要と思ったら簡単に解除できますのでご安心ください。


前の記事へ
次の記事へ
up_line