Walkthrough

Ghostブログにタグ一覧ページを作る (Sourceテーマの場合)

Walkthrough

Ghostブログにタグ一覧ページを作る (Sourceテーマの場合)

記事を分類するのにタグをつけているのですが、いくらタグをつけたところで絞り込みに使えないのであれば何の意味もないですよね。 僕はSourceというGhostのデフォルトのテーマを使っているのですが、このテーマだと、それぞれのタグをそのままナビゲーションバーに設置することはできるんですが、ドロップダウンでタグを選んだり、タグの一覧を表示したりはすぐにはできないようです。 そこで今回は、Sourceテーマを使ってタグ一覧のページを作ってみましたという記事です。 Sourceテーマを使ってタグ絞り込みをしたいときにできること 上でも述べましたが、このテーマだと、ドロップダウンとか一覧ページはそのままだと出せません。 できるのは、それぞれのタグをナビゲーションバーに置くくらいです。 これは例えば、「ブログ」というタグをつけた記事があって、そのタグを持っている記事一覧を出せるようにしようと思ったら、ナビゲーションバーに「ブログ」という項目をわざわざ作らないといけないということです。 これだとタグが増えてくると全部を載せるのは不可能ですし、それ以前に記事のタグをメニューに

FormspreeでGhostにコンタクトフォームを設置する

Walkthrough

FormspreeでGhostにコンタクトフォームを設置する

ブログには問い合わせフォームがあった方が良さそうなので、設置することにします。Formspreeというサービスを使うと、生成されるHTMLコードをコピペするだけでいいので簡単でした。 Custom Forms with No Server Code | FormspreeFormspree is a form backend, API, and email service for HTML & JavaScript forms. It’s the simplest way to embed custom contact us forms, order forms, or email capture forms on your static website.Formspree この記事では以下リンクでGhostが提供する設定ガイドを参考に進め、その手順を記録しておきます。現在のFormspreeの登録画面と少し違いますが、問題なく設置できました。

GhostにGoogle Analyticsを設定する

Walkthrough

GhostにGoogle Analyticsを設定する

GhostでGoogle Analyticsを使う方法は、以下のリンクに記載があります。Ghost側の管理画面で、Settings -> Code injection と進み、ヘッダにGoogle Analyticsのコードを埋め込むと使えるようになります。 Official Ghost + Google Analytics IntegrationIntegrate your Ghost publication directly with Google Analytics using sensible code injection for in-depth site metrics in realtime 👉📈Ghost - The Professional Publishing Platform この記事では、上記のリンクに沿って設定した手順を記録しておきます。 Google Analyticsの設定 新しくアカウントを作る際には、Google Analyticsのサイトに行き、指示に従って新しいPropertyを作成する。 すでにアカウントを持っている場合

LinodeでGhostブログを立ち上げる

Walkthrough

LinodeでGhostブログを立ち上げる

VPSサービスのLinodeと、オープンソースCMSのGhostを使って、このブログサイトを立ち上げました。この記事ではそのときに考えていたことや、実際の手順についてまとめています。 手順だけ見たいという方は以下からどうぞ 1. Linodeの設定 2. Ghostの設定 基本的に以下の公式の情報をもとに進めていますが、微妙にうまくいかないところがあったので、その辺りについては自分が動かすことができた方法を付け加えています。 * Linodeのガイド * アカウントの作成 Platform - Getting Started on the Linode Platform * インスタンスの作成 Guides - Create a Compute Instance * インスタンスの設定 Guides - Setting Up and Securing a Compute Instance * Ghostのガイド * LinodeでGhostを設定する流れ How to install Ghost on Linode * UbuntuにGhostをイ