新しいトップページ

WordPress用無料テーマ【HABONE】の配布およびテーマ作りの情報サイトへようこそ

本サイトでは、WordPressでブログを公開したい、できるだけ簡単に設定できるものがいい、プラグインを探す手間を省き、なるべく必要な機能をテーマだけで構築したいという方向けの、シンプルデザイン・高機能・高速表示を目指したテーマ【HABONE】の無料配布、および、これから自分でWordPressテーマを作ってみたいという方への情報提供を行っているサイトです。。

【HABONE】テーマの基本コンセプト

新しいトップページ|HABONE

すべての機能を制限なし、無料で利用いただけます

【HABONE】は、私「ひまあーと(HA)」の「骨格(BONE)」になるものをという想いで名付けたテーマで、元々私が管理するサイトで「こんなことができたらいいな」をどんどん追加していっている、いわば進化と研究を続けるテーマです。

最近ではWordPress向けに、有料やサブスクリプション形式の高機能テーマが増える中、より多くの方に使っていただきたいという想いを込めて、制限なし、無料ですべての機能をご利用いただけます。

テーマの未来(ロードマップ)はこちら>>

新しいトップページ|HABONE

プラグインなしでいろいろなことができます

WordPressと言えば、星の数ほどあるプラグインの中から、いろいろな機能を追加して使うサイト作成ツールです。

しかしながら、初心者の方にとって、目的の機能を持つプラグインを探すのは結構大変な作業です。

【HABONE】では、ブログを作り、公開し、より多くの方に読んでもらうために必要な機能を備えているので、設定を終えれば基本的に投稿作成に集中できます。

新しいトップページ|HABONE

高速表示・最適化を目指したテーマです

百聞は一見に如かず。今ご覧になっているサイト、またはページ内の「テーマの使用例」に掲載しているサイトを訪問してみてください。

リンク先サイトは、キャッシュ系プラグインも、高速化プラグインも使用していません。また、サーバー環境も特別高速なプランというわけでもありません。

今の貴サイトの表示速度と比べてどうでしょうか?

もしも速いと感じるなら、【HABONE】を試してみる価値はあるのでは?

新しいトップページ|HABONE

他のテーマへの移行も比較的簡単にできます

今までいろいろなテーマを使った経験のある方ならご存じかと思いますが、いざテーマを変えよう!という時の作業は大変ではありませんか?

【HABONE】は、万が一開発が途絶えたときにもご迷惑をおかけないよう、原則移行しやすい設計をしていますので、他のテーマへの切り替え時にも困ることがないように配慮しています。

本サイトでは、テーマ変更時に移行しやすいよう、備わっている機能の実装方法の紹介記事も多数掲載しており、今お使いのテーマへの機能追加や、テーマを自作したい方への情報提供も積極的に行っています。

【HABONE】テーマをおすすめしたい方、他テーマを探された方がいい方

【HABONE】テーマはあくまで私個人が使うために開発し、使う方がいたらどうぞ!という考え方に基づいて配布をしています

いわゆる誰でも使いやすいと感じるものを目指しているわけでありませんので、ご了承の上ご利用ください

【HABONE】テーマはこんな方におすすめ

  • 自身で調べていろいろな機能を追加したい方(カスタマイズ指向の方)
  • 多少の不都合や不具合は我慢、または、自身で改修できる方
  • 自身でデザインの調整などができる方
  • 将来的に自分で制作したテーマで運営してみたいという方
  • プラグインなしで必要な設定をある程度できるテーマをお探しの方

他のテーマを使われた方がいいかも

  • WordPressに全く触れたことがない、完全初心者の方
  • エラーや不具合が何もない、完璧なテーマをお探しの方
  • いろいろなカスタムブロックがあるテーマをお探しの方
  • 機能はプラグインで追加するのが原則という方
  • WordPress公式で配布されていないテーマを使うことに抵抗のある方
  • 有料でも高機能なテーマをお探しの方

【HABONE】テーマの苦手なところ

新しいトップページ|HABONE

ブロックエディタ用ですが、完全対応していません

最近では独自のブロック(カスタムブロック)を多数用意し、より投稿や固定ページを作りやすくしたテーマや、FSEに対応したテーマが多数リリースされています。

しかしながら、そうしたテーマは、変更時にブロックが壊れてしまうことが多く、たくさんのコンテンツを修正する必要が出てくることがあるため、テーマ変更が難しくなっていることが多いのが難点であると個人的には感じています。

