Skip to content

[WordPress Theme] BlankBlanc

License

Notifications You must be signed in to change notification settings

sapphirus9/blankblanc

Repository files navigation

BlankBlanc

Original WordPress Theme

ウェブサイト+ブログを構築するためのベース用テーマとして、CSSによるデザインやレイアウトの組み込みやすさを主眼に置き、飾りなどを抑えたシンプルなレスポンシブデザイン対応のオリジナル無料テーマです。

カテゴリーやページ毎に設定したslug名と同じスタイルシートをテーマ内に用意することで、各々スタイルの調整を行うことができます。
基本CSSではレスポンシブデザインとして、782pxでスマートフォン向けのレイアウト切り替えを設けています。

おもな機能

  • レスポンシブデザイン(モバイル表示:<768px)
  • 一覧ページではリスト一覧/タイル並びレイアウトタイプ切り替え
  • 固定/投稿ページのカラムレイアウト選択(2カラム/1カラム幅固定/全福/画面全福)
  • パンくず表示(schema.org)
  • ページ毎に設定できる目次機能
  • ページ毎に設定できるメインビジュアル設定
  • トップページはメインビジュアル・カラムレイアウト・一覧レイアウトタイプを専用で設定
  • ヘッダーナビ/グローバルナビの子階層をドロップダウンメニュー化
  • モバイル表示ではスライド開閉のナビを用意(左右選択可)
  • モバイルメニューは表示項目の選択と並べ替えが可能
  • 上部に固定を設定できるグローバルナビ
  • 画面上下部で固定を設定できるサイドカラム
  • ページが構築されるまでローディング表示する機能の設定
  • 日本語タイトルの投稿時はスラッグを自動的に設定(投稿タイプ+ポストID)
  • ページ毎にCSS/JSファイルの読み込みが可能(style-{スラッグ}.css/js-{スラッグ}.js)
  • Cookieの使用同意についての画面表示設定を追加


   
   

~ ご利用にあたり ~

  • サイトに合わせてCSS等でデザイン加工やレイアウトを行って利用されることを前提としていますので、完成されたデザインテーマを望まれる方の用途には向いておりません。
  • また、SEOやAMPの対応、計測タグ、ソーシャル関連の設置などもプラグインでの利用を前提としています。
  • BlankBlancを利用される際は親テーマのアップデートに対応できるよう、子テーマ(BlankBlanc Child)を用いてカスタマイズすることをお勧めします。
  • ウィジェットはブロックエディターには未対応のため、従来のウィジェット設定を利用してください。(widgets-block-editorにて暫定的にサポートを停止)
  • メインビジュアル、目次機能は限定(試用的な)での公開となります。
  • BlankBlancは日本語向けテーマです。(Japanese Only)

動作要件

  • WordPress 5.9以降
  • PHP 5.6.20以降(原則WordPress本体の動作条件に準ずる)
  • Chrome, Firefox, Edge, Safariは原則として最新バージョンに対応
  • IE 11は非対応

インストールの前に

CodeまたはTagsからダウンロードをする際、アーカイブファイル内のフォルダにmasterやバージョンが付加されるので、「blankblanc」にフォルダ名を書き換え(場合によっては再アーカイブ化)てからテーマのインストールや更新を行ってください。
※フォルダ名の変更(同じテーマではフォルダ名を合わせる)を行わないと別テーマとして登録されるため、アップデートなどの際に重複によるエラーの原因になります。

基本設定

初期値

functions.phpにある bb_config_default() 内で設定した値が使用されます。

テーマオプション(WP管理画面 > 外観)

各項目の初期値として bb_config_default() の設定値が設定されます。 ここで『設定を保存』すると初期値とは別にWP内に保存され、以降はここでの設定値が反映されます。

『初期状態に戻す』ボタンを押すと変更した項目はすべてクリアされ、 bb_config_default() の設定値が再び有効になります。

各項目と設定値

