cocoon で画像を拡大できるようにする
ブログに unreal engine の記事を追加しようと思ったのだが、Blueprint は画像が大きくなってしまうので、画像拡大の機能が欲しくなった。 cocoon での使い方は以下の通り Cocoon 設定から「画像」を選択 画像拡大 ...
Git の基本操作
適当に書いたので、違ったらすみません。 git の初期操作 git の開始 git init : 新規のフォルダで開始する場合git clone : すでにあるリポジトリからファイルをコピーしてきて開始する場合 git でファイルをリモート ...
Cocoon で Prism.js を使う
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. ...
Docker
Docker のインストール方法 インストール方法 インストール方法は、いくつかあるらしい。（リポジトリをセットアップする。rpm から入れる。テストと開発の環境を入れるなど） CentOS 7 を minimal install した場合 ...
CentOS 7 memo
ファイルシステムが ext4 から xfs に変更になった ネットワーク系のコマンドが変更になった コマンドなどの違い pkg-config --> systemctl 系のコマンド ifconfig などのネットワーク ...
CentOS 7 Tips
find + grep find . -name \*.java -print | xargs grep "pattern" isoイメージをマウントする マウント mount -ro /home/iso/CentOS-7-x ...
youtube 動画の埋め込みテスト
Youtube に投稿した動画の埋め込みのテスト さっそく画面を貼り付けたところ。 解像度があっていないので汚い width と height を投稿時のものにする こんな感じか。 動画うの上のタイトルが邪魔だな。
06: WordPress – 余分なヘッダの削除
<head> 内に追加される不要なタグを取り除く 標準でいろいろ不要だと思うものが<head> タグ内に追加されています。これらを消していきます。SEO的にあった方が良いものもあるのかもしれませんが、わからないものは ...
05: WordPress – オリジナルのテンプレートの作成 – 3カラムレイアウト
3カラムのテンプレートに、WordPrsses の記事を表示する部分を実装します 次のような機能を実現します。一部、プラグインを使うところは、後日実装します。 ヘッダー タイトル パンくずリスト用のエリア 左サイドバー カレンダーアーカイブ ...
04: WordPress – Bootstrapで3カラムレイアウトの作成 – レスポンシブデザイン
Bootstrap を使って 3カラムレイアウトのテンプレートを作成します オリジナルテーマの作り方を探していると、ほとんどが 2 カラムのレイアウトになっています。熱帯魚のブログを他サイトから引っ越してくる際に、それまで使っ ...
schema.org に従った Webページの構造化
Schema.org ってなんだ？って思っていたら構造化されたドキュメントのスキーマを決めたものらしい。 Webページに使うと、検索エンジンが意味を理解しやすくなるため SEO 対策になるようです。 パンくずリストがあると SEO 対策にな ...
WordPressのオリジナルテーマで使用した html5 のタグについて
今まで、div タグに class でheader や footer などと書いていました。今回 WordPress のオリジナルテーマを作るにあたり、参考にした本やサイトで <header> <article> ...
03: WordPress – Bootstrapで2カラムレイアウトの作成 – レスポンシブデザイン
Bootstrap の grid システムを使って、WordPress のカスタムテンプレートをレスポンシブデザインにします Bootstrap の導入 まずは、bootstrap-4.1.3-dist.zip してきます。 その中から次の ...
02: WordPress – 2カラムレイアウトのテンプレートの骨組み作成
Bootstrap でレスポンシブデザインを作っていくための下準備 今回は、テンプレートを分割して配置するところまで行います。デザインを調整する際に必要がないため、WordPress として記事を表示する部分は実装しません。と ...
01: WordPress – さくらインターネットのスタンダードプランにWordPressをインストール
クイックインストールで簡単にインストールできます。1時間くらいでできると思います。 WordPress でオリジナルテーマを作るにあたり、まずは、さくらインターネットのスタンダードプランにWordPress をインストールしました。あらため ...
壊れても構わないテスト用の記事
もう少しテンプレートでいろいろ試したかったので、追加のテスト用記事として投稿 見出し5 のテスト 見出し5 p にクラスが指定できないかのテスト p にクラスを設定してみる と思ったら p タグになっていなかった 別のタグのテスト ついでに ...
WordPress のプラグイン
自分で試してみたプラグインについて、ここにメモしています。 Crayon Syntax Highlighter この機能が欲しくてWordPress をはじめました。重たいって言われています。重たいのは、preタグの中をtableやdiv、 ...