- Published on
Jekyllで記事タイトルを「ページタイトル - サイトタイトル」にする
603文字1分で読めます–––
閲覧数
- Authors
- Name
- Shou Arisaka nyapp.buzz/shou
- short bio
- Z世代の情報技術者。Next.jsで自作SNSを個人開発中。
Jekyllで記事タイトルを「ページタイトル - サイトタイトル」にする方法について紹介します。
Jekyllはerbに変わって、liquidっていうテンプレートエンジンを採用しているようです。 liquidの記法は独特なので、ちょっと慣れづらい部分がありますが、機能自体は少なく、覚えることは少ないかと思います。
Jekyllのデフォルトの記事タイトルは"ページタイトル"ですが、これを、WordPressのような「ページタイトル - サイトタイトル」のスタイルにします。
_includes/head.htmlを編集します。
<title><br />
{% if page.title %}<br />
{% capture new_title %}{{ page.title }} - {{ site.title }}{% endcapture %}<br />
{{ new_title }}<br />
{% else %}<br />
{{ site.title }}<br />
{% endif %}<br />
</title>
インラインver
<title>{% if page.title %}{% capture new_title %}{{ page.title }} << YAYB {% endcapture %}{{ new_title }}{% else %}{{ site.title }}{% endif %}</title>
15歳でWordPressサイトを立ち上げ、ウェブ領域に足を踏み入れる。翌年にはRuby on Railsを用いたマイクロサービス開発に着手し、現在はデジタル庁を支えたNext.jsによるHP作成やSaaS開発のプロジェクトに携わりながら、React.js・Node.js・TypeScriptによるモダンなウェブアプリの個人開発を趣味でも行う。
フロントエンドからバックエンドまで一貫したアジャイルなフルスタック開発を得意とし、ウェブマーケティングや広告デザインも必要に応じて担当、広告運用・SEO対策・データ分析まで行う低コストかつ高品質な顧客体験の提供が好評。
国内外から200万人を超える人々に支えられ、9周年を迎えるITブログ「yuipro」の開発者、デザイナーでありライター。現在ベータ段階の自作SNS「nyapp.buzz」を日本一の国産SNSとするべく奮闘中。
何かご質問がありますか？
