スクロールブロックの追加など Luxeritas 3.7.5

Luxeritas 3.7.5

あけましておめでとうございます。

Luxeritas Theme 3.7.5 をリリースしました。

ブロックエディタは初心者には優しくないけど、使いこなすとかなり色んなことができる。個人的に大半は HTML を手打ちで書いちゃってるけど、それも旧テキストエディタより、こっちの方が楽。

ていうか、開発者側からすると旧エディタで出来なかったこととか色々できて、なんか楽しいw

なので、今回のアップデートでは、また一個だけブロック追加しました。詳細は以下のとおり。

スクロールブロックの追加

簡単な解説

表・画像・整形済みテキストなどをスクロールして見ることのできるブロックを追加しました。

スクロールブロック
スクロールブロックの設定項目
使い方
  1. スクロールブロックを設置して、中に画像や表などのブロックを入れる。
  2. 親ブロック(スクロールブロック)を選択して、もろもろ設定する。
設定できる項目
  • 背景色 & 背景画像の設定
  • PC でのドラッグスクロール(スマホのフリックスクロールを PC で再現したやつ)の ON/OFF
  • 高さ / 幅の設定
  • 左寄せ / 中央寄せ / 右寄せの設定
  • 上下マージン設定

上記の内容を読んでも、どーいう機能なのかイマイチ分からんと思うw

なので、以下に「こんなことができます」というのが分かる程度のサンプルを載せました。

サンプル

縦スクロール + 画像 + ドラッグスクロール

横スクロール + テーブル(表) + ドラッグスクロール + 背景画像

2019年 セ・リーグ

順位チーム試合数勝利敗戦引分勝率勝差得点失点安打二塁打三塁打本塁打塁打打点盗塁犠打犠飛打率長打率出塁率完投完封勝自責点セーブホールドHP防御率
1位巨人14377642.5460663573 1242 221 15 183 2042 627 83 84 31 .257 .422 .335 35 536 34 112 137 3.77
2位DeNA14371693.5075.5596611 1177 210 14 163 1904 575 40 81 26 .246 .398 .315 612 557 30 111 133 3.93
3位阪神14369686.5040.5538566 1213 216 20 94 1751 509 100 104 30 .251 .362 .319 5 13 496 36 145 174 3.46
4位広島14370703.5000.5591601 1232 216 17 140 1902 562 81 111 26 .254 .392 .324 1014 524 23 95 119 3.68
5位中日14368732.4822.5563544 1265 240 3190 1837 545 63 108 29 .263.381 .317 36 525 37 123 142 3.72
6位ヤクルト14359822.4189656739 1181 205 19167 1925 630 62 84 29 .244 .398 .329 32 675 28 111 133 4.78

枠線ブロック + 整形済みテキスト + ドラッグスクロール + 背景画像

- STEPHANO
 Now, forward with your tale. Prithee, stand farther off.
 
- CALIBAN
 Beat him enough: after a little time
 I'll beat him too.
 
- STEPHANO
 Stand farther. Come, proceed. 
 
- CALIBAN
 Why, as I told thee, 'tis a custom with him,
 I' th' afternoon to sleep: there thou mayst brain him,
 Having first seized his books, or with a log
 Batter his skull, or paunch him with a stake,
 Or cut his wezand with thy knife. Remember
 First to possess his books; for without them
 He's but a sot, as I am, nor hath not
 One spirit to command: they all do hate him
 As rootedly as I. Burn but his books.
 He has brave utensils,--for so he calls them--
 Which when he has a house, he'll deck withal
 And that most deeply to consider is
 The beauty of his daughter; he himself
 Calls her a nonpareil: I never saw a woman,
 But only Sycorax my dam and she;
 But she as far surpasseth Sycorax
 As great'st does least.
 
- STEPHANO
 Is it so brave a lass?
 
- CALIBAN
 Ay, lord; she will become thy bed, I warrant.
 And bring thee forth brave brood.
 
- STEPHANO
 Monster, I will kill this man: his daughter and I
 will be king and queen--save our graces!--and
 Trinculo and thyself shall be viceroys. Dost thou
 like the plot, Trinculo?
 
