Luxeritas 2.4.0 リリース

2017年10月11日

Luxeritas 2.4.0 をリリースしました。

jQuery 関連の機能拡張とか仕様変更など。

詳しくは開発者ブログの記事を参照してください。

ダウンロードは、こちらのページから。

Contents

1. 改訂履歴

改訂履歴

機能拡張

jQuery の読み込み方法を色々選択できるようにした
jQuery-Migrate を読み込むかどうかを選択できるようにした

その他

Twitter の埋め込みが AMP で動作しなくなってたので修正(Twitter と AMP のどっちの仕様が変わったのか不明だけど高確率で AMP)。
ブログカードがない投稿でもブログカード関連の関数が動いてたので、動かないようにした (0.014ミリ秒くらい削減ｗ)。

バグ修正

1カラムと2カラムが混在してる時にコンテンツ幅を992px以下に設定すると2カラム画面でコンテンツ領域の幅が狭くなってしまうバグの修正

リリース情報

Posted by るな

Luxeritas 2.4.1 リリース

Luxeritas 2.3.3 再配布（いらないファイル混ざってた）

コメント一覧

アートな日々より:
2018年7月26日 12:49
お世話になります。URLのようにカラムで記事を作成したのですが、スマホでタイトルと1文字目に余白が大きく開いてしまいます。
1）上に詰めるにはどうしたらよいですか？
2）記事だけにしたいので可能ならヘッダーもなくしたいのですが、どのように設定したらよいでしょうか？
よろしくお願いいたします。
返信
- るなより:
  2018年7月26日 13:24
  アートな日々さん。
  子テーマの style.css で以下の 45px の数値を変えて調整すれば良いです。
```
.post .entry-title, #front-page-title {
	margin-bottom: 45px;
}
```
  ヘッダーを丸々消すんですか？
  そういったフックは無いので、これも style.css で消すしかないですね。
```
header {
	display: none;
}
```
  返信
  - アートな日々より:
    2018年7月27日 14:00
    お世話になっております。
    早々にご回答ありがとうございました！
    実際に子テーマに記述し思った通りにできました
    引き続きよろしくお願いいたします
    返信
こがっちより:
2017年10月16日 01:03
お世話になっております。こがっちと申します。
Wordpressについてまだまだ無知なのですが、Luxeritasであれば容易にカスタマイズできるので大変感激しております。ありがとうございます。
さて、カスタマイズにつきまして、一点お尋ねしたいことがございます。
コメント欄に記載の
　URL 必須にしました。
　自身の URL が開示できない方への無償サポートはできません。
　明からに自身のものではない URL が入力されてる場合は問答無用で削除します。
というような文言を当方サイトにも追記したいと思っております。
恐れ入りますが、追記方法をご教示頂きたく存じます。
お忙しい中、申し訳ございませんが、よろしくお願いいたします。
返信
- るなより:
  2017年10月16日 01:14
  こがっちさん。
  子テーマの functions.php に以下を記述。
```
add_filter( 'thk_comments', function( $comments ) {
	$comments = str_replace(
		'<p class="comment-form-comment"',
		'<p>なにかしらの文言</p>' .
		'<p class="comment-form-comment"',
		$comments
	);
	return $comments;
}, 11 );
```
  返信
  - こがっちより:
    2017年10月17日 00:36
    お世話になっております。こがっちです。
    早々にご回答下さり、ありがとうございました。
    実際に子テーマに記述し、見事に反映されることを確認いたしました。
    返信
