In QPfox

修正事項覚書 2023/7月～2024年末まで

暑いので更新停止中。色々しんどい ボチボチやってます 修正したこと ここでは修正した部分を書いていこうと思います。 各種スクリプト修正 各種CSS修正 テーブル機能追加 → 機能テスト マークダウン風な書き方で簡単…
· Updated :
In QPfox

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

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

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

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

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

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

機能テスト 箇条書き

箇条書きとそれらをどう使うかを諸々考えて 箇条書きなので、何かしらの要点をそれぞれにまとめた文を書き出しているわけですが、使い方としてはそれだけにとどまりません。 例えば、当サイトでも時折使っていますが、新規に要件を追加したりする場合に、 &…
· Updated :
In QPfox

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

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

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

[info red]2023/06/06 赤を追加しました。 2023/06/10 青を追加しました 詳細は一番下に[/info] 一定のタグで任意のテキストを装飾する 機能を追加 変換機能に項目追加テスト 注意書きを書くとした時に、…
· Updated :
In QPfox

機能テスト 記事の更新状態を色で分ける

更新状態の色分け 記事の状態を仕分ける トップページのサムネイルに更新日時と色のついた★を入れました。 これらは、現時点から見て、 星の色 状態 ★ 更新はしたけれどもだいぶ時間が…
· Updated :
In QPfox

修正事項覚書 2023/6月

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

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

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

修正事項覚書 2023/5月

修正したこと ここでは修正した部分を書いていこうと思います。 テンプレートを1から新設 魔改造していたテンプレートから各部移植・修正 プログレスバーとプレローダーの同期を取れるように修正 TOC、Bur…
· Updated :
In QPfox

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

緊急事態発生 何が起こったか BloggerLaboさん の SMART と言うテンプレートを魔改造してみようといじくり倒して原因が判明できないぐらいにいじくり倒してしまったので元に戻れない事態になってしまいました。 SMARTを…
· Updated :
In テンプレートテスト

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

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

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

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

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

Windowsの更新をしたら、保存するのを忘れてて内容が消えてしまったので内容を書き直しました(2023/07/22) 概要 Youtubeの動画を貼ろうとすると、その動画のページから「共有」メニューを選んで「埋め込む」から iframe…
· Updated :
In テンプレートテスト

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

ひとまず何かしらの文章が必要なのでそれらを書いてみる ()がspanで囲まれているかのテスト これは試しに作ってみたSVG(Scalable Vector Graphics)の再生ボタン。 上記は普通の半角カッコはどうなるかを見ていま…
· Updated :