- TRINCULO
 Excellent.
 
- STEPHANO
 Give me thy hand: I am sorry I beat thee; but,
 while thou livest, keep a good tongue in thy head.
  
- CALIBAN
 Within this half hour will he be asleep:
 Wilt thou destroy him then?
 
- STEPHANO
 Ay, on mine honour.
  
- ARIEL
 This will I tell my master.
  
- CALIBAN
 Thou makest me merry; I am full of pleasure:
 Let us be jocund: will you troll the catch
 You taught me but while-ere?
 
- STEPHANO
 At thy request, monster, I will do reason, any
 reason. Come on, Trinculo, let us sing.
 Sings 
 Flout 'em and scout 'em
 And scout 'em and flout 'em
 Thought is free.

整形済みテキスト(横に長い文章)+ ドラッグスクロール + 背景色

↓ 寿限無のフルネーム
 
 寿限無、寿限無、五劫の擦切きれ、海砂利水魚の、水行末・雲来末・風来末、喰う寝る処に住む処、藪ら柑子こうじの藪柑子、パイポ・パイポ・パイポのシューリンガン、シューリンガンのグーリンダイ、グーリンダイのポンポコピーのポンポコナの、長久命の長助
  
↓ バンコクの正式名称
 
 クルンテープ・マハーナコーン・アモーンラッタナコーシン・マヒンタラーユッタヤー・マハーディロック・ポップ・ノッパラット・ラーチャタニーブリーロム・ウドムラーチャニウェートマハーサターン・アモーンピマーン・アワターンサティット・サッカタッティヤウィサヌカムプラシット
  
↓ ハンス・アダム2世のフルネーム
  
ヨハネス・アダム・フェルディナント・アロイス・ヨーゼフ・マリア・マルコ・ダヴィアーノ・ピウス・フォン・ウント・ツー・リヒテンシュタイン

縦スクロール + シンタックスハイライター

※ シンタックスハイライターはドラッグスクロールできないです。

#include<stdio.h>
int main() {
	int i, space, rows, k = 0, count = 0, count1 = 0;
	printf( "Enter number of rows: " );
	scanf( "%d", &rows );
	for( i = 1; i <= rows; ++i ) {
		for( space = 1; space <= rows - i; ++space ) {
			printf("  ");
			++count;
		}
		while( k != 2 * i - 1 ) {
			if( count <= rows - 1) {
				printf( "%d ", i + k );
				++count;
			}
			else {
				++count1;
				printf( "%d ", ( i + k - 2 * count1 ) );
			}
			++k;
		}
		count1 = count = k = 0;
		printf( "\n" );
	}
	return 0;
}

以上

改訂履歴

機能追加・機能拡張

  1. ブロックエディタに「スクロールブロック」を追加

仕様変更

  1. AMP で画像に対して layout="responsive" 指定するのやめた (Amazon アソシエイトの画像とか悲惨な状態になるから・・・)

不具合修正

  1. トップページを固定ページに設定しており、且つ PWA のスタートページをトップページに設定してる場合、PWA のスタートページが設定した固定ページではなくランダムな投稿ページになっちゃうことがある不具合修正
  2. 管理者でログインした状態で Google reCAPTCHA v3 が有効になってると、コンソールにエラーメッセージが出ちゃうので修正(動作的には何の問題もないけど気持ち悪いから直した)
  3. AMP のサイトマップページが色んな意味で見た目が崩れてたので修正(AMP 実装初期の頃からの不具合)

その他

  1. グローバルナビの動作改善(たぶん)
  2. AMP ページで一部不要な CSS が読み込まれちゃってたので読み込まないようにした
  3. 全文表示にしてるアーカイブページだと、投稿内の LazyLoad が効かないので全文表示でも LazyLoad できるようにした
  4. WP 5.3 から wp.editor が非推奨になったので、wp.blockEditor が使えない環境(古いバージョンの WP とか Gutenberg プラグイン)だけ wp.editor を使用して、それ以外では wp.blockEditor を使うようにした

Luxeritas

Posted by るな