今川より:
2017年10月14日 03:27
先日も質問させて頂いた今川です。
Luxeritasで自動生成される画像に75×75（Micro thumbnail）、100×100（Small thumbnail）、320×180（Horizontal thumbnail）というサイズがあります。これらはブログカードやスマホ表示で使われていると思うのですが、具体的にどこで使用されているか教えて頂けますか？また、Side barという名前が入っている他のサイズの画像はサイドバー専用という認識で間違いないでしょうか？
ファイルを片っ端から開いて確認してみたのですが、どうも見落としや知識不足な面がありそうで。どうかご回答の方よろしくお願いします。
返信
- るなより:
  2017年10月14日 03:56
  今川さん。
  75×75
  ・カード型グリッド等で選択できるサムネイル
  100×100
  ・関連記事や新着記事のサムネイル
  320×180
  ・タイル型グリッド等で選択できるサムネイル
  530x – Side bar with 336 px
  ・サイドバー336pxでコンテンツ幅がデフォルトの時、画面幅 1200px 未満で投稿本文にピッタリ収まるサイズ
  565x – Side bar with 300 px
  ・サイドバー300pxでコンテンツ幅がデフォルトの時、画面幅 1200px 未満で投稿本文にピッタリ収まるサイズ
  710x – Side bar with 336 px
  ・サイドバー336pxでコンテンツ幅がデフォルトの時、画面幅 1200px 以上で投稿本文にピッタリ収まるサイズ
  725x – Side bar with 300 px
  ・サイドバー300pxでコンテンツ幅がデフォルトの時、画面幅 1200px 以上で投稿本文にピッタリ収まるサイズ
  返信
  - 今川より:
    2017年10月14日 13:58
    いつも丁寧なお返事ありがとうございます。
    お陰様でLuxeritasのレイアウトの全体像が見えてきました。サイトのデザインを考える上で大幅な作業時間短縮に繋がります。
    返信
やぐちくみこより:
2017年10月13日 23:03
開発者ブログの方へのコメント、大変失礼いたしました。同じ質問をコピペさせていただきます。
今年4月くらいからLuxeritasを利用させていただいています。ワードプレスは初めてで、いろいろわからないことだらけですが、とっても簡単にカスタマイズできてとっても助かっています。
今日はサイト内をいろいろ検索したのですが、どうしてもわからないことを３点ほど、質問させてください。
ちなみに現在利用しているバージョンは小テーマ: 1.03、親テーマ： 2.1.6　です。
１、フッターのウィジットがスマホで見ると、表示されません。何か表示させる方法はありますか？
２、ランディングページ、LPと呼ばれるものを作りたいのですが、現在のテンプレートに、そのような機能は、ありませんよね？
３、親も子もどんどんバージョンアップされていますが、最新のものにしていった方が良いのでしょうか？
お忙しいところ、恐れ入りますがご回答をよろしくお願いいたします。
返信
- るなより:
  2017年10月14日 01:12
  > １、フッターのウィジットがスマホで見ると
  以下の CSS を子テーマに書けば表示されます。
