新着 screenshot.pngを用意する
管理画面のテーマ一覧で、どんなサイトかをあらわす画像にあたります。推奨サイズは880-660pxです。テーマディレクトリに格納します。
新着 
テーマおすすめ Luxeritas（ルクセリタス）が気に入ってます｜ワードプレスの無料テーマ
Luxeritas（ルクセリタス）は、ワードプレスの無料テーマ。細部まで調整できる設定と無駄に多いウィジェットが気に入って、自サイトに順次導入中。Luxeritas Theme当サイトも最近Luxeritas（ルクセリタス）に変更済み。サイ...
functions.php ウィジェットエリアの追加
ウィジェットエリアの新規追加は、functions.php に下記を追加する。各値は適宜変更してお使いください。下記は例として、Twenty Twelve の子テーマで使用しているものです。/* ウィジェット追加 */if(function...
functions.php 子テーマで親テーマのスタイルシートを呼び込む
functions.php に下記で親テーマのstyle.cssを呼び込むadd_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );function theme_enqueue_s...
functions.php タイトルタグを呼び出す｜title-tag
タイトルタグを自動で呼び出す。ワードプレスのバージョン4.1以降に採用。サンプルfunctions.phpファイルに下記の1行を追加するだけ。add_theme_support( 'title-tag' );注意header.phpに記入し...
便利ツール 「外観→カスタマイズ」からモバイル表示の確認ができるようになった！｜ライブレスポンシブプレビュー
ワードプレスの管理画面に、ライブレスポンシブプレビューという名前で新機能が追加です。ワードプレスのバージョン4.5.3からの追加仕様で、管理画面メニューの「外観→カスタマイズ」からモバイル表示の確認ができるようになってます。今ではWebブラ...
AMP 投稿記事をAMP対応化してくれるプラグイン「AMP」
投稿記事のみになりますが、インストールして有効化をするだけでAMP対応ページになるワードプレスの公式プラグインをご紹介。まだリリースして間がないので、頻繁に更新は入ってくるでしょう。しかし、設定も必要なくAMP対応になるのはうれしい限りです...
AMP CSSの追加｜AMP対応のHTMLファイルを作ってみる
CSSは、HEAD内に設置する。またはインラインで。外部CSSファイルの呼び出しはできない仕様。HEAD内での設置サンプルソース<head>・・・<style amp-custom> /* any custom style goes her...
AMP 画像imgタグの追加｜AMP対応のHTMLファイルを作ってみる
画像のimgタグでは、AMP対応タグの追加が必要。サンプルタグ<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800" layout="responsive"></a...
AMP ファイル作成｜AMP対応のHTMLファイルを作ってみる
AMP対応とはいっても、対応するのはモバイル（スマートフォン、タブレットなど）のみ。そのため、ウェブページをつくるならパソコン表示のページも必要となる。ということは、同じ内容のページが2枚必要ということ。今まではレスポンシブ対応で作っていた...
AMP AMPとは?｜AMP対応のHTMLファイルを作ってみる
AMP（Accelerated Mobile Pages）とは、モバイル向けのオープンソースプロジェクト。参考サイト：ケータイWatchスマートフォンやタブレットの検索ページで、日本でも2016年2月25日からスタート。参考サイト：INTE...
便利ツール HTMLエラーチェッカー｜グーグルクロムの拡張機能
HTMLタグの構文エラーチェックをしてくれるグーグルクロムの拡張機能。タグの閉じ忘れなどを見つけてくれるスグレモノです。使用時の注意（2015.4.22 追記）サイトの自動ログイン、ネット通販での購入時などで入力フォームがある場合に、まれに...
プラグインおすすめ ワードプレスのプラグインをお気に入りページに追加する
ワードプレスのプラグインでよく使うものは、お気に入りのページに登録しておくと便利です。お気に入りページに登録しておくと、どのワードプレス管理画面からでも呼び出しができるのが利点です。使い方1. プラグインの新規追加→「お気に入り」をクリック...
新着 1-4 リセットCSSを追加する
ブラウザごとの装飾をいったん初期化させる「リセットCSS」。はじめのうちは不要かと思います。サイト作りに慣れてきて、ウェブブラウザ元のページの装飾に不愉快さを感じてくると、そのときに採用してもいいかもしれません。ちなみに、私は現在使用してい...
新着 1-3 index.phpファイルを作る
テキストエディターソフトで、index.phpファイルを作成します。HTML5を使います。はじめに、こんなHTMLソースを作ってみました。<!DOCTYPE html><html lang="ja"><head><meta charset=...
新着 1-2 style.cssファイルを作る
テキストエディターソフトで、新規ファイルを作成。テラパッドで説明します。起動したところ。下記を入力。始めに必ず入れる、お約束のようなもの。@charset "UTF-8";/*Theme Name: HN-100Theme URI: Des...
新着 1-1 テーマのフォルダを作る
まずは、テーマのファイルを入れるフォルダ作りから。作る場所は、themesフォルダの中。けっこう深い階層にあります。Bitnamiフォルダ以下から参考にしてください。新規フォルダの名前は「june1412」としました。もともと入っているテー...
新着 0-3 BitNamiをインストールする
ワードプレスのテーマを作成するのが目的なので、普段はレンタルサーバーでかんたんインストールなんてやってますが、今回はパソコンにインストールを行います。どんなツールがいいかなとググってみると「BitNami」というのが初心者でもカンタンに使え...
プラグインおすすめ サイトマップページを作成する PS Auto Sitemap
サイト内のサイトマップページは、訪問者には目次として必要なもの。ページ数が多くなればなおさらです。PS Auto Sitemapは、そんなサイトマップページを自動作成してくれるプラグイン。デザインも複数用意されてあるので使い勝手がイイ。プラ...
プラグインおすすめ 記事をページ分けするときのソースタグ＆表示カスタマイズ
プラグインではないですが、実はこんなんもあったんだよと言われてみて初めて知ったツールのひとつ。記事の入力時に、文章が長くなりそうだなと思ったらいったん区切ってページとして分けたくなります。そんなときは、分けたい文章の境い目に下記のタグを挿入...