はてなブックマーク

WordPress4.7より追加されたREST API エンドポイントを無効にする oEmbedのみを有効にして、その他のREST API エンドポイントを無効 WWordPress 4.7(WP4.7)がリリースされました。主な新しい機能の中で「REST API コンテンツエンドポイントの導入」とあるので、気になるので調べてみました。 そもそも「REST API」とは何ぞや？ということですが、わざわざWordPressの管理画面にアクセスして、記事更新や新しいカテゴリなどを行わなくても、RESTというもので通信を行ってできるというもの。具体的には、この通信を行うスマホアプリなどを開発すれば、WordPressの管理画面にアクセスしなくとも記事更新などができるよというような感じで、例えば、FacebookやTwitterもWebの管理画面ではなく、アプリからつぶやきや記事のアップができます

WP4.5でjQueryがエラー: Syntax error, unrecognized expression WWordPress 4.5がリリースされたので検証のため、ステージングサイトを試しにWP4.4からWP4.5にアップデートしてみたら、jQueryで動かしているスライドショーが動作しない (TT コンソールで確認するとjQuery本体から下記のエラーがでていて、以降のJavascriptが停止していた。 Syntax error, unrecognized expression jQuery本体のバグ？と思いきや、どうやら、WordPressバージョンアップによりjQuery Migrateのバージョンの上がったことが原因でセレクタの記述でエラーがでていたようです。 WordPress4.4 WordPress4.5

WordPressのショートコードはfunctions.php等で自作のショートコードを追加して、とても便利なのですが、ショートコードが pタグ で囲まれてしまいます。 例えば、下記のようなショートコードがあった場合 function my_hogehoge($attr) { return '<div class="hogehoge">hogehoge</div>'; } add_shortcode('hogehoge', 'my_hogehoge'); [hogehoge] 実際、コンテンツが出力される際は <p><div class="hogehoge">hogehoge</div></p> となってしまいます。 pタグとdivの margin等 で、この pタグ が邪魔な場合があります。 pタグを補完しないようにする解決方法もあるのですが、文章や画像等にはpタグで囲まれてほしいので、

WordPress4.4からホワイトリスト方式(Youtubeなどの許可されたサイトのみ)であったembedが変わり、どんなサイトでも相手が対応していれば、投稿欄にURLを入れるだけで自動的にコンテンツの埋め込みされます。WordPress4.4のすべてのソースを解読した訳ではありませんが、少なくとも１つは下記のような仕組みでコンテンツの埋め込みされるようです。 <link rel="alternate" type="application/json+oembed" href="https://www.sitespiral.jp/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.sitespiral.jp%2Farchives%2F575.html" /> <link rel="alternate" type="text/xml+oembed" h

PHPは変数の型定義がないので、よく変数でif判定するときがあるのですが、いろいろな言語をコーディングするとわからなくなるので、要注意です。変数でif判定するときの真偽(TRUE/FALSE)は、booleanへの変換(キャスト)と同じく下記のとおりです。 次の場合は、偽(FALSE)として判定 boolean の FALSE integer の 0 (ゼロ) float の 0.0 (ゼロ) 空の文字列、 および文字列の “0” 要素の数がゼロである 配列 メンバ変数の数がゼロである オブジェクト (PHP 4のみ) 特別な値 NULL (値がセットされていない変数を含む) 空のタグから作成された SimpleXML オブジェクト ※PHP MANUAL「論理型(boolean)」より参照 ドツボにはまるポイントとしては、strposのような戻り値をif文で判定すると 「0」… 最初の文

ホームページ制作でデザインデータ等のやりとりでZIPファイルがよく使われますが、ZIPファイルの取り扱いで困ったときの子ネタをご紹介します。 相手からのZIPファイルが壊れている (データが途中まで) 大容量のZIPファイルを転送してもらったのはいいけど、なぜか、データが途中までで、ZIPファイルが壊れている状態。いくら、ZIP解凍ソフトで解凍しようともエラーがでて解凍できない。 そこで、Windowsなどでは信用できないので、Linuxターミナルからunzipコマンドで解凍してみると、下記のようなエラーがでました。どうやら、終了までデータがない様子。または、マルチパート・アーカイブの一部なのか。 # unzip hoge.zip Archive:  hoge.zip End-of-central-directory signature not found.  Either this fi

最近、下記の理由から、WordPressの挿入した画像のimgタグにwidth/heightがあることに違和感を感じてました。 レスポンシブにフルードイメージとして画像を取り扱う際に、imgタグ内のwidth/heightの値の意味が薄れる (画像本来のサイズを指定すればよいのだろうか？)。 imgタグ内のwidth/heightは、alt属性のように必須ではない。 width/height属性のせいで、微量ではあるがhtmlのコードサイズが肥大化してしまう。 FTPなどで違うサイズの画像を差し替えた際に、該当のimgタグのwidth/height値を直してあげないといけない。 しかしながら、imgタグのwidth/heightを削除すると下記のようなデメリットもあるようです。 画像のレンダリング速度の低下（１割程度？） JavaScriptのwidth/height取得のタイミングがズレ

いまさらのネタですが、2012年12月11日にリリースのバージョン 3.5から、WebサーバにImageMagickのPHPモデュール「php-pecl-imagick」(以下、imagick)が入っていたら、自動的にそれがリサイズ等の画像加工に使えるならImageMagickで実行してくれる機能が搭載されてました。 ImageMagickなら、Wordpressに画像メディアをアップロード時に綺麗にリサイズして「サムネイル」「中サイズ」「大サイズ」を作ってくれるらしいが、本当かどうかはわかりません。でもやっぱり、少しでも画像が綺麗になってほしいのでトライしてみたいですよね。 Full Supportは下記の通りのようです。 Imagick support requires Imagick 2.2.0+ compiled against  Imagemagick 6.2.9+, for f

ホームページで日本語フォントのデザインが汚い！ とくにWindowsで！ｗ いままでのように、リッチデザインやスキューモーフィズムで採用されがちなリアルな質感や立体感などは排除し、デザインを引き算していくと、更に日本語フォントの汚さが目立ちます。 そこで、CSSでのフォント指定について考えてみました。 いままで筆者は、下記のようなフォント指定をしていました。これを見直そうと思います。 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif; MacOSXから考えてみる 「OS X：Mavericks に組み込まれているフォント」で見ると、当然、MacOSXで使用されているユーザーインターフェイス書体’Lucida Grande’があります。’Luc

Yet Another Related Posts Plugin 訪問者の方の滞在時間をなるべく長くということを目的にレコメンド機能(訪問者の好みにあった情報を推薦する)を付加するWordpressプラグインがいろいろとあります。 具体的には下記のようなWordpressプラグインがあります(他にも多数あります)。 Yet Another Related Posts Plugin 「タイトル」「内容」「カテゴリー」「タグ」からスコアを計算し、関連記事を自動的につけてくれるプラグイン Where did they go from here 「この記事を読んだ人は、この記事も読んでいます」のような記事を自動的につけてくれるプラグイン Yet Another Related Posts Pluginを使うと、こんな感じ Where did they go from hereを使うと、こんな感じ