【HABONE】テーマでは、そうした不都合をなくすため、WordPressの基本ブロックに少し装飾を加える程度のもののみを追加しており、テーマ変更への心配がないよう設計しています。

また、本テーマは、旧エディタ(ビジュアル・テキスト)での動作テストをしておりませんので、ブロックエディタをお使いください。

新しいトップページ|HABONE

全ての環境、プラグインとの相性は保証できません

コンセプトでも紹介した通り、【HABONE】は、自身の運営するサイト向けに制作したテーマです。

従って、私が管理するサイトが収容されているColorfulBoxサーバー以外でのテストは行っておりませんし、すべての閲覧環境で正常表示される保証もできません。

※本テーマはInternet Explorerへの対応はしておりません

また、星の数ほどある有料・無料プラグインとの相性をすべてチェックすることは不可能ですので、ひょっとしたら不具合が発生するかも知れません。

問題については、使用いただく方のフィードバック等をいただきながら改善していくようには致しますが、100%の動作保証はできません。

【HABONE】テーマの使用例

トップページをサイト型(固定ページ)にしているもの、ブログ型(投稿一覧)にしているもの、トップページの画像をスライダーにしているもの、固定画像にしているものなど、【HABONE】でできそうなことを用いたサイト例です

実際に稼働しているサイトですので、表現や表示速度など、テーマ選択の判断材料にしていただければと思います

Screenshot of www.momosiri.info

いつの間にかWordPressのことをたくさん書くサイトに..サイト型(固定ページ)のトップページにしています。

Screenshot of momosiri.nagoya

保護した猫との暮らしやライフハックを綴ったブログです。サイト型(固定ページ)のトップページにしています。

Screenshot of www.momosiri.info

趣味で行っている園芸についてのブログです。投稿一覧が表示されるブログ型のトップページです。

Screenshot of momosiri.nagoya

熱帯魚・金魚に関する情報ブログです。投稿一覧が表示されるブログ型のトップページです。

2022年4月5日現在では、私が管理するサイトのみとなっていますが、当テーマを使用している方のサイトも随時増やしていく予定です

【HABONE】テーマの機能

【HABONE】テーマに搭載されている主な機能の一覧です

サードパーティプラグインによって代替できる機能など、ほとんどの機能はテーマカスタマイザー上で有効/無効の切り替えができるように
していますので、機能が競合しないような設計を心掛けています

サイトの表示やデザインに関する機能

▼ サイト全体の色やフォント、文字サイズなどが簡単に変更できます
初心者の方でも簡単に色の変更などができるよう、テーマカスタマイザーから各所の指定ができます
▼ 3種類のトップページ画像の表示方法が選べます
トップページの画像は「なし」「固定画像」「3枚の画像が入れ替わるスライダー表示」から選べます
スライダーはJSを使わないため、表示速度低下などの影響がないようにしています
▼ 任意のカスタムサイトアイコンが使用できます
ブラウザのタブなどに表示するサイトアイコンは任意のものをアップロードして指定することができます
▼ 長い間更新していない投稿への案内表示ができます
最終更新日から指定期間が経過した投稿の本文先頭に、情報が古いかもしれない案内を表示します
▼ リストの表示を最終更新日順に並び替えることができます
表示画面の投稿一覧(アーカイブやカテゴリー一覧など)を「公開日順」ではなく「最終更新日順」で表示させることができます
▼ プライバシーポリシーリンクを自動表示させることができます
固定ページで対象ページを作成し、プライバシー設定で指定するだけで、フッターコピーライト表示右へ自動でプライバシーポリシーページへのリンクを表示します
▼ 標準ブロックでデザイン選択ができます
「段落ブロック」「テーブルブロック」「リストブロック」に対して、独自デザインを追加し、簡単に選択できるようにしています
▼ パソコンとモバイルで別々のトップページが設定できます
それぞれ固定ページを作ってパソコンとモバイルのトップページの出し分けをしたり、パソコンは固定ページ、モバイルはブログ一覧を表示させたりすることもできます
▼ 現在の投稿に関連する投稿の一覧を表示できます
投稿本文下へ、同一カテゴリーからランダムに抽出した関連記事を表示できます
▼ 投稿関係の独自ウィジェットが使用できます
アイキャッチ画像付きの「人気の投稿」「同一カテゴリーの人気投稿」「更新日を基準にした新着投稿」ウィジェットを任意の場所へ表示できます
▼ SNSシェアボタンを表示できます
投稿および固定ページ本文上下に「Twitter」「Facebook」「はてなブックマーク」「Pocket」「LINE」のシェアボタンを表示できます
また、ショートコードを使って任意の場所へ表示させることも可能です
▼ タイトル上にパンくずリストを表示させることができます
投稿および固定ページのタイトル上に、そのページまでの階層を示すパンくずリストを表示します
▼ 最下部のウィジェットを追従表示させることができます
サイドバー最下部に挿入したウィジェットを、ページ終了まで表示させつづけることができます
※簡易機能のため、挿入するウィジェットによっては正常に機能しないことがあります
▼ モバイル表示でテーブルを横スクロールさせることができます
モバイル表示時に、テーブルブロックをデザインが崩れることなく横スクロールできるようにします
▼ 文字単位での装飾ができます
ブロック単位ではなく、文字単位で「アンダーライン」「マーカー」を引いたり、「文字の大きさ(1.2倍1.5倍)」の指定ができます
▼ 多言語化に対応しています
本テーマは英語ベースで作成し、日本語翻訳ファイルを適用させて日本語表示させています。言語ファイルを用意することで、多言語でのサイトを作ることができます

