View Code? Open in Web Editor
NEW
Responsive WordPress Theme
Home Page: https://lqd.jp/wp/
License: GNU General Public License v2.0
JavaScript 60.13%
PHP 39.87%
liquid-press's Introduction
- 開発中または検討中の機能はissuesに登録されています。
- Milestonesがセットされているものは実装予定の機能です。Milestonesページで進捗が確認できます。
- 各issueにはテーマ名のラベルが付いています。Allは全テーマ共通の機能です。
- Openは開発中、Closedは開発済のタスクです。
- 全てが実装されるとは限りませんので予めご了承ください。
開発状況の通知を受け取るにはWatch
してください。
liquid-press's People
Contributors
liquid-press's Issues
attachment.php を追加。
添付ファイルのページでのエラーを解消。
WordPressのルールを厳守
- 関数名の命名規則を統一し、プラグイン等との干渉を防止
- ファイルの読み込みを wp_enqueue に集約、jqueryに関する重複削除
- add_theme_support を after_setup_theme に集約
jQueryのアップデートに伴い、一部JSエラーが発生し動作しない問題に対応する。
ウィジェットを何も配置していない場合
h4をdiv.ttlに変更
シェアボタン表示オプションで「固定ページは表示しない」を追加。
カスタマイズ>レイアウトから、作成した記事内の改行をpタグに変換して自動挿入する、しないを設定できるようにする
特定の条件でプロフィールウィジェットを配置するとphpエラーが発生する
修正後
.page-numbers a, span.current {
margin: 2px;
display: inline-block;
}
WordPress4.4から採用されたレスポンシブイメージへの対応
画像軽量化によりページ表示速度の改善
本来下部にも表示されるシェアボタンが、表示されない場合がある問題を修正
checkbox
classがbootstrapと干渉しているため。
- 表示切替時のサイズ微調整
- jQuery.cookie から LocalStorage に変更
- #付きURLの表示切替問題を修正
- Androidタブレットは表示切替対象から除外する
- Androidタブレットはメニューのサブアイテムをプルダウン化する
common.js
サイドバーなどにウィジェットを設置したときのデザイン。
PHP5.2以下の環境でエラーが発生する。
Parse error: syntax error, unexpected T_FUNCTION in ****/functions.php on line 939
#31 のコードが原因。
Bootstrap 4 安定版がリリースされましたので、LIQUID PRESS でも対応いたしました。
可変性の高いFlexユーティリティに対応し、レスポンシブ対応やグリッドカラムレイアウトなどの作成が容易になります。
概要
- Bootstrap v4.0.0-alpha から Bootstrap v4.1.0 へアップデートしました。
- LIQUID PRESS は、v0.9系(最終v0.9.7.4) から v1.0系 へメジャーアップデートしました。
- アップデート方法や更新履歴などについては、WordPress管理画面>外観>テーマのサポート をご参照ください。
サポートブラウザ
IE9以降からIE10以降へ変更になります。
ご注意事項
- テーマのアップデート前に、テーマファイルのバックアップ作成を推奨します。
- 子テーマを利用されている場合は、親テーマから最新ファイルを取得して差し替えてください。
- カスタマイズをされている場合は、アップデート前に下記アップデートガイドをご参照ください。
- Bootstrap フレームワークの仕様が一部変更されています。更新後はキャッシュをクリアしてください。
- ウィジェットのカラム設定をされている場合は、お手数ですが再設定が必要になります。
- カスタマイズについてはサポート対象外とさせて頂いております。何卒ご了承ください。
アップデートガイド
Bootstrap4 alpha版から安定版へのアップデートで、class名などの変更がありました。
LIQUID PRESS でも該当する箇所を更新しておりますので、詳しくは下記をご参照ください。
(一部対象ファイルはテーマによって異なる場合があります。)
Bootstrap4 ファイル構成
Bootstrap4 安定版のオリジナルファイルに更新しています。
Sassでカスタマイズしたものに差し替えることも可能です(子テーマ推奨)。
- /css/bootstrap.min.css
- /js/bootstrap.min.js
LIQUID PRESS ファイル構成
LIQUID PRESS のCSS/JSファイルは下記です。
- style.css
- /js/common.min.js
レスポンシブ・ブレークポイント
変更内容
- @media (max-width: 74.9em) を @media (max-width: 1199.98px) に変更
- @media (max-width: 61.9em) を @media (max-width: 991.98px) に変更
- @media (max-width: 47.9em) を @media (max-width: 767.98px) に変更
- @media (max-width: 33.9em) を @media (max-width: 575.98px) に変更
対象ファイル
グリッド
変更内容
- col-xs-12 を col-12 に変更
- $liquid_prefix = "col-xs-"; を $liquid_prefix = "col-"; に変更
- col-xs-min-gutter を 削除(no-gutters 新設のため)
- col-md-3 col-sm-push-9, col-md-9 col-sm-pull-3 を col-md-3 order-md-last, col-md-3 order-md-first に変更
- row で囲む構成を変更
対象ファイル
- 1: style.css, functions.php, archive.php, index.php, search.php, single.php
- 2: functions.php
- 3: style.css
- 4: header.php(CORPORATE)
- 5: popularposts.php(MAGAZINE)
表示ユーティリティ
変更内容
- hidden-sm-down を d-none d-md-block に変更
- hidden-md-up を d-md-none に変更
- none を d-none に変更
対象ファイル
- 1,2: header.php, style.css, common.min.js, functions.php
- 2: functions.php
- 3: header.php, common.min.js
ナビゲーションバー
変更内容
- nav から bg-faded を削除
- nav に navbar-expand-md を追加
- navbar-toggle を navbar-toggler に変更
4 .dropdown-menu { padding: 0; } を追加
- @media (max-width: 767.98px) { .navbar-nav { width: 100%; } } を追加
- @media (max-width: 575.98px) { .navbar .container { padding: 0 .9375rem; } } に変更
- @media (min-width: 47.9em) { .navbar-toggle { display: none; } } を削除
- .navbar-nav li, .navbar-nav li a { border-left: 0 none !important; border-right: 0 none !important; } } を削除
- @media (max-width: 767.98px) { .navbar-nav > .nav-item:last-child:not(.sticky-none) { margin-left: initial; } } を追加
- .navbar-nav > .nav-item:last-child:not(.sticky-none) { float: right; を margin-left: auto; } に変更
- .navbar-nav { margin: auto; } を追加
- fixed-top, navbar-fixed-top を fixed-top-custom, navbar-fixed-top-custom に変更
対象ファイル
- 1,2,3: header.php
- 3: style.css, common.min.js
- 4,5,6,7: style.css
- 8,9,10: style.css(CORPORATE)
- 11: style.css(INSIGHT, SMART, PORTFOLIO)
- 12: style.css, header.php, footer.php(INSIGHT, APP)
カルーセル
変更内容
- left carousel-control を carousel-control-prev に変更
- right carousel-control を carousel-control-next に変更
- icon icon-arrow-left2 を carousel-control-prev-icon に変更
- icon icon-arrow-right2 を carousel-control-next-icon に変更
- .carousel-control に関する記述を削除
- .carousel-indicators li { ... } に関する記述を変更
- carousel iOS10 fix(.carousel-inner)に関する記述を削除
対象ファイル
- 1,2,3,4: index.php
- 5,6,7: style.css
備考
- 左右の矢印アイコンは、新たしいデザインに変わります。
- インジケーターのアイコンは、旧デザインを維持します。
パンくずリスト
変更内容
-
で囲む
- li に breadcrumb-item を追加
- active に aria-current="page" を追加
- #170
対象ファイル
ページ送り
変更内容
- pager を pagination に変更
- ul に justify-content-between を追加
- li の classを削除
- a に badge-pill を追加
対象ファイル
- 1,2,3,4: single.php
- 1: style.css
文字の体裁
変更内容
- list-inline li に list-inline-item を追加
対象ファイル
管理画面のビジュアルエディタでのBootstrap対応
#81
その他
変更内容
- .screen-reader-text の指定に !important を追加
- .searchform の指定に width: 100%; を追加
- .card を article.card に変更(LIGHT)
- .headcol .head { width: inherit を max-width: 25% } に変更(PORTFOLIO)
- .list_big .post_links .post_thumb span { height: 237px; を 232px } に変更(MAGAZINE)
対象ファイル