Windows Live Writer から WordPress.com へ HTML や CSS のソースコードを直接投稿する方法

Windows Live Writer から WordPress.com へ HTML や CSS のソースコードを直接投稿する方法が紹介されていたので、その覚書です。

AccessMenuBarApps-113
Windows Live Writer から PowerShell のコードを投稿する | Operations Lab.

私自身はこれまで Windows Live Writer から一旦、下書きで投稿し、

AccessMenuBarApps-114

WordPress.com の投稿編集機能の方で改めてコードを貼りつけていましたが、

AccessMenuBarApps-115

Windows Live Writer の「Source Code Highlighter Plug-in For WordPress.com」というプラグインを使えば、Windows Live Writer から直接、WordPress.com の方へ投稿できることがわかりました。プラグインのインストール方法については記事「Windows Live Writer から PowerShell のコードを投稿する | Operations Lab.」を参照して頂くこととして、ここでは、私自身が気づいたことについて覚え書きしたいと思います。

まず、私自身がインストールした時点では、以下のように文字化けを起こしてしまいました。

AccessMenuBarApps-116

そこで、制作者のプラグイン紹介ページ内で「HTML」で検索したところ、以下の文章がひっかかってきました。

As of V1.4.1 you can now control whether the plugin performs HTML encoding when publishing the post, useful for non-Wordpress.com hosted blogs. Configured via the Plugin Options in Live Writer. For more information see here.

WLW Code Plugin | Rich Hewlett

リンク「see here」をクリックすると以下のページが表示されました。どうやら、このとおりにすれば文字化けしなくなりそうな感じです。

AccessMenuBarApps-117
Live Writer Syntax Highlighting Plug-in Minor Update | Rich Hewlett

早速、書かれたとおりに設定を変更してみます。まず、「オプション」をクリック。

AccessMenuBarApps-118

「プラグイン」→「Source Code Highlighter Plugin f…」を選択し、「オプション」ボタンをクリック。

AccessMenuBarApps-120

「Disable HTML Encoding」にチェックを入れ、「OK」ボタンをクリック。

AccessMenuBarApps-122

すると、以下のように文字化けせずにちゃんと表示できるようになりました。

AccessMenuBarApps-123

なお、レンタルサーバ等にインストールして使うタイプの WordPress でもプラグイン「Syntaxhighlighter Evolved 」をインストールすれば、以下のような感じで Windows Live Writer から WordPress へ直接ソースコードを投稿することができました。

AccessMenuBarApps-124

プラグインの方にいろいろと書式を変更する機能があるようですが、ちょっと力尽きた感があるので、今回の調査はこれくらいにしておきます。

AccessMenuBarApps-125

なお、ライセンスは以下のとおりですので、

AccessMenuBarApps-126

ご使用の際にはプラグインの紹介ページへのリンクをフッター部に貼るなどしてこのプラグインの存在を世に知らしめてください。

以上、Windows Live Writer から WordPress.com へソースコードを貼る方法についての覚書でした。

投稿者: comemo

mac & iPad で情報をインテグレートする

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。