ikubo

WordPressテーマ開発

05: WordPress – オリジナルのテンプレートの作成 – 3カラムレイアウト

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

04: WordPress – Bootstrapで3カラムレイアウトの作成 – レスポンシブデザイン

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

schema.org に従った Webページの構造化

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

WordPressのオリジナルテーマで使用した html5 のタグについて

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

03: WordPress – Bootstrapで2カラムレイアウトの作成 – レスポンシブデザイン

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

02: WordPress – 2カラムレイアウトのテンプレートの骨組み作成

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

01: WordPress – さくらインターネットのスタンダードプランにWordPressをインストール

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

壊れても構わないテスト用の記事

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

WordPress のプラグイン

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

レイアウトを確認するための投稿

レイアウト確認他のための記事です。ここで h1, h2, h3, h6, p, img を確認しますレイアウトの説明各タグの使い方次のように使い方を決めました h1: タイトル h6: タイトルの下に、記事の説明的なものを書くために使用する...
サイト管理

サイト管理のためのページ

このサイトを管理するためのルールに関するページです。完全に自分のためのページです。ヘッダタグの使い方h1: タイトル 「windows tips」「オンライン3Dアクションゲームの作り方 - day1」などh6: タイトルの下の簡単な説明 ...