項目をクリックすると説明をご覧いただけます

セキュリティ・管理画面の利便性・WordPress基本機能の制御に関する機能

▼ ログインをメールアドレスに限定できます
ログイン情報に、類推されやすいユーザーIDではなくメールアドレスを使用するよう強制することができます
▼ 著者スラグを自由に変更できます
通常「サイトURL/author/著者スラグ」になっている著者スラグ部分をユーザープロフィールから簡単に変更できます。
▼ REST APIを無効にすることができます
WordPressの管理に最低限必要な場合を除く、REST APIを無効にし、セキュリティを高めます
▼ 内部リンクカードのデザインを調整します
WordPress標準の内部リンクカードについて、大画像リンクの生成停止やカード表示の拡張(本文幅いっぱいに表示)をさせることができます
▼ RSSフィードの出力を更新日順にすることができます
通常「公開日」で出力されるRSSフィードデータを「更新日順」で出力させ、更新した投稿が新着として認識される手助けをします
▼ 最終更新日を変更しないようにできます
投稿・固定ページ編集画面で、更新日の変更をしないようにできます
クイック編集(個別指定)を行った際の最終更新日変更を停止させます
※一括変更時には適用されません
▼ 再利用ブロックの編集を無効にできます
誤って編集してしまうことがないよう、投稿編集画面での再利用ブロックの編集を無効にします
▼ タグをリスト表示させることができます
投稿編集画面の「タグ」表示を「カテゴリー」と同じリスト形式へ変更できます
▼ メディアの表示をユーザーこどの限定できます
ログインしているユーザー以外がアップロードした画像を、メディア一覧から見えないようにできます
▼ 管理画面から再利用ブロックが操作できます
管理画面のメニューへ再利用ブロックのメニューを追加し、管理しやすくします
▼ ブロックベースのウィジェットを無効にできます
旧来のウィジェット設定画面を使い続けられるようスイッチを設けました
▼ Emoji機能を停止することができます
WordPress標準で有効化されているEmoji機能を無効にし、余分なコードを出力しないようにします
▼ XML-RPC通信を無効にします
主にモバイル環境からの投稿機能のみに使われるXML-RPC通信を停止し、セキュリティを高めます
▼ 添付ファイルページをリダイレクトさせます
アップロードした画像に自動で生成される添付ファイルページへのアクセスされた際、トップページへリダイレクトさせます
▼ LazyLoad属性の付与を無効にできます
WordPress標準で画像へ自動付与される遅延読み込み属性を停止することができます
▼ 「-scaled」ファイルが生成されないようにします
縦横サイズの大きな画像をアップロードした際に自動生成されてしまう「-scaled」のファイルを生成されないようにします
▼ ブロックに外枠を付けることができます
ブロックエディタの各ブロックへ外枠を付けて見やすくします
▼ 独自ブロックパターンを使うことができます
使いまわし可能な独自のブロックパターンを任意に作成することができます
▼ 子テーマからfunctionの上書きができます
親サイトのユーザー定義関数(独自関数)のほとんどは子テーマに競合する関数があっても不具合を起こさないようにしています。子テーマへ親テーマの関数をコピーしてカスタマイズすることで、親テーマの関数の内容を上書きすることができます

