ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
てがろぐの「画像の管理」にはデフォルトでは画像ファイルしかアップできませんが、「設定＞システム設定＞アップロードを許可する画像形式」で拡張子を許可すると動画や音声ファイルをアップロードできるようになります。 ただ、本文中に挿入しようとすると [PICT:ファイル名] というてがろぐ記法になり、これはCGIで <img src="画像フォルダ/ファイル名" ～> に置換されてしまうため正しく表示されません（～Ver.4.4.2時点）。 これを埋め込み表示するjavascriptが以下です。「画像の管理」で編集したフラグも反映できるようにしました。自サイトで配布しているスキン...
てがろぐ管理画面をちょっと便利にするUserScriptです。以下のブラウザ拡張機能で動作確認しています。 FireMonkey – 🦊 Firefox (ja) 向け拡張機能 Tampermonkey – 🦊 Firefox (ja) 向け拡張機能 Tampermonkey - Chrome ウェブストア FirefoxのTampermonkeyはAndoroidでも使えるようになったみたいですね～。上記の拡張機能を導入して以下にあるuser.jsのリンクを押すか、コードを各拡張機能のオプションを開いてエディタにコピペ、保存すると使えるようになると思いま...
ツイッターからダウンロードしたアーカイブをCGI「てがろぐ」用のデータファイルに変換できるページです。ベータとしてるのはまだ仕様が固まっていないことやほかの方からのご意見を聞いて取り入れられるものは取り入れたいなと思ったからです。あとページの体裁整ってないので… とりあえず見て試してみてください！ ツイッター → てがろぐ変換 β BY 10prs.com 変換できた/できない てがろぐで使えた/使えない 説明の分かりにくい点 その他ご質問や要望 を気軽に教えてくれたらうれしいです！ 現時点で「てがろぐ」作成者のにししさん、ツイッターでの相互FFさんから...
てがろぐのカスタム絵文字とはVer 4.0.4以降に搭載された任意の絵文字画像を簡単に表示できる機能です。詳しくは てがろぐ 使い方・設定方法 - にししふぁくとりー：カスタム絵文字 をご覧ください。てがろぐデフォルトだとこのカスタム絵文字を投稿するには管理画面の「カスタム絵文字」ページの一覧から「COPY」ボタンを押すか、すでに投稿されている記事の中のカスタム絵文字画像をダブルクリックしてコードをコピーする必要があります。ちょっとだけ手間がかかりますね。 この手間を省くとても便利なパーツを たこつぼくらぶ さんが公開されています（ カスタム絵文字ピッカー(その1) ・ カスタム絵文字ピ...
以前、 てがろぐで名前変換小説 という記事で Y'z Atelier 夢書きさんのアトリエ さんのalice.jsをてがろぐで利用できる形にしたものを配布していたのですが変換項目を増やしたいというお問い合わせがあったので項目を5つまで対応できるようにしたものをこちらで配布いたします。 導入方法は てがろぐで名前変換小説 を参考にしてください。既に導入済みの場合はalice.jsを差し替え、変換フォームの入力部分を <span class="YZ1"> <input class="deco-names0" type="text"> <input c...
てがろぐの出力ログを別ページに埋め込む方法として、公式からは以下の方法が解説されています。 てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法 - Sakura scope 当サイトはPHP製のCMSで構成されていてSSIを使うのは面倒だったので freo（PHP）に「てがろぐ」の投稿を埋め込む という方法でトップにてがろぐの最新一件を埋め込んでいたのですが、 後方互換を使わないSmarty3以降 だと {php}{/php} がエラーになるためこの方法は使えませんでした（Smartyプラグインを自作すればよかったのかも…？）。という...
てがろぐ個別記事表示時の前後移動リンクは、デフォルトでは記事Noになっています。これを前後それぞれの記事タイトルリンクにするカスタマイズの覚書です。 使用するのは jQuery 考え方は 「てがろぐ」記事単体表示の時のtitle要素 と同じです。動的に前後記事リンクの中身を書き換えています。 skin-onelog.html 以下の記述を追加します。 <h2 class="title"> [[COMMENT:TITLE]] </h2> [[COMMENT:TITLE]] は投稿本文一行目のみを抜き出すスキン用キーワードです。 skin...
2022/12/06 てがろぐ作者のにししさんからのご指摘をもとに修正追記を行っています 自分のてがろぐでも書いていました が、てがろぐの記事単体表示の時の title の中身は「記事No. - 主タイトル 副タイトル」になっていて、スキンの記述で「投稿本文一行目を記事タイトルとして表示」するようにしていてもここの表示を変えることができません。そこで title の中身を「記事No. 投稿本文一行目 - 主タイトル」にするカスタマイズの覚書です。 使用するのは jQuery 考え方は freoの管理画面のタイトルをわかりやすくする と同じです。動的に title 要素の中身...
2022/12/06 スキンの書き方や別の方法について追記しました。 一応当サイトのコンテンツの一つとして設置してみた てがろぐ ですが、スマホ等で見たときに本サイトからアクセスしづらかった（PCなど画面サイズが大きい環境では上部メニューリンクの「コンテンツ」にホバーしたときに展開される項目最下部からアクセスできるんですけどスマホのハンバーガーメニューだと表示されない）のでサイトトップページに最新一件を表示できるようにしてみたメモです。 てがろぐの投稿をHTMLファイルに埋め込むには てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法 - Sakura s...
2022/12/06 他スクリプト使用についての追記を最下部にしております。 てがろぐで名前変換小説が書けるスキンを公開した のですが配布を待つより解説が欲しい気配を感じたのでとりいそぎ Y'z Atelier 夢書きさんのアトリエ のalice.jsを導入し投稿本文で名前変換をできるようにするカスタマイズの紹介です。 Y'z Atelier 夢書きさんのアトリエ さんのスクリプトは改変・再配布が可とのことなのでこの記事の最後にてがろぐ用に調整したもの（変換2箇所バージョン）＋名前変換用記述を追加した標準スキンのskin-cover.htmlを置いておきますのでご利用ください...