項目 キー タイプ 初期値
titleタグのセパレーター title_separator string
titleに併記するキャッチフレーズ title_catchphrase string 一般設定のキャッチフレーズ
一覧ページのタイトル接尾辞 archive_title_suffix string の一覧
アイキャッチ画像 post_thumbnail array
幅[数値], 高さ[数値], 切り出し[true/false]
array(1200, 630, true)
一覧ページのサムネイル画像 archive_thumbnail array
幅[数値], 高さ[数値], 切り出し[true/false]
array(300, 300, true)
記事抜粋時の省略表記 excerpt_more string
記事抜粋の文字数 excerpt_length int 110
RSSの記事出力文字数 excerpt_length_rss int 200
年月日個別フォーマット date_format array
Y年, n月, j日, セパレータ
array('Y年', 'n月', 'j日', '')
『続きを読む』の表記 more_text string ⋯ 続きを読む
日本語タイトル時のスラッグ設定 ja_auto_post_slug array ※以下の配列用
+ スラッグ設定 rewrite bool true
+ 設定するスラッグの接頭辞 prefix string
ロゴ画像 logo_image string (url) blankblanc/assets/img/logo.png
ロゴ画像サイズ logo_size array
幅[数値], 高さ[数値]
array(230, 40)
ロゴ画像のalt logo_alt string ブログ名
共通メインビジュアル画像 mv_image string (url)
メインビジュアル画像サイズ mv_image_size array
幅[数値], 高さ[数値], 切り出し[true/false]
array(2000, 600, true)
コピーライト設定 copyright array ※以下の配列用
+ コピーライトの表記(接頭辞) prefix string
+ コピーライトの表記(開始年) start_year string date_i18n('Y')
+ コピーライトの表記(テキスト) text string ブログ名
+ コピーライトの表記(接尾辞) suffix string
ローディング画面の有無 loading_screen bool false
グローバルナビの固定 fixed_global_nav bool true
サイドバー(ウィジェット)の固定 fixed_widget bool true
rel=canonical/prev/next出力 output_canonical bool true
親テーマのCSSを利用 with_parent_css bool true
親テーマのスクリプト(js)を利用 with_parent_script bool true
モバイルメニュー mobile_nav array
ウィジェットidなど
array('#global-nav', '#header-nav')
モバイル時のスライドナビの方向 mobile_nav_position string
空(左)/right(右)
モバイル時フッターに追加するウィジェットの指定 mobile_nav_footer array
ウィジェットidなど
array()
除外対象のカテゴリーID exclude_cat_id string
カンマ区切りのID番号
カテゴリー毎(複数)のパンくず表示 bread_crumb_multi bool false
絵文字を無効化 disable_emoji bool true
画像へのリンクはすべて別窓(_blank)として開く image_link_target bool false
画面内に入ったら画像を表示 image_fade_in bool true
WP標準のbody_class設定を追加 add_body_class bool false
共通の投稿一覧レイアウトタイプ taxonomy_layout string
list(リスト)/tiles(タイル)
list
トップページ用メインビジュアル mv_home_image string (url) blankblanc/assets/img/img-hero.jpg
トップページ用メインビジュアル内コンテンツ mv_home_content string (html)
デフォルトのカラムレイアウト column_layout string
twocolumn(2カラム)/onecolumn(1カラム幅固定)/fullwidth(1カラム全幅)/nowrapwidth(画面全幅)
twocolumn
トップページレイアウト homepage_layout array ※以下の配列用
+ カラムレイアウト column string
twocolumn(2カラム)/onecolumn(1カラム幅固定)/fullwidth(1カラム全幅)/nowrapwidth(画面全幅)
twocolumn
+ 投稿一覧レイアウトタイプ articles string
list(リスト)/tiles(タイル)
list
目次機能を有効化 use_toc bool true
目次設定 toc_config array ※以下の配列用
+ 目次を表示 toc_active bool true
+ 目次を閉じた状態にする toc_closed bool false
+ 目次タイトル toc_title string Contents
+ 除外する見出し toc_hidden array
h1~h6
array('h1')
+ アンカーIDに付加する文字列 toc_prefix string Index-
+ 目次の挿入場所 toc_position int
ボディ最上部: 0
ボディ最下部: -1
x番目の見出し出現前: 1~
1
ファビコンを設定 favicon string (url)
サイトアイコンを設定 siteicon string (url)
Cookieの使用同意設定 cookie_banner array ※以下の配列用
+ 同意画面を表示 indicate bool false
+ ボタンのラベル label string OK
+ 表示する内容 text string blankblnac/functions.php内参照
テーマ用CSS/JSのバージョンパラメータを別で指定(デフォルトはfalse)※ブラウザキャッシュ対策用 version_param false
またはバージョン番号等
false

ライセンス

BlankBlancのテーマに含まれるオリジナルについては、すべてGPLv2ライセンスです。

使用ライブラリ等

以下のライブラリ等の使用に関しては、各々のライセンスに準じます。

付記

動作の不具合などが見つかるかもしれません。予めご了承ください。
※現在、加筆途中です …