ブログでHTMLのリストタグをつけるのが面倒に感じたら試してほしい
私は、ブログの記事の原稿は、Ulyssesで書いていますので、面倒なHTMLタグをつける必要はありません。Ulyssesは、Markdown対応のエディタで、WordPress投稿時に自動的にMarkdownをHTMLタグに変換してくれるからです。
とはいっても、HTMLタグを書かなければいけない場面がないわけではありません。
そこで一番面倒に感じるのがリストタグです。箇条書きのリストや順序付きのリストを作るときです。
そんなときに役立つ便利なサービス(サイト)を見つけました。
HTMLのリストタグ(UL、OL、LI)をつけたい文章を入力するだけで自動的にこれらのタグをつけてくれる優れものです。
ULタグOLタグLIタグ挿入ツール|ちょっと便利なツール・ジェネレーター置き場
上記のリンクをクリックすると、以下の画像が表示されます。

あらかじめ説明文が入っているので、使い方は一目瞭然だと思います。
左側のスペースにリストにしたいテキストを入力すると、自動的に右側のスペースにタグのついたデータが表示されますので、それをコピーするだけです。
リストの種類は左上のプルダウンから選ぶことができます。
また、デフォルトで右側の「クリックで全選択」にチェックを入っているので、リスト付きに変換した後のデータの選択が楽です。
HTMLのリストタグをつけるのが面倒だと感じていた方は、ぜひ試してみてください。
このサイトを公開してくださっている方に感謝です。
この記事は以上です。
このブログには、iPhone・iPad・Apple Watch、アプリ、Kindle出版、ブログ運営などに関する記事があります。カテゴリーページや下にある「関連記事」を、ぜひご覧ください。
アウトライナー(WorkFlowy)でブログを書く効用は行の並び替えがしやすいだけではない
2018年4月24日 小田やかた
ブログを効率的に書くための「Skitch」の使い方
2015年10月25日 小田やかた
ブログのヘッダー画像やアイキャッチ画像を作るには「Canva」がオススメ
2018年1月30日 小田やかた
HandyFlowyでブログを書くときに不便なリストタグを簡単につける方法
2016年6月15日 小田やかた
WebページのURLのHTMLタグやMarkdownタグをコピー不要のワンタップで取得するブックマークレット
2019年7月29日 小田やかた
ブロガー必見!読まれる記事にするために必要な投稿前のチェックリスト
2021年5月30日 小田やかた
モブログには欠かせない!iPhoneでWebページURLのリンクタグを簡単に取得する方法
2018年1月9日 小田やかた
WordPressのプラグインの自動更新
2021年2月15日 小田やかた
「WorkFlowy」から「Ulysses」に出力してブログを書くときに重宝するもの
2020年3月3日 小田やかた
Macの「Text Expander 5」を日本語入力で使うための方法
2015年11月30日 小田やかた
WordPressのSimplicityのアイキャッチ画像を「Feedly」に表示させる方法
2015年11月17日 小田やかた
なぜブログはWorkFlowyで全体像を考えてからUlyssesで書いた方がうまくいくのか
2020年10月19日 小田やかた
このブログを書いている ブロガー&Kindle作家 の小田やかたです。
二人の子どもを持つ共働きサラリーマンです。
iPhone・iPadアプリを活用した効率的なインプットとアウトプットの方法をブログ、Kindle本、X、noteで発信しています。

【新版】Apple Watchで何ができるか 〜起床から就寝までの実際の使い方を徹底公開〜
-
Obsidianが「難しそう」に見える、本当の理由
-
iPhoneやiPadで画像の拡張子を変更する方法
-
ThreadsのWebサイトのURLの確認方法
-
知識の整理には別名設定ができる「Obsidian」のエイリアス機能が便利
-
10年以上使い続けた「iTunes」をやめた理由と代替としての「GooglePlayMus...
-
ObsidianとLogseqは同じファイルを開ける手軽さ
-
Apple純正メモアプリで文字数と行数をカウントする方法
-
Obsidianで文頭を字下げ(インデント)する方法
-
「かわるビジネスリュック」の購入を迷った点と実際に使ってみてのレビュー
-
Evernoteのノート一覧のサムネイル画像を制御する 〜読書ノートの本の表紙の画像をノー...



























