Apura(アプラ)は、WordPress公式ディレクトリに登録された無料テーマです。シンプルなデザインと軽量な設計で、あらゆるウェブサイトプロジェクトの基盤として使えることを目指しています。
テーマのコンセプト
Apuraは、「シンプルで軽量、どんなサイトにも合う基盤」をコンセプトに開発されました。
余計な装飾を省いたシンプルなデザインをベースに、カスタマイザーから色・フォント・レイアウトを自由に調整できます。ブログ、ビジネスサイト、ポートフォリオ、オンラインストアなど、用途に合わせて柔軟にカスタマイズしていける、そんな土台となるテーマです。
Apuraは、必要なものだけを備えた軽量なテーマです。コードを書かなくても管理画面からデザインを調整でき、足りない機能はプラグインで拡張していく設計になっています。
WordPress公式のコーディング規約に準拠した堅実なコードベースのため、開発者にとっても子テーマやプラグインから柔軟にカスタマイズできる拡張性を備えています。
主な機能
ヒーローセクション
フロントページに大きなビジュアルを表示するヒーローセクションを標準搭載。画像はもちろん、MP4形式の動画にも対応しています。テキストの位置やオーバーレイの色、CTAボタンのテキスト・リンク先も自由に設定でき、デスクトップ・タブレット・モバイルそれぞれの高さを個別に調整できます。
グローバルカラーパレット
プライマリ、アクセント、ベース、テキストなど8色の基本カラーを中心としたカラーパレットシステムを搭載。カスタマイザーで設定した色はブロックエディターにも自動的に反映されるため、サイト全体で統一感のあるデザインを簡単に実現できます。リンク色や見出し色の個別設定にも対応しています。
豊富なフォント選択
Noto Sans JP、Zen Maru Gothic、IBM Plex Sans JPなどの日本語フォントを含む、22種類のGoogle Fontsと16種類のシステムフォントから選択可能。本文と見出し(H1〜H6)それぞれにフォント・サイズ・太さ・行間を設定でき、デバイスごとの表示サイズも個別に指定できます。
柔軟なレイアウト設定
コンテンツ→サイドバー、サイドバー→コンテンツ、サイドバーなしの3種類のレイアウトをグローバルに設定できます。さらに、アーカイブ・投稿・固定ページごとにレイアウトを個別に上書きできるため、ページの特性に合わせた最適な表示が可能です。サイドバー幅やコンテナ幅も自由に調整できます。
組み込みSEO機能
パンくずナビゲーションとSchema.orgスキーママークアップを標準で搭載。パンくずはページタイプごとに表示・非表示を切り替えでき、区切り文字もカスタマイズ可能です。スキーマは WebPage や SearchResultsPage など、ページの種類に応じた構造化データを自動で出力します。
ヘッダー・フッターカスタマイズ
ヘッダーは3種類のレイアウトから選択可能。モバイルメニューはフルスクリーンとオフキャンバスの2タイプに対応し、方向(左・右)やオーバーレイ色も設定できます。トップバーにはFacebook、X(Twitter)、Instagram、YouTube、LINEなど15種類のソーシャルメディアアイコンを表示可能。フッターは最大4カラムのウィジェットエリアを備え、デバイスごとのカラム数も指定できます。
アーカイブ・投稿ページの細かな制御
アーカイブページはリスト表示・グリッド表示を選択でき、グリッドのカラム数もデバイスごとに設定可能。投稿ページでは、カテゴリーバッジ、投稿日、更新日、著者、コメント数など、表示する要素を細かく制御できます。
WooCommerce・ブロックエディター完全対応
WooCommerceに対応しているため、オンラインストアの構築もスムーズです。Gutenbergブロックエディターにも完全対応しており、カスタマイザーで設定したカラーパレットがエディター上にも自動反映されます。RTL言語もサポートしています。
豊富なフック(アクション・フィルター)
Apuraは60以上のアクションフックと100以上のフィルターフックを提供しています。ページの主要な箇所すべてにフックポイントが設けられており、テーマファイルを直接編集することなく、子テーマやプラグインから自由に動作を拡張・変更できます。
開発者フレンドリーな拡張性
Apuraは「拡張しやすいテーマ」として設計されています。WordPress公式コーディング規約に準拠したクリーンなコードベースと豊富なフックシステムにより、子テーマやプラグインからテーマの動作を細かく制御できます。
アクションフック
ページの骨格を構成するすべての箇所にアクションフックが用意されています。コンテンツの追加・置換・削除をテーマファイルを一切触らずに行えます。
| カテゴリ | 主なフック |
|---|---|
| ページ構造 | apura_before_header / apura_after_headerapura_before_footer / apura_after_footerapura_before_content_sidebar_wrap / apura_after_content_sidebar_wrap |
| フッター内部 | apura_footer_top / apura_footer_main / apura_footer_bottom |
| ループ・エントリ | apura_before_while / apura_after_endwhileapura_before_entry / apura_entry / apura_after_entry |
| アーカイブ要素 | apura_archive_element_before_{element}apura_archive_element_{element}apura_archive_element_after_{element} |
| 記事・ページ | apura_singular_article_beforeapura_singular_article_contentapura_singular_article_after |
| コメント | apura_before_comments / apura_comments / apura_after_commentsapura_before_comment_text / apura_after_comment_text |
| ナビゲーション | apura_before_offcanvas_nav / apura_after_offcanvas_navapura_before_fullscreen_nav / apura_after_fullscreen_nav |
| ページヘッダー | apura_{template}_before_page_headerapura_{template}_page_header_contentapura_{template}_after_page_header |
| サイドバー | apura_before_sidebar_widget_area / apura_sidebar / apura_after_sidebar_widget_area |
フィルターフック
出力されるHTMLや設定値をフィルターで上書きできます。特にカスタマイザー拡張フィルターは、プラグインが独自の設定項目をApuraのカスタマイザーパネルに直接追加できる強力な機能です。
| カテゴリ | 主なフック |
|---|---|
| コンテンツ表示 | apura_post_title / apura_post_title_wrapapura_get_post_thumbnail / apura_get_post_thumbnail_no_image_urlapura_post_meta_list_output / apura_singular_post_meta_items |
| メタ情報 | apura_should_render_meta_description / apura_meta_descriptionapura_content_width |
| パンくず | apura_breadcrumb_args / apura_build_crumbsapura_breadcrumb_post / apura_breadcrumb_cptapura_breadcrumb_category / apura_breadcrumb_tax(ページ種別ごとに個別対応) |
| アーカイブタイトル | apura_taxonomy_archive_title_text / apura_taxonomy_archive_subtitle_textapura_search_title_subtitle_text / apura_author_archive_title_text |
| カスタマイザー拡張 | apura_customizer_archive_fieldsapura_customizer_header_fields / apura_customizer_footer_fieldsapura_customizer_single_fields / apura_customizer_page_fieldsapura_customizer_typography_fields / apura_customizer_seo_fields |
| レイアウト | apura_customizer_archive_layoutsapura_customizer_single_layouts / apura_customizer_page_layoutsapura_post_list_layouts |
コード例:フックを使った拡張
以下は子テーマやプラグインで実際に使える代表的なカスタマイズ例です。
// ヘッダー直後にキャンペーンバナーを追加
add_action( 'apura_after_header', function() {
if ( ! get_option( 'my_plugin_banner_enabled' ) ) {
return;
}
echo '<div class="my-campaign-banner">' . esc_html( get_option( 'my_plugin_banner_text' ) ) . '</div>';
} );
// パンくずナビのセパレーターを変更
add_filter( 'apura_breadcrumb_args', function( $args ) {
$args['separator'] = '›';
return $args;
} );
// CPT の記事ページでメタディスクリプションをカスタマイズ
add_filter( 'apura_meta_description', function( $description ) {
if ( is_singular( 'product' ) ) {
$custom = get_post_meta( get_the_ID(), '_custom_description', true );
return $custom ? $custom : $description;
}
return $description;
} );
// プラグインからカスタマイザーに独自フィールドを追加
add_filter( 'apura_customizer_archive_fields', function( $fields ) {
$fields[] = [
'id' => 'my_plugin_show_badge',
'type' => 'apura-toggle',
'label' => '独自バッジを表示',
];
return $fields;
} );
// アーカイブの各投稿カードにバッジを追加
add_action( 'apura_archive_element_before_title', function() {
if ( get_option( 'my_plugin_show_badge' ) ) {
echo '<span class="my-badge">NEW</span>';
}
} );
子テーマサポート
Apuraは子テーマを完全にサポートしています。スタイルのカスタマイズはもちろん、フックやフィルターを使った機能拡張、テンプレートファイルの上書きまで、Apuraテーマの更新の影響を受けずにカスタマイズを維持できます。
テーマを使ってみる
ApuraはWordPress公式テーマディレクトリから無料でインストールできます。管理画面の「外観 → テーマ → 新しいテーマを追加」から「Apura」と検索してください。