WordPress

WordPress 関連のメモ

WordPress 4.4 にアップデートしたら jQuery で操作している画像が表示されない(srcset)

2015年12月28日

数日前にあるサイトの WordPress を 4.4 にアップデートしたら、サムネイルをクリックすると画像が変わるはずなのに変わらないとの報告がありました。 調べてみると、jQuery を使って対応するアイキャッチ画像の src 属性を取得して、それを表示する画像の src 属性に設定するというような処理になっていて、問題なく src 属性は変更されているのに画像は変わらない状態になっていました。 以下がその jQuery の処理ですが、この処理自体に問題はありませんでした。 $(‘.xxxx img’).css(‘display’, ‘none’).a…

続きを読む

WordPress プラグイン クロスサイトスクリプティング(XSS)の脆弱性

2015年4月25日

今朝、ThemeForest から WordPress のプラグインやテーマに関するクロスサイトスクリプティング(XSS)の脆弱性に関するメールが来ていたので、調べたら以前メモしたプラグイン(My Calendar)も含まれていた。 追加情報 WordPress は7日、重要なセキュリティアップデートとして「WordPress 4.2.2」を公開しています。以下「WordPress 4.2.2 セキュリティリリース」より抜粋。(2015年5月9日) 関連リンク:「WordPress」のデフォルト環境にXSSの脆弱性/japan.zdnet.com 追加情…

続きを読む

Windows 環境に WP-CLI をインストール

2015年2月22日

WP-CLI は、WordPress へのいろいろな操作(本体のインストール・アップデート、プラグインやテーマ のインストール・アップデート、それらのバージョンの確認等)をコマンドラインから行えるようにするツール。 Windows 環境へのインストール方法は以下に掲載されているのでそれを元にインストールした際のメモ。この例では「Composer」を使用。 Alternative Install Methods: https://github.com/wp-cli/wp-cli/wiki/Alternative-Install-Methods http:/…

続きを読む

WordPress-Coding-Standards の Windows 環境でのインストール

2015年2月19日

PHP_CodeSniffer を使ってWordPress のコーディングルールに準拠しているかをチェックしてくれる WordPress-Coding-Standards というツールを Windows 環境(XAMPP)にインストールする方法のメモ。 PHP_CodeSniffer PHP のコーディングルールに準拠しているかどうかをチェックしてくれるツール https://github.com/squizlabs/PHP_CodeSniffer http://pear.php.net/package/PHP_CodeSniffer/ WordPres…

続きを読む

WordPress の表示が遅くなったので Debug Bar で調べてみた際のメモ

2014年10月12日

いつからから不明だが、気が付くといくつかのページの表示が恐ろしく時間がかかる(1分以上)ようになっていた。 結果的には「Debug Bar」と「Debug-Bar-Extender」というプラグインを使って切り分けたところ原因を特定できたけど、遠回りをしてしまった感もないではない。 取りあえずやってみたことをメモ。 注意事項:プラグインのインストールの前にはバックアップを取っておくように。 目次 Chrome デベロッパー・ツールで確認 Chrome のデベロッパー・ツール(Windows の場合 F12キー)の Network パネルで確認するとなんと…

続きを読む

WordPress プラグイン Visual Composer

2014年7月28日

用意されているモジュールをドラッグ&ドロップで簡単にページレイアウトができるプラグイン Visual Composer (WordPress 用のページビルダー)のインストールや基本的な使い方についてのメモ。 目次 オンライン・ドキュメント Visual Composer の特徴 HTML や CSS の知識がなくてもモジュールをドラッグ&ドロップで簡単にページレイアウトが可能 固定ページ、投稿、カスタム投稿タイプに対応 とのようなテーマにも対応(100% ではないと思う) (また、Frontend Editor の機能はテーマによっては使用できない。バ…

続きを読む

Slider Revolution / WordPress スライダープラグイン

2014年7月21日

レスポンシブ・スライダープラグイン Slider Revolution (Version 4.5.95 SkyWood) の使い方等に関するメモ及びドキュメントの部分訳(拙い英語力のため、誤りがある可能性あり)。 Slider Revolution のダウンロード(購入)、インストールやサンプルのインポートに関しては以下のページをご参照ください。 関連ページ:Slider Revolution / WordPress プラグインのダウンロードとインストール jQuery 用のプラグインに関しては以下のページをご参照ください。 関連ページ: Slider …

続きを読む

Slider Revolution / WordPress プラグインのダウンロードとインストール

2014年7月20日

WordPress のレスポンシブスライダープラグイン Slider Revolution のダウンロードとインストールに関するメモ。(Version 4.5.95 SkyWood) 価格:$16 ダウンロード(販売元):codecanyon どのようなスライダーが作成できるかは、Slider Revolution のサイトをご覧ください。 フル・レスポンシブ CSS Transitions(jQuery フォールバック) WYSIWYG ドラッグ&ドロップエディタ 多様なアニメーション効果(ベーシック、フラット、3D) 簡単にキャプションを配置 マルチ…

続きを読む

WordPress のテーマ:Avada のカスタマイズ

2014年7月19日

WordPress の有料テーマ($55):Avada の使い方やカスタマイズに関しての個人的なメモ。 Avada のオンライン・ドキュメント Avada のダウンロード(購入)、インストールやサンプルページのインポートに関しては以下のページをご参照ください。 関連ページ:WordPress テーマ:Avada のダウンロードとインストール 目次 スタイルの設定 Avada には「Light」と「Dark」の2種類のスキンが用意されていて、どちらかを選択することにより他の色のオプションもそれに合わせて変更される。また定義済みのカラースキーム(Predef…

続きを読む

WordPress テーマ:Avada のダウンロードとインストール

2014年7月13日

ThemeForest で一番売れている(販売数70,000を超える)WordPress の有料テーマ:Avada(3.5.1) のダウンロードやインストール等に関して。 価格:$55 レスポンシブ対応 レティナディスプレイ対応 豊富なスライダー(Layer Slider, Revolution Slider, Fusion Slider, etc) 5種類のヘッダデザイン等多様なカスタマイズオプション 目次 themeforest からのダウンロード(購入) themeforest にアクセス 検索ボックスに「avada」と入力して検索 検索結果から「…

続きを読む