Feedlyどうも、若干一昔前のHTMLには若干覚えのあるYnek0です。現在HTMLのversionは5もはや僕が覚えていたHTMLとは別物になってしまいました。SCSSやらJSでjQueryやらもうWebの世界は何か別物になってしまいました。阿部寛さんのサイト見たいなのが沢山あった時代ではなくなってしまったのですよ。おっと、話がそれましたね。今回はHTMLタグを綺麗にするコツをご紹介出来ればと思います。作業を終えてスポンサーリンクグーテンベルクを使っていた時の残骸WordPressになってから一応記事はビジュアルエディタで書いていたりするのですが、たまに動作がおかしい場合はHTMLタグを確認するためテキストモードに移したりします。リライト作業の時はテキストモードを見るとやけにコメントアウトの記述が目立つのですよ。-->こんな記述が沢山です。これ何かと言いますと、次世代WordPress5.0で標準化されるテキストエディタ『グーテンベルク』を使用するとテキストモードエディタがブロック形式で編集出来る様になります。そのため、ブロック1つ作る事にわざわざHTMLコメントおまけ付きのタグを用意するというなんとも面倒くさい仕様になっているわけです。画像の様にワチャワチャとしたテキスト画面が広がるわけなんですよ。何より、公開している記事のソース画面にも表示されるのですよ。あぁー見る人が見たら『きったねぇなこいつのソース』とか言われるに違いない。一度作成した記事を見直すとこう言ったコメントアウトが数多く存在していて非常に目障りだったりします。スポンサーリンク解決策このコメントを一括で削除したい場合はどうすれば良いでしょう。いえば以前こんな記事を書きましたね。正規表現は最高の時短ツールだ!REGEX関数2018.8.25どうもYnek0です。ついてお話ししていけたらと思います。正規表現とはなんぞや?と言う事から始めないといけないですね。しつこくつきまとってくる厄介なやつなので深掘りせず触りのみを関わらせて頂...察しが良い方は気付かれたかと思います。『正規表現』を使います。正規表現を使用する事によりコメントアウトされたタグを一括で削除します。その方法を今回はご紹介させて頂きます。解決策手順まず、WordPress管理画面の記事一覧よりいずれかの記事をテキストモードで表示させ、それをすべてコピーします。次にGoogleドキュメントを開きます。Googleドキュメントは無題でも構いません、何か適当に新しいドキュメントを作成して下さい。作成したドキュメントにコピーした記事を貼り付けて下さい。次にショートカットキーを使用して置換画面を表示させます。WindowsとMacで表示が違いますので注意して下さい。hショートカットキーを入力するとポップアップ画面が表示されると思います。そのポップアップ画面を画像の様に入力して下さい。正規表現を使用するにチェックを入れる。次に変更には何も入れないすべて置換ボタンをクリック。すると、コメントアウトが綺麗に削除されます。あとはこの綺麗になったテキストをWordPressの記事に上書きすれば、コメントアウトが消えた綺麗なテキストが仕上がるという事です。作業を終えてこれでChrome画面からsauce見られても『こいつコメントアウト滅茶苦茶多くね?』とか言われなくて済みます。誰も見ないとかそういうことは無いでしょう。