Wordpress | kulog

WordPress新エディタGutenbergが動かない原因

akahane — Mon, 31 Dec 2018 13:15:31 +0000

WordPress 5.0からエディタがGutenbergへ変わることは知っていたのですが、アップデートしたらブロックが追加出来ずただのテキストだけになって困っていたのです。

ただのテキストしか出てこないので、いつも使っていたadd quick tagが使えないので画像のリンクを出すのが面倒で、ブログ更新がただでさえ滞っているのにさらに滞ってました。

文章を入力するとブロックナビゲーションが選べるようになるのですが、クラシックのみです。

クラシックからブロックへ変換していろいろ書いてみようとするとタグが追加されるだけでどう文章を書いていいのか分からなくなってしまいます。

いろいろ検索していたところ、まさにこれというものを見つけました。

Gutenbergでビジュアルエディタとコードエディタの選択ができない上にブロック追加ボタンが押せない

ユーザーの個人設定にある「ビジュアルリッチエディターを使用しない」のチェックが外れているとこのような動作になるようです。チェックを付けたところブロックが使えるようになりました。

いままではタグを書いてブログを書いていたので、新しいエディタの使い心地がいろいろ違和感があります。画像もFTPでアップロードしてからリンクを指定していたのですが画像をドラッグしてアップロードしてみました。楽なんですが、いつものディレクトリと変わるため今後どうするか検討中です。

連続ハイフンをエンダッシュにしないプラグイン WordPress 4.9.4対応

akahane — Thu, 27 Aug 2015 03:55:17 +0000

連続ハイフンをエンダッシュに自動変換しないプラグインをWordpress 4.9.4に対応しました。

no endash ver.0.5

確認用
—
—

fancyboxの404対策

akahane — Wed, 26 Aug 2015 03:20:31 +0000

apacheのログを久しぶりにチェックをしてみると下記のようなエラーが大量にありました。
Wordpressのプラグイン fancybox関係のようです。

省略 "GET /pc/software/k6535/fancybox/fancy_shadow_sw.png HTTP/1.1" 404 11290
省略 "GET /pc/pcothers/k6508/fancybox/fancy_shadow_se.png HTTP/1.1" 404 11287

最初はスパマーとかの変なアクセスのせいかなと思っていたのですが、よく見てみるとそうではなさそう。この画像ファイルを読ませるのはfancyboxのCSSで下記にありました。

/wp-content/plugins/fancybox-for-wordpress/fancybox/fancy.css

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

なんだかIE6～8対策みたいです。どの条件で404になるのかは分かりませんが面倒なので画像を読み込むところをすべてコメントアウトしました。IE6～8の人もかなり少なくなっているし問題ないかと思います。

Twenty Fifteenをつかってみた

akahane — Sat, 20 Dec 2014 14:36:52 +0000

Wordpress 4.1へアップデートしてテーマをTwenty Fifteenにしてみました。驚きの白さ！

毎回、新しいテーマが出るたびに変更していますが、プラグインの見直しにもなって意外に効果的だったりします。プラグインの設定を変えたり、もっと使いやすい物に換えたりしてちょっと楽しくなってきます。

今回はずいぶんシンプルになりました。カスタマイズし易いようにしているのかもしれませんが、基本はデフォルトのままで使っちゃったりします。

ちょっと使ってみてTwenty Fifteenのいいところはスマホでの表示が軽くなったことです。というかTwenty Fourteenが重すぎたんだ……

連続ハイフンをエンダッシュにしないプラグイン WordPress 4.0対応

akahane — Tue, 09 Sep 2014 14:27:30 +0000

こちらが最新のパッチになります。
連続ハイフンをエンダッシュにしないプラグイン

WordPress 4.0になってからかエラーが多発してましたので
とても長いタイトルのプラグイン
「連続ハイフンをエンダッシュしないプラグイン」を更新しました。

Download: no endash ver.0.3

いままでとは変わって下記のところをコメントアウトすることで回避出来ます。
wp-includes/formatting.php

