Hugo + Algolia + Instantsearch.jsで静的サイトに全文検索を導入
Hugo + Algolia + Instantsearch.jsで、静的サイトに全文検索を導入するまでの一部始終をまとめてみました。メニューバー右側のテキストボックスに検索キーワードを入力して、Enterキーを押します。検索したキーワード
div
Netlify Functions + Hugoで簡単サイト内検索
静的サイトの悩みの種、サイト内検索をNetlify Functions＋Hugoで実装してみました。ポイントは、以下の通りです。有名どころでは、 Lunr: A bit like Solr, but much smaller and not
CSSフレームワーク「Bulma」の「columns」クラスに関する挙動について
CSSフレームワークの「 Bulma: Free, open source, and modern CSS framework based on Flexbox 」の columns クラスの挙動がおかしい、というお話です。Columns
Twitter Bootstrap 3を用いてWordPressテーマを作成しよう④
Twitter Bootstrap 3 を用いて WordPress テーマを作成しよう ③ まででメインとなる「 index.php 」では投稿一覧の表示まで行いました。今回は、投稿の個別ページを表示する「 single.php 」を作成
Twitter Bootstrap 3を用いてWordPressテーマを作成しよう③
Twitter Bootstrap 3 を用いて WordPress テーマを作成しよう ② は、Twitter Bootstrap の根幹となるグリッドシステムのご紹介から、メインコンテンツにアイキャッチ画像、タイトル、投稿の内容を表示さ
Twitter Bootstrap 3を用いてWordPressテーマを作成しよう①
Twitter Bootstrapを用いたWordPressテーマは数多く配信されています。その中からピックアップしてカスタマイズしても良いのですが、それでは面白味がありませんので、極力そういった類いのツールは借りず、自作に近い形でテーマを