Cocoon

Highlighting Code Block プラグインを使うだけで良い。 自分でカスタマイズしてダウンロードしてきた prism.js と prism.css を指定して使うことができる。 設定 まず、プラグインをインストールして有効化 ...

Cocoon

Cocoon のデフォルトでは、シンタックスハイライトを有効にしている状態で iPhone や iPad でソースコード見たときに、右端で改行してくれている。好みの問題だが私はこれだと見づらい。なので右端で改行しないでスクロールするようにし ...

Cocoon

現在、WordPress のテーマは、サイトを分けて Cocoon と Luxeritas を両方使っています。Luxeritas のシンタックスハイライトで、背景を縞々にすることができているので、Cocoon でもできないかやってみました ...

WordPressテーマ開発

<head> 内に追加される不要なタグを取り除く 標準でいろいろ不要だと思うものが<head> タグ内に追加されています。これらを消していきます。SEO的にあった方が良いものもあるのかもしれませんが、わからないものは ...

WordPressテーマ開発

3カラムのテンプレートに、WordPrsses の記事を表示する部分を実装します 次のような機能を実現します。一部、プラグインを使うところは、後日実装します。 ヘッダー タイトル パンくずリスト用のエリア 左サイドバー カレンダーアーカイブ ...

WordPressテーマ開発

Bootstrap を使って 3カラムレイアウトのテンプレートを作成します   オリジナルテーマの作り方を探していると、ほとんどが 2 カラムのレイアウトになっています。熱帯魚のブログを他サイトから引っ越してくる際に、それまで使っ ...

WordPressテーマ開発

Bootstrap の grid システムを使って、WordPress のカスタムテンプレートをレスポンシブデザインにします Bootstrap の導入 まずは、bootstrap-4.1.3-dist.zip してきます。 その中から次の ...

WordPressテーマ開発

Bootstrap でレスポンシブデザインを作っていくための下準備   今回は、テンプレートを分割して配置するところまで行います。デザインを調整する際に必要がないため、WordPress として記事を表示する部分は実装しません。と ...

WordPressテーマ開発

クイックインストールで簡単にインストールできます。1時間くらいでできると思います。 WordPress でオリジナルテーマを作るにあたり、まずは、さくらインターネットのスタンダードプランにWordPress をインストールしました。あらため ...

WordPressテーマ開発

自分で試してみたプラグインについて、ここにメモしています。 Crayon Syntax Highlighter この機能が欲しくてWordPress をはじめました。重たいって言われています。重たいのは、preタグの中をtableやdiv、 ...