// Dashes and spaces
$dynamic[ ‘/—/’ ] = $em_dash;
$dynamic[ ‘/(?<=' . $spaces . ')--(?=' . $spaces . ')/' ] = $em_dash; $dynamic[ '/(?

WordPress 3.8へアップデート

akahane — Tue, 17 Dec 2013 15:51:32 +0000

Wordpress 3.8へアップデートしてみました。
管理画面のイメージががらりと変わって新鮮です！
ついでにテーマもTwentyFourteenへ変えてみました。
ちょっと色合いが寂しいので、のちほどちょこちょこいじりたい思います

連続ハイフンをエンダッシュに変換させないプラグイン

akahane — Wed, 11 Dec 2013 14:21:04 +0000

こちらが最新のパッチになります。
連続ハイフンをエンダッシュにしないプラグイン

先日公開した、Wordpressの記事内で連続したハイフンを
自動的にエンダッシュに変換させないプラグインのバグ修正をしました。

修正内容：
・記事内のen_dash(–)およびem_dash(—)をすべて”–“にしてしまうのを修正

download: no endash ver.0.2

今回はWordpressの自動変換機能であるwptexturizeをいったん無効にして、
修正したwptexturizeを追記しただけです。

以前、wp-includes/formatting.php の一部を修正した記事を書いていましたが
よくよくコードを読んでみると間違っていました！

$static_characters = array_merge( array( ‘—‘, ‘ — ‘, ‘–‘, ‘ – ‘, ‘xn–’, ‘…’, ‘“’, ‘\’\”, ‘ ™’ ), $cockney );
$static_replacements = array_merge( array( $em_dash, ‘ ‘ . $em_dash . ‘ ‘, $en_dash, ‘ ‘ . $en_dash . ‘ ‘, ‘xn--‘, ‘…’, $opening_quote, $closing_quote, ‘ ™’ ), $cockneyreplace );

static_replacementsのオレンジ文字のところ下記のように修正するのが正しかったです。

$static_replacements = array_merge( array( ‘—‘, ‘ — ‘, ‘–‘, ‘ – ‘, ‘xn--‘, ‘…’, $opening_quote, $closing_quote, ‘ ™’ ), $cockneyreplace );

WordPressの記事でハイフンを続けて表示させるプラグインを作ってみた

akahane — Tue, 10 Dec 2013 14:55:21 +0000

こちらが最新のパッチになります。
連続ハイフンをエンダッシュにしないプラグイン

以前にも記事に書いていたWordpressの記事でハイフンを続けて入力すると
エンダッシュに自動変換されてしまう仕様ですが
Wordpressをアップデートするたびに変更するのが面倒になりました。
今後、簡単にするためにプラグインを作ってみました。

no endash ver.0.1

ものすごく簡単なプラグインです。
この記事を書いていて、バグを発見してしまったので修正予定です。
このプラグインは単純にエンダッシュをハイフン二個に変更するだけです。
そのためエンダッシュが使えなくなってしまうのです。

これってハイフンを続けて表示させるプラグインっていうか
エンダッシュをハイフン2個に変えるプラグインだよね！

これを修正するには根本的に変えないとなぁ

WordPressテーマ Twenty Thirteenでrembaseが廃止？

akahane — Wed, 02 Oct 2013 14:15:39 +0000

過去の記事をみていて、なんか画像がボケてるなぁと思っていたのですが、ちょっと調べてみたらなぜか画像が引き伸ばされているじゃないですか。もしかして「Twenty Thirteen」からのCSSの仕様が変わっている？

旧テーマ「Twenty Twelve」のときに使われていたスタイルシートは特徴があって幅や高さを指定するにはpxとremを同時に記入していました。
これによりレスポンシブデザインを実現していたと思います。

ところが「Twenty Thirteen」のスタイルシートではremの指定がないじゃないですか。
試しにカスタマイズしたstyle.cssのremをコメントアウトしてみました。

おお、レスポンシブデザインになってるじゃない！
ブラウザのウィンドウサイズを変えるとちゃんと画像も小さくなります。
うーん、どういう技をつかっているのだろう？

ということで面倒な計算が必要だったrem指定が必要なくなり便利になりました！
rembaseという指数があり下記の計算式によってremを算出していたのです。

rembase = 14
rem = px / rembase

おや、もしかして「Twenty Thirteen」ではrembaseが変わったから画像サイズが大きくなってたりして？とおもいちょっと試してみたところrembaseが「16」でぴったりでした！
なるほどrembaseが変わっていたからか・・・

でも、remをわざわざ指定しなくても問題ないのでpxだけでいいですね。

WordPressのコメント欄のメールアドレスとURLを消す

akahane — Wed, 11 Sep 2013 14:43:39 +0000

WordPressのコメント欄には「名前」、「メールアドレス」、「ウェブサイト」とありますが、なんだか書かなくてはいけない項目が多くてコメントしづらい気がします。
ということで「メールアドレス」と「ウェブサイト」を非表示にする方法をメモします。

以下のファイルを修正します。
/wp-includes/comment-template.php

‘email’ => ‘< p class="comment-form-email">～省略～
‘url’ => ‘< p class="comment-form-url">～省略～

WordPress 3.6ですと1618行あたりのemailとurlのところをコメントアウトします。
けっこう乱暴な修正方法ですね＾＾

アップデートするたびに変更しなくちゃいけないので、こういうプラグインあったらいいのにね。

追記：2014/09/08
「メールアドレスが公開されることはありません。」
というコメントを消す方法を追記しておきます。

/wp-includes/comment-template.php

‘comment_notes_before’ => ‘

’～省略～
下記のように修正
‘comment_notes_before’ => ”, ←シングルクォーテーションが二つ