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、 ...
レイアウトを確認するための投稿
レイアウト確認他のための記事です。ここで h1, h2, h3, h6, p, img を確認します レイアウトの説明 各タグの使い方 次のように使い方を決めました h1: タイトル h6: タイトルの下に、記事の説明的なものを書くために使 ...
サイト管理のためのページ
このサイトを管理するためのルールに関するページです。完全に自分のためのページです。 ヘッダタグの使い方 h1: タイトル 「windows tips」「オンライン3Dアクションゲームの作り方 - day1」などh6: タイトルの下の簡単な説 ...