WordPress で p タグが消えるのを解決する方法

WordPress の記事を書くのに HTML タグを手打ちしてるんですが、その記事を公開して表のウェブページで見ると <p> が出力されてないのです。なんじゃこりゃ。

もちろんデータベースには <p> タグがそのまま保存されています。 PS Disable Auto FormattingRaw HTMLTinyMCE Advanced 、 function.php に remove_filter('the_content', 'wpautop'); を追加する、を試しましたが、まぁそもそも勝手に <p> タグ挿入するのやめて! っていうような話であったり、 <p> タグが消えなくしてくれるはずのプラグインも仕事してくれなかったり。

で、ふと気付きました。 <p> タグ内で改行すればいいんです。ちょっとウザいですが簡単です。

ダメな書き方

<p>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。</p>

いい書き方

<p>
  吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
</p>

ファイルをスタートやタスクバーにピン留めする方法

はじめに

ファイルスタートタスクバーピン留めできたら便利だと思うのですが Windows はやらせてくれません。そこでちょっと考えてみました。

ファイルをスタートにピン留めする

下の要領でピン留めします。タスクバーにピン留めするのも同じ感じです。

  1. 目的のファイルを開くアプリのショートカットを作ります。

    アプリのショートカットを作る

  2. ショートカットのプロパティ画面で、アプリのパスにファイルのパスを付け足します。例えば下のようにします。

    "C:\Program Files\EmEditor\EmEditor.exe" "\\illya.c\sviel\bridge.txt"

    アプリのプロパティの画面

  3. ピン留めします。

    ピン留めする

  4. スタートにピン留めできました。

    スタートにピン留めされている

小説家になろうの表示を変更するブックマークレット 1

はじめに

表示変更のサンプル

小説家になろうの表示を黒背景で白文字にするブックマークレットを作りました。完全な黒と白ではなくて monokai と呼ばれるカラースキームを真似てみたので色っぽいはずです。

今回のやつは色や文字サイズが決め打ちなんですが、ゆくゆくはブックマークレットをカスタマイズできるジェネレータを作りたいと思っています。他には縦書きになるやつも作りたいですね。

使い方

小説家になろうの本文があるページでブックマークレットを実行します。元の画面へ戻るにはページをリロード(再読み込み)します。

ブックマークレット

表示変更ブックマークレット

ブックマークレットのコード

javascript:(function(){var e="<style>#novel_no,.novel_bn,.novel_subtitle{text-align:center}body,div,p{margin:0;padding:0}body{font-family:Meiryo,Helvetica,Arial;font-size:16px;letter-spacing:.05em;line-height:1.7;color:#f8f8f2;background-color:#272822}a,a:link{color:#66d9ef}a:visited{color:#f92672}#novel_color{width:100%;max-width:640px;margin:20px auto;padding-right:20px;padding-left:20px;box-sizing:border-box}.novel_bn{width:80%;margin:0 auto}.novel_bn:last-child{margin-top:30px}#novel_honbun,.novel_subtitle{margin-top:10px}.novel_bn a{display:inline-block;margin-right:10px;margin-left:10px}#novel_no{margin-top:15px}.novel_subtitle{font-weight:700}#novel_a,#novel_p{margin-top:10px;color:#75715e}</style>",n='<meta name="viewport" content="width=device-width, initial-scale=1">',o=$("title"),i=$("#novel_color");$("head, body").empty(),$("link, style, script").remove(),$("head").append(e),$("head").append(n),$("head").append(o),$("body").append(i),$("*").removeAttr("style")})();

元になるコード

元になる JavaScript

$(function() {
  var style = '<style>#novel_no,.novel_bn,.novel_subtitle{text-align:center}body,div,p{margin:0;padding:0}body{font-family:Meiryo,Helvetica,Arial;font-size:16px;letter-spacing:.05em;line-height:1.7;color:#f8f8f2;background-color:#272822}a,a:link{color:#66d9ef}a:visited{color:#f92672}#novel_color{width:100%;max-width:640px;margin:20px auto;padding-right:20px;padding-left:20px;box-sizing:border-box}.novel_bn{width:80%;margin:0 auto}.novel_bn:last-child{margin-top:30px}#novel_honbun,.novel_subtitle{margin-top:10px}.novel_bn a{display:inline-block;margin-right:10px;margin-left:10px}#novel_no{margin-top:15px}.novel_subtitle{font-weight:700}#novel_a,#novel_p{margin-top:10px;color:#75715e}</style>'
  var viewport = '<meta name="viewport" content="width=device-width, initial-scale=1">'
  var title = $('title')
  var novel_color = $('#novel_color')
  $('head, body').empty()
  $('link, style, script').remove()
  $('head').append(style)
  $('head').append(viewport)
  $('head').append(title)
  $('body').append(novel_color)
  $('*').removeAttr('style')
});

元になる CSS

body,
div,
p {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Meiryo", "Helvetica", "Arial";
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.7;
  color: #f8f8f2;
  background-color: #272822;
}
a,
a:link {
  color: #66d9ef;
}
a:visited {
  color: #f92672;
}
#novel_color {
  width: 100%;
  max-width: 640px;
  margin: 20px auto;
  padding-right: 20px;
  padding-left:  20px;
  box-sizing: border-box;
}
.novel_bn {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.novel_bn:last-child {
  margin-top: 30px;
}
.novel_bn a {
  display: inline-block;
  margin-right: 10px;
  margin-left:  10px;
}
#novel_no {
  margin-top: 15px;
  text-align: center;
}
.novel_subtitle {
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
}
#novel_p,
#novel_a {
  margin-top: 10px;
  color: #75715e;
}
#novel_honbun {
  margin-top: 10px;
}