harada さんのアバター 19views

配列をJavaScriptで表示する

PHPの配列をどうにかこうにかしてJavaScriptに渡してひとつずつセットする方法です。 ex.「r_info」という文字列に配列が入っている場合 var content = ''; for (i = 0; i < r_info. 2016年12月16日
harada さんのアバター 189views

「Favorites」プラグインでお気に入り一覧ページを作成する

シンプルなお気に入り一覧を表示したいテンプレートに以下の内容を入れることで表示されます。 $favorites = get_user_favorites(); if (isset($favorites) && !empty( 2016年12月14日
harada さんのアバター 767views

WordPressにcookieによるお気に入り機能をつける「Favorites」プラグイン

WordPressにお気に入り機能をつけられるプラグインといえばWP Favorite Postsですね。 WP Favorite Postsもいいプラグインなのですが、 無限スクロールを導入した一覧ページなどで「お気に入り」ボタンを押すと 2016年12月14日
harada さんのアバター 1,124views

複数設置のslickでオリジナルの矢印アイコンを設置する

複数設置のslickでオリジナルのナビゲーションを設置し、それぞれ別に動かす方法です。 JavaScript var $sliders = $(".slide_list"); var $arrows = $('.arrows'); $(". 2016年12月12日
harada さんのアバター 82views

WP Favorite Postsで元ファイルを編集せずにお気に入りリストでカスタム投稿タイプを表示する

WP Favorite Postsプラグインで標準で表示することのできるリストでは、カスタム投稿タイプが表示されません。 直接ファイルを編集する方法はいくつか出てくるのですが、直接ファイルを編集するとアップデートの度に上書きされ書き換えなけ 2016年12月8日
harada さんのアバター 896views

slickで最初の画像以外を遅延読み込みにする

slickではlazyLoadオプションが標準で用意されています。 slickのスライドですべての画像を一度に読み込むとページ表示完了までに時間がかかってしまいます。 そんなときこのlazyLoadオプションを利用することで、表示されていな 2016年12月6日
harada さんのアバター 23views

埋め込んだGoogle Mapのコントロールアイコンが崩れているとき

自サイトのCSS原因のようです。 参考したサイトでは以下のように指定すると直るとかいてありました。 mapField は表示するGoogle MapのIDに変更して下さい。 #mapField img { max-width: none; 2016年12月2日
harada さんのアバター 93views

jQueryで指定したclassが存在したら実行する分岐の書き方

以下のように記述することでclass="home"があるときだけ実行できます。 if($('.home').length) { //classが存在したら実行する } 参考:jQueryで特定の要素が存在するかどうかを判別する処理 clas 2016年12月1日
harada さんのアバター 296views

jQueryで動的に作成されたDOM要素にアクションを追加する

lightboxのウインドウで別のjQueryプラグインのアクションを実行したかったのですが、lightboxのウインドウは動的に作成されているため、普通の記述では効きませんでした。 以下の記述で無事実行できましたのでメモしておきます。 ( 2016年11月25日
harada さんのアバター 53views

jQueryでweb上の画像にPhotoshopのトーンカーブ設定を適用する方法

そんな魔法みたいなことが、jQuery filter.meというjQueryプラグインで実現できます。 サンプルはこちら 簡単さでは前回の読み込むだけで画像にInstagramのような加工ができるCSSライブラリ「CSSgram」にはかなわ 2016年11月25日
harada さんのアバター 84views

読み込むだけで画像にInstagramのような加工ができるCSSライブラリ「CSSgram」

利用方法 CSSライブラリをダウンロードします。 CSSgram フィルターをかけたい画像に該当のクラスを指定します。 <img src="" class="aden" /> 外側のクラスでも大丈夫です。 <figure 2016年11月24日
harada さんのアバター 78views

PHP&jQuery:URLにパラメータを付けてパラメータの内容をフォームで取得し値に挿入する

特定のIDを持つページでフォームへのリンクをクリックした場合にそのページのIDをURLで送信し、どのページからリンクを押したかをフォーム側で取得する方法です。 ※以下のjQuery記述はWordPressの管理画面用になっていますので適宜変 2016年11月17日
harada さんのアバター 217views

jQueryでformのselect要素を選択できない状態にして、かつ値を送信する

IDにselect_inputが設定されたセレクトボックスを選択できないようにdisabledを設定して、なおかつselectedで選択されている値がフォームで送信されるようにするには以下のように設定します。 disabledを設定するだけ 2016年11月15日
harada さんのアバター 47views

プラグインを使わないでWordPressで自動で挿入されるPタグを無効にする

HTMLで入力したい人にとっては邪魔以外の何物でもない自動で挿入されるPタグを無効にするには、以下をfunctions.phpに追加します。 remove_filter ( 'the_content', 'wpautop' ); remov 2016年11月14日
harada さんのアバター 35views

WordPressの投稿者のドロップダウンリストの表示名を変更する

WordPressの投稿者名リストはデフォルトだと「ブログ上の表示(ユーザーネーム)」という表示形式になっています。 これを「姓 名」にするためには、functions.phpに以下を追加します。 add_filter('wp_dropdo 2016年11月10日
harada さんのアバター 44views

WordPressでユーザーが氏名を更新した際にブログ上の表示名を変更する

functions.phpに以下を追加します。 add_filter('pre_user_display_name','default_display_name'); function default_display_name($name) 2016年11月10日
harada さんのアバター 124views

iCheck利用時のチェックの判定による動作の切り替え

たとえばWordPressの記事公開のボタンが押された際に、iCheck利用のチェックボックスにチェックが入っているかどうかを調べて、入っていない場合はjQuery Validateを動かすためにrequiredクラスを付与したい場合は以下 2016年11月9日
harada さんのアバター 19views

WordPress投稿一覧で下書き状態のものの背景色を変更する

もともとtrにはステータスによってオリジナルのクラスがつけられているので、それに対してCSSを設定すればいい話でした。 こちらは背景色を変更+下書きという帯を付ける例です。 .status-draft { background-color: 2016年11月7日
harada さんのアバター 10views

特定のカスタムポスト✕ユーザーの権限によって投稿がない場合も一覧に他の人の投稿を表示しないようにする

以下をfunctions.phpに追加してください。 add_filter('pre_get_posts', 'custom_pre_get_posts'); function custom_pre_get_posts($wp_query) 2016年11月4日
harada さんのアバター 149views

WordPressのプロフィール画面の名・姓の表示順序を逆にする

WordPressのプロフィールページでは名前の入力欄が「名→姓」の順で表示されています。 これが日本だと入れにくいと思いますので以下のようにfunctions.phpに追加することで、「姓→名」の順番で表示することができます。 add_a 2016年11月2日
harada さんのアバター 41views

WordPressの「メニュー」を出力させるときに要素のみにする

WordPress内のカスタムメニュー機能を利用させるためにはまず、functions.phpに以下を追加します。 function register_my_menu() { register_nav_menu('header-menu', 2016年11月1日
harada さんのアバター 124views

WordPressでMasonry+Infinite scrollを利用する2(手動&改善)

以前もかいたことがあるのですが、以前の方法では読み込み中のローディング表示にずれが生じていましたので変更しました。 また、自動ではなく手動で読み込むようにしてみました。 functions.php リンクボタンに特定のクラスを追加 add_ 2016年10月31日
harada さんのアバター 102views

next_posts_linkとprevious_posts_linkにclassを付ける

「次のページへ」と「前のページへ」を表示する’next_posts_link’と’previous_posts_link’タグ。 そのまま利用するとただのテキストリンクになります。 以下をfu 2016年10月27日
harada さんのアバター 26views

ログイン中のユーザーと同じタクソノミーを持つユーザー一覧を取得する

ログイン中のユーザーと同じタクソノミーを持つユーザー一覧を取得するための覚書です。 あらかじめユーザーとカスタムタクソノミーを紐付けるのには「LH User Taxonomies」を利用しています。 ex.areaというカスタムタクソノミー 2016年10月26日
harada さんのアバター 87views

Theme My Loginの日本語翻訳ファイルを更新する

Theme My Loginの日本語翻訳ファイルをすでに wp-content > languages > plugins に配置していたのに、一部翻訳漏れがあったのでなぜだろうと思ったところ、元の翻訳ファイル(.pot)が新しくなっていた 2016年10月24日
harada さんのアバター 172views

Chart.jsでツールチップを削除する

オプションで以下のように「tooltips」の「mode」を「false」にすることで、グラフに表示されるツールチップを削除できます。 var chart1 = new Chart(canvas, { type: "line", data: 2016年10月21日
harada さんのアバター 122views

「WebDriverError: Connection refused」というエラーが出てChromeでの自動テストができなくなったとき

Chromeのアップデートで何かが壊れてしまったようです。 最新のChromedriverを利用することでエラーが解消されて動くようになりました。 ダウンロード ChromeDriver – WebDriver for Chro 2016年10月20日
harada さんのアバター 174views

GitHub Desktop で修正中の内容を取り消す「Discard Changes…」

GitHub Desktopで何かを作業後でプッシュする前に、やっぱりこの修正は取りやめたい…!となったときには以下の方法で作業を取り消すことができます。 1ファイルずつ行いたい場合 「◯ Change」と表示されている部分のファイル名の部 2016年10月18日
harada さんのアバター 20views

ImageOptimを利用して画像を圧縮する(2)

これまでJPEG画像はJPEGminiを利用して圧縮していたのですが、「 ImageOptimを利用して画像を圧縮する」でインストールしたImageOptimでより簡単に圧縮することができるようになりました。 JPEG画像を圧縮する手順 I 2016年10月14日
harada さんのアバター 22views

ImageOptimを利用して画像を圧縮する

これが一番圧縮率が高いようでした。 ImageOptimをダウンロードしてインストールします。 起動します ツールバーの「ツール」から「PNGOUT」にもチェックを入れます。 圧縮したい画像をどんどんドラッグ・アンド・ドロップします。 チェ 2016年10月13日