しままるの雑記帳

しままるの思ったことや考えたことをアウトプットする場。「PC/プログラミング」「写真/旅行」「科学(勉強)」「心の問題」が主なテーマ。

プログラミング

[備忘録] htmlにおけるメッセージ展開のプログラム

投稿日:2017年4月9日 更新日:

メッセージ展開、収納のプログラム

 ブログを書いていると、ついつい文字数が多くなって、読者が読みづらいのではないかな・・・と思うようなことが度々あります。こんな時、カットすべきところはカットして、読みたい読者だけがカットした部分を読めるように記事の一部を畳めるようにしています。今回はそのhtml文書の書き方の紹介です。

サンプルプログラム

メッセージ展開・収納のプログラム

[wp@ex more=”More..” less=”Close”]
あいうえお
[/wpex]

more=””の部分にメッセージを展開するときにクリックする文字列を
less=””の部分にメッセージを畳むときにクリックする文字列を書きます。

実際に使用するときは@の部分を消して書いてね!
この記事では、プログラム文を残すためにわざと@を入れて書いているので。

動作確認

メッセージ展開・収納のプログラム
開く

知っている人がいたら教えてください

今回のwpexのように、htmlにも予約語というものがあると思うんだけど、その予約語による機能を無効化する方法っていうのがわからなかったのよ。今回は無理やり@を入れることで対処したけど。

その予約語を無効化する方法を知っている人がいたら教えてください。よろしくお願いします。

-プログラミング

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

Excelマクロにおける基本文法(繰り返しと分岐)

目次1 繰り返し(for文)2 条件分岐文(if文)3 まとめ マクロにおける基本文法(for文とif文) プログラミング言語でよく使われるのが繰り返し文と分岐文です。もちろんVBAでも、繰り返しや分 …

初心者向けLinux入門:デュアルブートでubuntuをインストール

目次1 デュアルブートとは?2 デュアルブートの手順2.1 ①UNetbootinのダウンロード・ブートデバイス作成2.2 再起動→BIOS画面にてUSBからブート2.3 パーティション分割2.4 分 …

[比較]モバイルルーターどっちにしよう?(y-mobileとwimax)

目次1 結論から言えば、UQ-mobile2 価格(支払金額、料金システム)2.1 利用料金の中身のカラクリ2.2 きわめて不便な使い放題(305ZTの場合)2.3 1GB/3日の制限(305ZTの場 …

イントロクイズの作り方 ~soxの使い方を解説~

目次1 soxとは?1.1 対話型音声ファイル編集ソフト sox1.2 コマンドで編集を進める意味2 soxのコマンド2.1 切り取り2.2 フェードイン・フェードアウト2.3 その他3 イントロクイ …

【写真で説明】メモリ増設の方法

目次1 メモリの“型”を知る1.1 ノートパソコン用かデスクトップパソコン用か1.2 DDR1.3 メモリクロック1.4 メモリ実装例:しままるの体験談2 メモリ交換手順3 まとめ メモリの増設でパソ …