```
@media print, (max-width: 991px) {
	#foot-in {
		display: block;
	}
}
```
  > ２、ランディングページ、LPと呼ばれるもの
  基本的にランディングページってのは、固定ページやウィジェット・プラグインを使えばどんな WordPress テーマでも作れます。
  て言うか、作れないテーマ自体がこの世に存在しないです。
  例えば、当方のサイトで言えば、
  ↓ ここがトップページだけど
  https://thk.kanzae.net/
  ↓ 主なランディングページはこの２つ
  https://thk.kanzae.net/wp/
  https://thk.kanzae.net/analytics/
  って感じです。
  > ３、親も子もどんどんバージョンアップされていますが
  親の最新版は PHP、WordPress、SEO、OGP、構造化データ、SNS、AMP、ブラウザ、Google 系サービスなどの仕様変更への対応が多いです。
  なおかつ、常に内部最適化をしてるので、常に最新版が SEO に強くて速度が速くて、CPU やメモリに対する最適化がされてるってことです。
  なので、親は最新版を使うことをお勧めします。
  子テーマは、ほとんどバージョンアップされません。
  特定の親バージョン以上で、どうしても子テーマのアップデートが必要な場合はアナウンスがあります。
  特にアップデートが必要ない場合（画像を変えた程度のアップデートとか）は、こっそりリビジョンアップする程度です。
  過去に子テーマのアップデートが必須になったのは、WpTHK 時代を含めても３回だけです。
  ・WpTHK（親のアップデート約80回に対して子テーマの必須アップデート1回）
  ・Luxeritas（親のアップデート約75回に対して子テーマの必須アップデート2回）
  現状では、Luxeritas 2.3.2 以上は子テーマ 2.0.0 が必要ですが、2.0.0 のリリース情報に書かれている通り、「add-analytics-head.php」というファイルが1個追加されてるだけなので、「add-analytics-head.php」を子テーマのディレクトリに突っ込むだけで良いです。
  返信
  - やぐちくみこより:
    2017年10月14日 14:03
    るなさん、お忙しい中早々にご回答をありがとうございました。
    １について
    CSSを追加したところ、スマホでフッターウィジットが表示されました。が、、３カラムにしているのですが、1カラムずつ下に流れる感じではなく、そのまま表示されるので、スマホだと、見た目が微妙ですね＾＾；
    PCでは３カラムの見た目の方が良いので、両方のバランスを考えて工夫が必要ですね。
    ２について
    私がイメージしているLPは、サイドバーが入らないもの（私のサイトのトップページのイメージ）なんです。
    今はトップページ以外の固定ページを２カラムにして、他の固定ページではブログも読んでもらえるよう汎用サイドバーを表示してますが、LPとしての目的を考えると、固定ページを1カラムにして作成するしかないかなと考えています。
    今後、LP用のテンプレートができたらいいな、と、期待します。
    ３について
    なるほど！やはり最新の親テーマにアップした方が良いのですね。やってみます。
    丁寧なご回答をありがとうございました！
    返信
    - るなより:
      2017年10月14日 15:14
      やぐちくみこさん。
      > １について
      これで1カラムづつになります。
      フッターの表示は他の方からも要望があるので、次のバージョンで表示/非表示を切り替えられるようにしておきます。
      @media print, (max-width: 991px) { .col-xs-4, .col-xs-6, .col-xs-12 { width: 100%; float: none; } }
      > ２について
      ぶっちゃけページ単位でカラム数を選べる機能も付ける予定があります。
      ただ、結構、勘違いしてる人が多いですが、LP = 1カラムじゃないです。
      商品紹介などでは、1カラムが良いパターンが多いですが、2カラムのLPが良い業種も多くあります。
      当方が仕事でコンサルティングしてる企業サイトでは、もともと LP が 1カラムだったサイトを 2カラムに変更したパターンもあります。
      返信
      - やぐちくみこより:
        2017年10月14日 15:53
        るなさん、新たなCSSをありがとうございます！完璧です♪
        LPについて、2カラムの方が良い場合もあるんですね！目的によるんでしょうね。
        今後のアップデートも楽しみにしております！
        いろいろとありがとうございました！また何かありましたら、よろしくお願いします。
        返信
レジーナより:
2017年10月12日 14:54
初めましてレジーナといいます。
まだまだ初心者ですが、Luxeritasが1番使いやすいためこのテーマ一筋でサイトを作成しています。
アドセンス報酬で初振込されたら有料プラグインを購入させていただきますm(_ _)m
(まだまだ先になりそうですが…)
本当にいつもありがとうございますm(_ _)m
ここで書いていいものかわかりませんが、質問があります。
記事タイトル下や記事途中などにディスカッションへジャンプするボタンを設置することって可能ですか？
あと、トップに上がる右下のボタンの位置もモバイルアンカー広告が表示されてても押せる位置への変更ってできるのでしょうか？
これらはWordPressのことをもっと勉強すればできるようになるのでしょうか？？
初心者ですみませんm(_ _)m
返信
- るなより:
  2017年10月12日 17:40
  レジーナさん。
  > ディスカッションへジャンプするボタン
  アンカーリンクを貼って、アンカーリンクをボタン風にすれば良いです。
  ↓ ディスカッションへのアンカーリンク
  (記事タイトル下ウィジェットや投稿内に書く)
```
<a href="#comments" class="hogehoge">ディスカッション</a>
```
  ↓ ディスカッションへのアンカーリンクをボタン風にする CSS 例
  (子テーマの style.css に書く)
```
a.hogehoge {
	display: inline-block;
	border: 1px solid #ddd;
	text-decoration: none;
	color: white;
	background: gray;
	font-size: 12px; font-size: 1.2rem;
	padding: 8px 10px;
}
```
  > トップに上がる右下のボタンの位置
  以下の CSS で 20px をテキトーな数値に変えて子テーマの style.css に書けばよかです。
```
#page-top {
	bottom: 20px;
	right: 20px;
}
```
  > これらはWordPressのことを
  WordPress って言うか、HTML と CSS の知識が必要ですね。
  返信
  - レジーナより:
    2017年10月12日 21:23
    す、すごい…。
    こういう仕組みなんですね！
    仕組みがなんとなくわかりました！
    htmlとcss勉強してみます！！
    丁寧なお返事ありがとうございますm(_ _)m
    返信