カテゴリ「カテゴリなし」の投稿[3923件](52ページ目)
あ〜!「日付の自由入力ボタン」を使えばよかったんですね。ただこのテクニックを使った場合でも、投稿番号は下書き作成時の番号で固定されるんですね。
もし検討後実装して頂けるのであれば、下書きは投稿番号の連番に含めないようなシステムだとありがたいかもしれません。
文字装飾のリストが実装されそうで今からワクワクしてます。
何か月か前に装飾でリストをお作りになられている画像が投稿されていたので自分も真似をしようとしたんですができなくて断念したんですよね……
下書きに関する要望なんですけど、下書き作成日ではなく、投稿日で表示されるようになると個人的に使いやすくて嬉しいです〜。
参考までにお知らせしますが、ここにリンクを書いても rel="nofollow" が自動付加される設定なのでSEO効果はありませんよ。😇 >>3126
(ツイート埋め込み処理中...)Twitterで見る
🍩Re:3121◆そこまで作成なさっていましたか。^^; ご活用ありがとうございます。(╹◡╹) 使い慣れた書き方を使うのが一番だと思います。
🍩Re:3122◆もしかしてどこかのページでてがろぐを使って下さっているのかな、と思ったんですけどもそうではなさそうですし、投稿テストなのか、無差別な宣伝なのか、イマイチ判断が付かないんですが、まあどちらの場合でも消して問題なさそうなので消しておきました。(^_^;;;
投稿テストはお気軽にどうぞ。ただの呟きもご自由にどうぞ。ただ、紛らわしくない感じでお願いします。(^_^;)
もちろんご要望投稿も歓迎致します~。
てがろぐを使って下さっているサイトの宣伝なら特に歓迎ですよ!
自由装飾記法でリスト表示するようにしてるからどうしよう💦
- 箇条書きって「そう見えるように書けば済む」と考えていたので、ずっと専用記法は設けなかったのですけども、ul要素とかol要素とかでインデントされれば、それはそれで見やすいんですよね。特に、ウインドウの端で折り返された2行目以降にもインデントが影響する点が。
- あと、HTMLのリストとして出力できれば、それ専用のCSSを用意しておくことで自由に装飾しやすいメリットもある気がします。
- デフォルトではul要素を使う箇条書きリストになりますが、オプションでol要素を使う番号付きリストにしたり、dl要素を使う説明リストにしたりもできます。任意のclass名を指定することもできるので、事前に装飾を用意しておけばいろいろ活用の幅は広げられる(かもしれない)な……とは思います。
▼普通の箇条書きリスト
- チョコレート
- ドーナツ
- ショートケーキ
▼箇条書きリストの中に箇条書きリスト(何層でも可)
- チョコレート
- ドーナツ
- ゴールデンチョコレート
- チョコファッション
- エンゼルフレンチ
- ショートケーキ
▼先頭記号を指定した箇条書きリスト
- チョコレート
- ドーナツ
- ショートケーキ
▼番号付きリスト(開始番号指定)
- チョコレート
- ドーナツ
- ショートケーキ
▼任意のclass名を付加した箇条書きリスト
- チョコレート
- ドーナツ
- ショートケーキ
▼説明リスト(dl要素+奇数dt要素+偶数dd要素)
- チョコレート
- 食べたい🍫🍫🍫
- ドーナツ
- 食べたい🍩🍩🍩
🍩Re:3111&3114◆反応ありがとうございます。予約投稿機能も需要はあると分かってありがたいです。そう遠くないうちに実装する予定でいます。
🍩Re:3112◆β版のご試用をどうもありがとうございます。たしかに新着画像リストは、あるのとないのとではずいぶんリッチさが異なるなとは感じました。意図していませんでしたが意外な効果です。^^; ご活用頂ければ幸いです。
🍩Re:3113◆β版のご試用をどうもありがとうございます。Instagramの埋め込みはもっと大変だと思っていたんですが、よくよく調べるとTwitterとほぼ同じ感じで埋め込めることが分かったので実装できました。いつからこの仕様だったのか分かりませんが、昔からそうだったのならもっと早くに実装できていたハズでした。^^;;;
深夜帯に投稿してしまうことが多々あるので、実装していただけると嬉しく思います・・・!
🌰この名古屋のリフォーム会社の施工例ページが、てがろぐで生成されています。ギャラリーっぽい表示で、クリックすると個別ページに飛びます。これは特にギャラリーモードを活用しているわけではなく、「全投稿に必ず1枚以上の写真を掲載する」という前提で運営しているので、「画像ありき」のスキンを作って通常モードで使っています。(たとえ画像がなくても、サムネイル領域が空白になるだけで、表示が崩れることはありませんけども。)
🌰スキンが1つしかないのに「TOPではギャラリーっぽい表示」で「単独投稿ページでは全文表示」になっているのは、内側スキンskin-onelog.htmlを次のように書いているからです。
<!-- ▼TOPでのみ表示する部分 -->
<div class="oneWorkBox forLinkListBox">
<a href="[[PARMAURL:FULL]]" class="oneItemOnLinkList">
<span class="oneLinkImage"><img src="透明GIF" width="300" height="300" alt="" style="background-image:url('[[GETURL:PICT:1]]');"></span>
<span class="oneLinkTitle">[[COMMENT:TITLE]]</span>
<span class="oneLinkDate">[[DATE:Y.M.D]]</span>
</a>
</div>
<!-- ▼単独投稿表示時でのみ表示する部分 -->
<div class="oneWorkBox forIndividual">
<p class="workDate">[[DATE:Y.M.D]]</p>
<h3 class="workTitle"><a href="[[PARMAURL:FULL]]">[[COMMENT:TITLE]]</a></h3>
<p class="workMain">
[[COMMENT:BODY]]
</p>
</div>
このようにHTMLを書いておいて、
●投稿単独表示時では .forLinkListBox を display:none; にし、
●それ以外の状況では .forIndividual を display: none; に
しています。こうすると、1つのスキンだけでも「単独投稿表示時」と「それ以外」とでデザインを別々に用意できます。(よほど本文が長い場合には、無駄にHTMLソースが長くなる問題はありますが。)
※上記で、「投稿1枚目の画像」を background-image で表示しているのは、元の写真の縦横比に関係なく正方形に描画するためです。今ならそんな回りくどい方法を使わなくてもCSSで object-fit: cover; とか書けば良いのですが、このサイトでは(企業サイトなので)一応ふるーいブラウザ(IE11等)で閲覧された場合も考慮して、背景画像を駆使する方法を使っています。
畳む
🌰さらに、このリフォーム会社のHOMEページ冒頭では、投稿の最新10件をループスライダーで無限ループ表示させています。右から左へ向かって流れていく「施工例」の部分です。ここは、埋め込み用に作成したスキンを使って埋め込んでいます。クリックすると、投稿単独ページに飛びます。
🌰ここは、外側スキンを次のように書いて
<!-- ループスライダー -->
<div class="loopSlider">
<ul>
[[TEGALOG:10]]
</ul>
</div>
[[VERSION]]
(※VERSION部分は、ライセンスがあるので非表示になっています。)
畳む、内側スキンを以下のように書いて
<li>
<p class="loopBoxImage forLinkListBox">
<a href="[[PARMAURL:PURE:FULL]]" class="oneItemOnLinkList">
<span class="oneLinkImage"><img src="透明GIF" width="142" height="142" alt="" style="background-image:url('[[GETURL:PICT:1]]');"></span>
<span class="oneLinkTitle">[[COMMENT:TITLE]]</span>
<span class="oneLinkDate">[[DATE:Y.M.D]]</span>
</a>
</p>
</li>
(※ここでも「1枚目の画像」をbackground-imageで掲載しているのは、さっきと同じ理由です。)
畳むいるだけです。
使っているスキンは、メインのが1つと、ループスライダー埋め込み用のが1つの、計2つです。
自分でこんな感じのやれないかな〜と考えたことありましたが、分からなかったので嬉しいです😆楽しみです。
いつもありがとうございます。
まだ標準スキンしか作っていないので他のスキンでは見えませんが。 [[IMAGELIST]] と書くと、そこに投稿画像が指定個数だけ表示されます。画像をクリックすると、その画像が使われている投稿に移動できます。いくつ掲載されるかは設定で指定できますが、[[IMAGELIST:12]] のように書けば、スキン側で強制的に個数を指定することもできます。


