Cocoon

ブログに unreal engine の記事を追加しようと思ったのだが、Blueprint は画像が大きくなってしまうので、画像拡大の機能が欲しくなった。 cocoon での使い方は以下の通り Cocoon 設定から「画像」を選択 画像拡大 ...

開発

適当に書いたので、違ったらすみません。 git の初期操作 git の開始 git init : 新規のフォルダで開始する場合git clone : すでにあるリポジトリからファイルをコピーしてきて開始する場合 git でファイルをリモート ...

Cocoon

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

Cocoon

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

Cocoon

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

未分類

タイトル H2 H3 H4 H5 H6 /* 以下、好みに応じて子テーマ用のスタイルをお書きください。 ( Below here, please write down your own styles for the child theme. ...

OS, DB, ミドルウェア

Docker のインストール方法 インストール方法 インストール方法は、いくつかあるらしい。(リポジトリをセットアップする。rpm から入れる。テストと開発の環境を入れるなど) CentOS 7 を minimal install した場合 ...

OS, DB, ミドルウェア

ファイルシステムが ext4 から xfs に変更になった ネットワーク系のコマンドが変更になった   コマンドなどの違い pkg-config --> systemctl 系のコマンド ifconfig などのネットワーク ...

OS, DB, ミドルウェア

find + grep   find . -name \*.java -print | xargs grep "pattern" isoイメージをマウントする マウント mount -ro /home/iso/CentOS-7-x ...

サイト管理

Youtube に投稿した動画の埋め込みのテスト さっそく画面を貼り付けたところ。 解像度があっていないので汚い width と height を投稿時のものにする こんな感じか。 動画うの上のタイトルが邪魔だな。

WordPressテーマ開発

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

WordPressテーマ開発

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

WordPressテーマ開発

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

Web関連

Schema.org ってなんだ?って思っていたら構造化されたドキュメントのスキーマを決めたものらしい。 Webページに使うと、検索エンジンが意味を理解しやすくなるため SEO 対策になるようです。 パンくずリストがあると SEO 対策にな ...

Web関連

今まで、div タグに class でheader や footer などと書いていました。今回 WordPress のオリジナルテーマを作るにあたり、参考にした本やサイトで <header> <article> ...

WordPressテーマ開発

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

WordPressテーマ開発

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

WordPressテーマ開発

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

サイト管理

もう少しテンプレートでいろいろ試したかったので、追加のテスト用記事として投稿 見出し5 のテスト 見出し5 p にクラスが指定できないかのテスト p にクラスを設定してみる と思ったら p タグになっていなかった 別のタグのテスト ついでに ...

WordPressテーマ開発

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