2021年4月 この範囲を時系列順で読む この範囲をファイルに出力する
🍕Re:2058◆気に入って下さってありがとうございます。フリーCGIは機能だけがあってもダメで、そのまま使えるUI(スキン)がないと使ってみる気にならないでしょうし、バリエーションの幅を見せないとカスタマイズ自由度が分からないでしょうから、いろいろ頑張って用意しました。
🍕Re:2059◆例えば、[HTML]~[/HTML]で囲んだ範囲内だけはHTMLソースをそのまま記述できる、みたいなオプションの記法なら、設計思想に反せず実装できるかな……というような気も最近はしてきているのですが、どんなものでしょうかね?(^_^;) それはそれでいちいち打つのが面倒という気もしないでもないですが。
🍕Re:2060◆デフォルトの文字装飾がどのように表示されるかはスキンによって異なります。CSS次第で様々に装飾できることを示すために、あえてバラバラな装飾にしてあります。Twitterっぽいスキン(ブルー)だと、強調文字は青色太字になりますが、ジャーナル(日誌)スキンだと強調は緑色太字の橙色傍点で表示されます。この投稿をそれぞれのスキンで見てみて下さい。スキンは自由にカスタマイズしてお使い頂くことを前提にしていますので、CSSをお好きなように書き換えてご使用頂ければ幸いです。例えば、『強調』を「ちょっと大きめ」にしたいなら、CSSに .decorationE { font-size: 1.25em; } などと書いておくと、1.25倍の大きさにで表示されます。また、自由装飾機能を使うと(事前にCSSを用意してさえいれば)好きな装飾をいくつでも加えられますのでご活用頂ければ幸いです。◆画像の挿入位置に関しては他の方々がご回答下さった通りです。なお、投稿と同時に画像をUPした場合、デフォルトでは下端に並びますが、設定で4通りの配置から選択できます。管理画面の[設定]→[投稿欄の表示]→【画像ボタンの表示と動作】→『本文と同時に画像を投稿した場合の配置』の項目から設定できますのでお試し下さい。
🍕Re:2061◆代わりにサポートして下さってありがとうございます。(笑) 私も管理画面の「画像の管理」から事前に投稿しておく方法をよく使います。
🍕Re:2062◆管理画面を経由するのが面倒なときは、その方法も良いですね。デフォルト配置でもおかしくはないような内容なら特に。
🍕Re:2063◆余談ですが、最初に画像投稿機能を実装したときには、管理画面から1つずつアップロードするしか方法がなく、後のバージョンになってから本文と同時の画像UPも可能になったのでした。
昨日の昼食は、ピザトースト🍕🍞とサラダ🥗。
あっ、すみません。一度投稿すると画像を貼り替えられることは知っていました。
投稿しない方法を知りたかったのですが、確かに最初に管理画面から画像をアップロードしておけば、置き場所も自在ですね、
ツイッタースキンを使っています。
モバイル表示でスマホから見るとサイドがほんとに画面いっぱいで、ほんの2.3ピクセル余白があるといいなぁと思いました。
あと、【強調】のE:ですが、前から傍点だったでしょうか。Bの次にちょっとだけ目立たせたいとき、Eだと大げさなので<large>的なものがあるとちょっと嬉しいです。
あと既出かもしれませんが画像を好きなところに入れられるといいな…
でも全体にすごく使いやすいです♫
🍮Re:2052◆早速のβ版ご試用ありがとうございます。すぐに動作報告が頂けると開発モチベーションの維持にとても役立ってありがたいです。ありがとうございます。(^_^)
🍮Re:2053◆鎮静なしで口からとは、この方、勇気ありますね……。(^_^;;; 鼻からでも苦しいのに、口からとか絶対に避けたいです。そして、埋め込みツイートってスレッドごと埋め込まれるんですね。初めて知りました。^^; 自分で作っておきながらこう言うのもなんですが。いや、埋め込み機能はTwitter側のスクリプトを呼んでいるだけですからね。^^;
🍮Re:2054◆先日はメールでのご活用報告をどうもありがとうございました! 活用報告もご要望もとてもありがたいです。マイナス検索がお役に立って良かったです。同時にご要望頂いたカテゴリアイコンの件も、遠からず実装可能だと思いますので気長にお待ち頂ければ幸いです。
🍮Re:2055◆一瞬、🍟🍟🍟かと思いました。ポテトポテトポテト。ちょっと油的な問題から、今の腸の状態では食べられそうにありませんけども。(´・ω・`)
🍮Re:2056◆ご試用ありがとうございます。問題なく動作しているとのこと、良かったです。検索機能の動作は、いろいろ試してみないと分かりませんから。ご協力ありがとうございます。
ご活用報告をどうもありがとうございます。いつでも歓迎しております。主に開発モチベーションの維持に役立って嬉しいです。ご要望もお気軽にどうぞー。(╹◡╹)ノ
2021年3月 この範囲を時系列順で読む この範囲をファイルに出力する
●「雑記(memo)」・「つぶやき(diary)」・「つぼやき(tsubo)」の3カテゴリをまとめて見る。
■#要望 と #質問 の2つのハッシュタグを合わせて見る。
OR検索は、検索語を半角縦棒「|」で区切れば良いので、以下のように検索語を指定すれば済みます。
●検索語「memo|diary|tsubo」
■検索語「#要望|#質問」
AND検索との違いは下記の通り。
●AND検索「memo diary tsubo」=3つのカテゴリ全部に同時に属している投稿を表示。(※)
●OR検索 「memo|diary|tsubo」=3つのカテゴリのどれかに属している投稿を表示。(※)
■AND検索「 #要望 #質問 」=両方のハッシュタグが同時に使われている投稿を表示。
■OR検索 「 #要望|#質問 」=どちらかのハッシュタグが使われている投稿を表示。
※カテゴリIDが検索対象になっているのでこのような検索ができるわけですが、「カテゴリIDと同じ文字列が本文内に使われている投稿」も同時にヒットします。
●除外したい単語には、頭に半角マイナス記号「-」を加える。(注意:マイナス記号の後に空白があってはダメ)
●OR検索は、複数の単語を半角縦棒「|」で区切る。(注意:単語と縦棒の間に空白があってはダメ)
検索例:🍵|🍮 -Re
画像保存用ディレクトリ内に、ファイル 20210326005708-admin.jpg は見つかりませんでした。 画像保存用ディレクトリ内に、ファイル 202103260057081-admin.jpg は見つかりませんでした。 画像保存用ディレクトリ内に、ファイル 202103260057082-admin.jpg は見つかりませんでした。 画像保存用ディレクトリ内に、ファイル 202103260057083-admin.jpg は見つかりませんでした。 画像保存用ディレクトリ内に、ファイル 202103260057084-admin.jpg は見つかりませんでした。 画像保存用ディレクトリ内に、ファイル 202103260057085-admin.jpg は見つかりませんでした。
所属カテゴリの名称を表示する代わりに、カテゴリを表すアイコンを表示したい場合は、例えば以下のような方法があります。<>
▼方法1:(今のところ一番お勧めな方法)
以前に No.1881 で紹介しましたので、そちらをご参照下さい。
🍘🍘🍘🍫🍫🍫🍪🍪🍪
▼方法2:簡単な(分かりやすい)方法(ただし、1投稿に1カテゴリしか設定しない前提)
内側スキンに、以下のようなimg要素を書きます。
<img src="/imagepath/[[CATEGORYIDS:IFEMPTY:nocat]].png" alt="[[CATEGORYNAMES]]">
すると、実際には以下のような出力になります。
●カテゴリ info (情報)に属する場合: <img src="/imagepath/info.png" alt="情報">
●カテゴリ diary (日記)に属する場合: <img src="/imagepath/diary.png" alt="日記">
●どのカテゴリにも属さない場合: <img src="/imagepath/nocat.png" alt="(※)">
なので、 info.png とか diary.png とか nocat.png とかのファイル名で適当な場所(上記の場合は/imagepath/)に画像ファイルを用意しておけば、それが表示されます。
ただ、この場合は、1つの投稿に複数のカテゴリが設定されている場合にはうまくいきません。(例えば、infoカテゴリと diaryカテゴリの両方に属している場合用に「info diary.png」を用意するなど、あらゆるパターンを用意していれば話は別ですが。^^; ※[[CATEGORYIDS:IFEMPTY:xxx]]を使う場合、カテゴリIDの区切りは常に半角スペースになります。なので、半角スペースを含むファイル名の画像が必要になります。詳しくは、解説ページの「カテゴリ関連要素」項目をご参照下さい。)
(※)の部分にどう表示されるかは、管理画面の[設定]→[ページの表示]→【カテゴリの表示】→「カテゴリ名として表示する内容」項目の設定次第です。デフォルト設定では、何も表示されません。
🍘🍘🍘🍫🍫🍫🍪🍪🍪
▼方法3:(何らかの事情で方法1が使えない場合。複数カテゴリでも(一応は)動作に問題はない)
内側スキンに、以下のようなspan要素を書いておきます。
<span class="caticon"><span class="[[CATEGORYIDS:IFEMPTY:empty]]">[[CATEGORYNAMES]]</span></span>
すると、実際には以下のような出力になります。
●カテゴリ info (情報)に属する場合: <span class="caticon"><span class="info">情報</span></span>
●カテゴリ diary (日記)に属する場合: <span class="caticon"><span class="diary">日記</span></span>
●カテゴリ info と diary に属する場合: <span class="caticon"><span class="info diary">情報,日記</span></span>
●どのカテゴリにも属さない場合: <span class="caticon"><span class="empty">(※)</span></span>
上記の場合は、1つの投稿に複数のカテゴリが設定されていてもおかしくはなりません。
その上で、例えば以下のようにCSSを書いておきます。
/* アイコンサイズ等の共通装飾 */
.caticon span {
display: inline-block; /* インラインブロック化 */
width: 32px; /* アイコンの横幅 */
height: 32px; /* アイコンの高さ */
background-size: contain; /* 背景画像を描画面積に合わせる */
text-indent: -9999px; /* テキストを非表示にする */
}
.caticon .info { background-image: url("info.png"); } /* info用画像 */
.caticon .diary { background-image: url("diary.png"); } /* diary用画像 */
.caticon .empty { background-image: url("empty.png"); } /* なし用画像 */
要するに、背景画像としてアイコン画像を指定しています。
この場合、1投稿に複数のカテゴリが設定されている場合は、どれか1つ(たぶん後に記述されているアイコン)だけが表示されるので、所属カテゴリ全部のアイコンを並べられるわけではありません。しかし、少なくともおかしな出力にはならないので、表示は可能でしょう。
なので、アイコン表示とは別に [[CATEGORYLINKS]] も記述しておいて、カテゴリの名称がテキストで列挙される空間も併せて用意しておく方が良いでしょうね。
🍘🍘🍘🍫🍫🍫🍪🍪🍪
以上、カテゴリをアイコンで表示する方法3つでした。
もしかしたら、もっと良い方法が他にあるかもしれませんけども。
とはいえ、何か公式に「カテゴリをアイコンで表示する」仕組みを用意した方が良いかもしれませんね。一応、方法1で問題ないのではないかとは思うのですが、CSSを自力で書く必要があるのがちょっと大変かもしれませんし……。
[[CATEGORYICONLINKS]]みたいな感じで、アイコン出力前提のHTMLを挿入できると良いですかね。
出力は、<img src="info.png" alt="情報"><img src="diary.png" alt="日記">……みたいな感じで、カテゴリの数だけ列挙されるような。
何かご要望あればお気軽にお知らせ下さい。(╹◡╹)ノ
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178





