no image

機能テスト マークダウン風な書き方で簡単なテーブルを書く

テーブルを書くのって面倒ですよね? そういうわけで、例えばこういった文章を書いてる途中に | ヘッダ 1 | ヘッダ 2 | ヘッダ 3 | |---------:|:--------:|:---------| |データ 1-1|データ 1-2|データ 1-3| ...
no image

機能テスト timeタグを色々と操作しよう

普通に記事を書いて西暦を半角あるいは...すると西暦などをtimeタグで囲む これらは普通にタグで囲む必要はなくその文章の親要素に .almanac を入れます。 例えばこの段落は通常の文章が書かれているだけなので西暦を書いても何も起こりません。単なる文字です。 2023...
no image

機能テスト マトリックスエフェクト

[info red]テスト中[/info] マトリックスエフェクトを今更ながらに実装してみる 指定可能なもの [t(area_1)] h1~h6 ulもしくはol 任意のli 段落p 段落pのショートコードのinfo 段落pの中...
no image

機能テスト 箇条書き

.reverseでul,olの中のliを逆順に出力 .reverse使用例 通常表示。何もしてないただのリストです。 アオのハコ 10 SPYxFAMILY 11 ダンダダン 10 キングダム 68 チェンソーマン 14 名探偵コナン ...
no image

機能テスト ショートコードでアンカーを操作する

アンカー用のショートコード追加 どういうものか ページ内スクロールを楽にするために考えました、おわり。…ぐらいに単純なものですが、正規表現はムズかった。 面倒でない人は、 <a href='#test'></a> として、書けば良...

機能テスト [info]と入れるとInformationブロックに変換できるか?

[info red]2023/06/06 赤を追加しました。 2023/06/10 青を追加しました 詳細は一番下に[/info] 一定のタグで任意のテキストを装飾する 機能を追加 変換機能に項目追加テスト 注意書きを書くとした時に、htmlモードに変えて <di...

修正事項覚書 2023/6月

修正したこと ここでは修正した部分を書いていこうと思います。 記事ページにアバター表示と各所css調整 バーガーメニューがアニメーションしていなかったのをするように修正 TOCのページ内リンクのスクロールを修正し、アドレスにアンカーリンクを残さないように...

機能テスト ヘッダーのロゴ及び画像について

ヘッダー部分の説明 元々はHeader Widgetというのが入っていたんですが、画像とか好きにイジれる方が良いだろうということでhtml widgetを忍ばせました。 html widgetは、タイトルとcontentsという2つを表示するしか無いんですが、入力されたコン...

修正事項覚書 2023/5月

修正したこと ここでは修正した部分を書いていこうと思います。 テンプレートを1から新設 魔改造していたテンプレートから各部移植・修正 プログレスバーとプレローダーの同期を取れるように修正 TOC、Burgerメニューが.container...
no image

Bloggerテンプレート SMARTからの脱却

緊急事態発生 何が起こったか BloggerLaboさん の SMART と言うテンプレートを魔改造してみようといじくり倒して原因が判明できないぐらいにいじくり倒してしまったので元に戻れない事態になってしまいました。 SMARTをそのまま使えば何も問題ないのですが、...

機能テスト .post-content のレイアウト

はじめに 全体的なテストは テスト投稿 全体概要 | 左のは今のページに開きますが、別ページで見たい人向けのリンク に書いてあるのですが別途色々と仕込みましたので、こちらに詳細を書いておこうかと思います。 レイアウトに display: grid を使用...
no image

機能テスト 記事に書いてある#なんちゃらをタグにして、アドレスをリンクにする

別に必要な機能ではないのですが、htmlモードで書いていればそれほど面倒ではないものの、いざ編集モードからhtmlモードへと切り替えたりなんとかしてるのは結構面倒くさいものです。 そんなわけで作ってみた次第です。 タグについて タグと言っても別途そういう...
no image

機能テスト Youtubeのアドレスをdivで囲むだけでプレーヤーを埋め込む

Windowsの更新をしたら、保存するのを忘れてて内容が消えてしまったので内容を書き直しました(2023/07/22) 概要 Youtubeの動画を貼ろうとすると、その動画のページから「共有」メニューを選んで「埋め込む」から iframe なんちゃらと続くコードをコピペして...
no image

機能テスト コードは(...)と((...))を見分けられるか

ひとまず何かしらの文章が必要なのでそれらを書いてみる ()がspanで囲まれているかのテスト これは試しに作ってみたSVG(Scalable Vector Graphics)の再生ボタン。 おくのほそ道(奥の細道)は、芭蕉が崇拝する西行の500回忌にあたる1689年(元...
no image

Bloggerのwidget v1からv2にするのがめちゃくちゃ面倒くさかった話

まえがき この記事は2023/05/10に、いろいろテストするための投稿数を稼ぐために日付を1年前にして投稿しています。 本文 それはたった1つ、投稿日は出てるけど更新日は出なくない? と言うのを見つけたところから始まりました。 widget v1の機能がなくなったのか何かしら問...