カテゴリ「カテゴリなし」の投稿［3935件］（50ページ目）
➡ 2022年11月16日(水) 01時43分 〔2年以上前〕 No.3236 ✎ ！
3231です。
お返事ありがとうございます！
ドキュメントルートの位置は「環境変数から自動取得で設定」でした。
固定欄に入っている文字列の「/home/ユーザー名/www」＋[PICT:スラッシュからの絶対パス～]ですとひとつディレクトリが抜けている状態でした。
これを固定に設定し、「/home/ユーザー名/www/抜けていたディレクトリ名」を固定欄に入れたところ、3.8.6βで表示されるようになりました！
サムネイルの画像は使っておらず、オリジナル画像だけです。今までの画像が全部エラーになってしまっていたので、全部修正する必要があるのかと思い3.8.4に落としたところでした。
表示されて安心しました、ありがとうございます。今後、現在設定した状態で使っていけば大丈夫でしょうか。
➡ 2022年11月15日(火) 23時33分 〔2年以上前〕 No.3235 ✎ ！
➡ 2022年11月15日(火) 22時55分 〔2年以上前〕 No.3234 ✎ ！
画像保存用ディレクトリ以外の場所に置いてある画像を表示させたい場合で、サムネイル画像も表示させたい場合は、（「/」で始まる絶対パスでうまくいかない場合は）「../」で上位ディレクトリを参照する方法で画像の位置を書いてみて下さい。
➡ 2022年11月15日(火) 20時08分 〔2年以上前〕 No.3231 ✎ ！
#報告 です。3.8.6βにアップデートしたところ、[PICT:スラッシュからの絶対パス～]で表示している画像が「ファイル …は見つかりませんでした。スラッシュで始まる絶対パスは、ドキュメントルートからの絶対パスだと解釈される点にご注意下さい。」という表示になりました。アップデートする直前まで使っていた3.8.4に戻したところ表示されましたので、今のところは3.8.4を使います。
➡ 2022年11月15日(火) 13時05分 〔2年以上前〕 No.3229 ✎ ！
➡ 2022年11月14日(月) 21時29分 〔2年以上前〕 No.3228 ✎ ！
➡ 2022年11月14日(月) 18時11分 〔2年以上前〕 No.3224 ✎ ！
No.3216でご紹介した方法は（標準添付スキンの）ギャラリーモード用スキンでは使えません。そのギャラリーモード用スキンを大幅にはカスタマイズせずに同じことを実現したい場合、もし、カテゴリを利用しても構わないなら（＝特定のカテゴリに属する投稿だけで、画像にワンクッションを置く……という運用で構わないなら）、以下の方法もあります。
※注：てがろぐ完全構成パッケージに標準添付しているギャラリーモード用スキンでの話です。ギャラリーモードそのものに特別な事情があるわけではないので、スキンの作り方次第でどうにでもなります。
長いので畳んでおきます。
---【デフォルトの内側スキン】---
（標準添付スキンの）ギャラリーモード用スキンでは、投稿本文に含まれる1枚目の画像を表示する部分として、以下のように書いています。
<p class="imagebox">
<!-- ▽投稿本文内の1つ目の画像だけを表示 -->
[[ONEPICT:1]]
</p>
---【内側スキンのカスタマイズ】---
ここに、カテゴリIDだけが得られる記法 [[CATEGORYIDS]] を下記のように加えます。
<p class="imagebox [[CATEGORYIDS]]">
<!-- ▽投稿本文内の1つ目の画像だけを表示 -->
[[ONEPICT:1]]
</p>
すると、もし「カテゴリIDが cushion であるカテゴリ」に属している投稿では、以下のように出力されます。（説明に不要な属性は省略）
<p class="imagebox cushion">
<!-- ▽投稿本文内の1つ目の画像だけを表示 -->
<a class="imagelink" href="画像"><img class="embeddedimage" src="画像"></a>
</p>
※もし複数のカテゴリに属しているなら class="imagebox hogehoge cushion higehige" のような感じで、半角空白文字区切りで全部出力されます。
---【CSSの追記】---
なので、以下のようにCSSを書いておくことで、問答無用でクッション画像に差し替えられます。
.cushion .embeddedimage { display: none; }
.cushion .imagelink {
display: inline-block;
width: 200px;
height: 200px;
background-image: url("クッション画像のURL");
}
上記のCSSの中身は、No.3216でご紹介した方法と同じです。(赤文字のセレクタが異なるだけです。ここは用意したカテゴリIDに変更する必要があります。)
1行目で『本来表示されるハズだった画像』を消して、2～7行目で『代わりのクッション画像』を表示しています。（クッション画像の原寸が表示サイズよりも大きいなら、さらに background-size:contain; 等を加えると良いと思います。）
もしクッション用画像が複数種類あるなら、その分だけカテゴリを増やす必要があります。
なので、「クッション画像を加えるためだけにカテゴリを使いたくない」という場合には使えない方法ですね。
「カテゴリは使いたくないが、ハッシュタグなら使っても良い」という場合には、moka（えむおか）さんによるテクニックもあります。「特定のハッシュタグに続く画像」を対象にするというテクニックですね。なるほど、こんな方法が……と驚きました。（判定用に記述するハッシュタグは、CSSで非表示にすれば、見た目を変えることなく使えそうな気もします。）
畳む
➡ 2022年11月14日(月) 01時02分 〔2年以上前〕 No.3221 ✎ ！
➡ 2022年11月14日(月) 00時11分 〔2年以上前〕 No.3219 ✎ ！
自分だけのツイッターみたいで壁打ちに最適で楽しいです！
配布して下さってありがとうございます！
➡ 2022年11月13日(日) 22時16分 〔2年以上前〕 No.3216 ✎ ！
ワンクッション用の画像を（画像ごとに用意するわけではなく）共通の1種類だけ用意して使い回したい場合には、サムネイル画像を用意するよりも、以下の方法で記述する方が楽で良さそうです。
長いので畳んでおきます。
---【前提説明というか事前説明というか背後の説明】---
てがろぐでは、画像を挿入する際に、以下のように書きますね。
[PICT:gazo.jpg]
これだけだと、実際には以下のような感じのHTMLで出力されます。（説明に不要な属性は省略）
<a class="imagelink" href="画像"><img class="embeddedimage" src="画像"></a>
---【ワンクッション置きたい際の記述例】---
先の画像挿入記法を、さらに自由装飾記法で囲んで、以下のように書きましょう。
[F:mask:[PICT:gazo.jpg]]
すると、以下のようなHTMLで出力されます。（説明に不要な属性は省略）
<span class="decorationF deco-mask"><a class="imagelink" href="画像"><img class="embeddedimage" src="画像"></a></span>
これを利用すれば、以下のようにCSSを書いておくことで、問答無用でクッション画像に差し替えられます。(リンク先は変わらないので拡大画像では本来の画像が見えます。)
.deco-mask .embeddedimage { display: none; }
.deco-mask .imagelink {
display: inline-block;
width: 200px;
height: 200px;
background-image: url("クッション画像のURL");
}
●まず、1行目で『本来表示されるハズだった画像』を消します。
●2～7行目で、『代わりのクッション画像』を表示しています。（画像は6行目にある background-image プロパティにURLを指定します。サイズは、4行目と5行目の width と height に指定します。クッション画像の原寸が表示サイズよりも大きいなら、さらに background-size:contain; とか background-repeat:no-repeat; とか加えると良いと思います。）
もしクッション用画像が複数種類あるなら、自由装飾記法で使うclass名を mask1、mask2、mask3……とか複数用意すれば良いでしょう。
※自由装飾記法で「mask」と指定すると、実際に出力されるclass名は「deco-mask」になる仕様に注意してCSSを書いて下さい。
自由装飾記法については、公式マニュアルの「class名を自由に指定できる装飾記法」をご覧下さい。
なお、画像1つずつで異なるクッション画像を用意したい場合は、今回の Ver 3.8.5β で実装したサムネイル画像機能が望ましいでしょう。
上記で紹介した方法でも、サムネイル画像を使う方法でも、OGP(og:image)では本来の画像が出ます。それを避けたい場合は1枚目の画像には無難な画像を指定するとかして下さい。^^;
また、本格的に容易には見せたくない画像の場合は、鍵付き機能を使うと良いと思います。鍵付き投稿の場合は、デフォルト設定ではOGPにも表示されません。
CSSは、もうちょっとなんかイイ書き方があるかも知れません。今ぱっと思いついたのを書いただけなので……。
※（標準添付スキンの）ギャラリーモード用スキンで同様の方法を使いたい場合は、No.3224をご覧下さい。
畳む
➡ 2022年11月10日(木) 15時57分 〔2年以上前〕 No.3208 ✎ ！
https://www.one-tab.com/page/GemDT7UmRiechnNmyo8mvw
➡ 2022年11月10日(木) 14時51分 〔2年以上前〕 No.3207 ✎ ！
➡ 2022年11月10日(木) 14時47分 〔2年以上前〕 No.3206 ✎ ！
➡てがろぐ稼働サーバと機能認知度の話
➡ 2022年11月7日(月) 04時41分 〔2年以上前〕 No.3205 ✎ ！
➡ 2022年11月6日(日) 22時26分 〔2年以上前〕 No.3204 ✎ ！
※注：てがろぐ側でサムネイル画像が自動生成できるわけではありません。FTP等の手段を使って、オリジナル画像の他にサムネイル画像を自力でアップロードした場合に限って使える機能です。
※画像のアップロード先は、必ずしもてがろぐの画像保存用ディレクトリでなく他のディレクトリでも構いません。
※サムネイル画像は、てがろぐ内蔵機能を使ってはアップロードできません。少なくとも今のところは。（なので、FTP等の別手段で画像をUPしている方々のみに向けた機能です。今のところ。）
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
( ﾟ∀ﾟ)o彡°配布用スキン！配布用スキン！
( ﾟ∀ﾟ)o彡°宣伝！宣伝！