WordPressテーマ開発 05: WordPress – オリジナルのテンプレートの作成 – 3カラムレイアウト 3カラムのテンプレートに、WordPrsses の記事を表示する部分を実装します次のような機能を実現します。一部、プラグインを使うところは、後日実装します。 ヘッダー タイトル パンくずリスト用のエリア 左サイドバー カレンダーアーカイブ用... 2018.11.18 WordPressテーマ開発
WordPressテーマ開発 04: WordPress – Bootstrapで3カラムレイアウトの作成 – レスポンシブデザイン Bootstrap を使って 3カラムレイアウトのテンプレートを作成しますオリジナルテーマの作り方を探していると、ほとんどが 2 カラムのレイアウトになっています。熱帯魚のブログを他サイトから引っ越してくる際に、それまで使っていた 3 カラ... 2018.11.17 WordPressテーマ開発
Web関連 schema.org に従った Webページの構造化 Schema.org ってなんだ?って思っていたら構造化されたドキュメントのスキーマを決めたものらしい。Webページに使うと、検索エンジンが意味を理解しやすくなるため SEO 対策になるようです。パンくずリストがあると SEO 対策になるっ... 2018.11.17 Web関連
Web関連 WordPressのオリジナルテーマで使用した html5 のタグについて 今まで、div タグに class でheader や footer などと書いていました。今回 WordPress のオリジナルテーマを作るにあたり、参考にした本やサイトで <header> <article> <footer> などのタ... 2018.11.17 Web関連
WordPressテーマ開発 03: WordPress – Bootstrapで2カラムレイアウトの作成 – レスポンシブデザイン Bootstrap の grid システムを使って、WordPress のカスタムテンプレートをレスポンシブデザインにしますBootstrap の導入まずは、bootstrap-4.1.3-dist.zip してきます。その中から次のファイ... 2018.11.17 WordPressテーマ開発
WordPressテーマ開発 02: WordPress – 2カラムレイアウトのテンプレートの骨組み作成 Bootstrap でレスポンシブデザインを作っていくための下準備今回は、テンプレートを分割して配置するところまで行います。デザインを調整する際に必要がないため、WordPress として記事を表示する部分は実装しません。とりえず、こんな感... 2018.11.17 WordPressテーマ開発
WordPressテーマ開発 01: WordPress – さくらインターネットのスタンダードプランにWordPressをインストール クイックインストールで簡単にインストールできます。1時間くらいでできると思います。WordPress でオリジナルテーマを作るにあたり、まずは、さくらインターネットのスタンダードプランにWordPress をインストールしました。あらためて... 2018.11.16 WordPressテーマ開発
サイト管理 壊れても構わないテスト用の記事 もう少しテンプレートでいろいろ試したかったので、追加のテスト用記事として投稿見出し5 のテスト見出し5p にクラスが指定できないかのテストp にクラスを設定してみると思ったら p タグになっていなかった別のタグのテストついでに引用もテスト ... 2018.11.12 サイト管理
WordPressテーマ開発 WordPress のプラグイン 自分で試してみたプラグインについて、ここにメモしています。Crayon Syntax Highlighterこの機能が欲しくてWordPress をはじめました。重たいって言われています。重たいのは、preタグの中をtableやdiv、sp... 2018.11.11 WordPressテーマ開発
サイト管理 レイアウトを確認するための投稿 レイアウト確認他のための記事です。ここで h1, h2, h3, h6, p, img を確認しますレイアウトの説明各タグの使い方次のように使い方を決めました h1: タイトル h6: タイトルの下に、記事の説明的なものを書くために使用する... 2018.11.11 サイト管理
サイト管理 サイト管理のためのページ このサイトを管理するためのルールに関するページです。完全に自分のためのページです。ヘッダタグの使い方h1: タイトル 「windows tips」「オンライン3Dアクションゲームの作り方 - day1」などh6: タイトルの下の簡単な説明 ... 2018.11.10 サイト管理