項目をクリックすると説明をご覧いただけます

出力されるソースの最適化、表示高速化

▼ 検索エンジン向け情報の出力(SEO)ができます
通常のタイトルや抜粋とは別に、検索エンジン向けの「タイトル(title)」「説明文(description)」「キーワード(keywords)」を設定できます
▼ altタグが設定されていない画像への自動設定ができます
本文内に挿入した画像にalt属性が設定されていなかった場合、投稿または固定ページのタイトルをalt属性として自動で付与します
▼ 本文冒頭への説明文表示させることができます
「抜粋」または「説明文」に入力した文章を、投稿の概要として本文冒頭に表示させることができます
▼ HTMLを圧縮して出力できます
転送量を減らし、より高速に表示できるよう、余分なコメントや改行を削除した形でHTMLソースを出力します
▼ フロントエンドで必要のない要素を出力しないようにできます
WordPress標準で出力されるものの、表示画面側では使われていないスクリプトやCSSの読み込みを停止し、表示速度を改善します
▼ レンダリングをブロックするスクリプトを遅延読み込み処理させます
WordPressで出力されるスクリプトへdefer(遅延読み込み)処理を追加し、順に読み込む待ち時間を減らし、表示速度を改善します
※日本ブログ村、Twitter埋め込み、Instagram埋め込みの遅延も任意に行えます
▼ OGPタグ、構造化データを自動出力できます
Twitterなどに貼ったリンクURLをカード表示させるOGPタグと、検索エンジンに情報を伝える構造化データ(schema.org形式)を自動出力します

Google Adsense Analytics 商品広告 その他

▼ Google Adsense広告の遅延処理ができます
Google Adsense広告の処理を遅延させ、表示速度の低下を防止します
▼ インフィード広告のが簡単に設置できます
インフィード広告を、指定した間隔で定期的に表示させるようにできます
▼ 管理ユーザーの広告クリックを禁止できます
簡単な設定で、管理者権限を持つユーザーが広告を誤クリックしないようにします
▼ Google Analytics解析タグが簡単に設定できます
GA4に対応したGoogle Analyticsタグを簡単に設定できます。また、サブディレクトリサイトだけを検証できるよう、2つコードを設けることもできるようにしています
旧来のUA(ユニバーサルアナリティクス)の解析コードも設定可能です
▼ 徹底的に不要な要素は出力しないようにしています
パソコンとモバイルとで読み込むスクリプトやCSSを限定するなど、必要時以外に不要なコードがHTML出力されないように配慮しています。
▼ 子テーマも無料で配布しています
カスタマイズ時に役立つ子テーマを無料で配布しています。もちろん子テーマにおいても、パソコンとモバイルで別々のCSSを適用させることができます

どれが独自機能なの?という位たくさんの機能を実装しておりますので、上記がすべてではありません

今後も更に「こんなのが標準であったら便利かも」という機能をどんどん追加していく予定です

項目をクリックすると説明をご覧いただけます

【HABONE】テーマの開発環境・動作要件

使用しているサーバーColorful Box(カラフルボックス) BOX2プラン
WEBサーバーLiteSpeed
PHPバージョン7.4および8.0
Mysqlバージョンmysqlnd 7.4.23
WordPressバージョン6.0
動作・表示テスト(PC)Google Chrome
Microsoft EDGE
Opera
Mozilla Firefox
テストはすべてWindows版(Windows10上)のみで行っています
動作・表示テスト(モバイル)スマートフォンおよびタブレットについては、Google Chromeのデベロッパーツールおよび、拡張機能「Responsive Viewer」「モバイルシミュレーター」でテストを行っています

本テーマは、構造上、旧ブラウザ(Internet Explorerやバージョンの古いその他ブラウザ)には対応させていません。
また、今後も対応予定はありませんので、旧ブラウザでも正常表示させたい方は、本テーマの使用をご遠慮ください

PHP、WordPress本体については上記のバージョンでのみ動作チェックを行っておりますので、下位互換性についての確認はしておりません

環境の違いや併用するプラグインとの相性などにより、正常に動作しないことがありますので、了承の上使用ください

実際に公開・動作させている環境でのテーマ構築を行う目的から、テスト環境ではなく、本サイト自身で開発・改修・修正・調整などを行っております。

閲覧されるタイミングによっては、表示に不具合があったり、動作しないものがあったりすることがありますが、ご容赦ください