ChartJS:横幅だけをレスポンシブにして縦幅は指定したサイズで表示する 横幅と縦幅どちらもレスポンシブにしてしまうと、思いがけず大きくなりすぎるということがあります。 以下のように縦サイズとオプションを設定することで横幅だけをレスポンシブ表示にして縦幅は指定したサイズで表示し続けることができ… haradaハック2017.11.02 39,707
WordPressの更新時間を◯分前や◯日前などの表示にする 以下のコードをループ内に挿入することで表示できます。 echo human_time_diff( get_the_modified_time(‘U’), current_time(‘timestamp’) ).’前’; … haradaハック2017.11.02 365
カスタムフィールドテンプレートのfieldsetで増やした要素にもdatepickerを適用する カスタムフィールドテンプレートに標準でセットされているdatapickerとは別のDatepicker | jQuery UIを利用しています。 要素を自由に増やせるカスタムフィールドテンプレートのフィールドセットでda… haradaハック2017.10.30 773
placeholderをselectboxの値によって入れ替える jQuery(function ($) { var select_val = $(“selectbox”).val();//selectboxの値を取得します。 if(reason_val == “プランA”) { $(… haradaハック2017.10.27 344
jQuery動的に追加した要素にdatepickerを追加するには 動的に追加したinput要素でもdatepickerを動かすclassを設定していても何も起こらないということがありました。 以下のいずれかを指定することで動きました。 $(‘.date’).not(‘.hasDateP… haradaハック2017.10.26 9,309
Illustratorで入稿前にチェックすること Illustratorで入稿する前に最低限のチェックとしてすることとその方法をメモしておきます。 利用している画像が埋め込まれているかを確認する 確認方法 上部ツールバーの「ウィンドウ」>「リンク」を表示する 利用してい… haradaハック2017.10.13 4,472
一部テキストを翻訳しないようにするタグ Googleの自動翻訳などを利用している場合に、数字なのになぜか4と5だけ翻訳されてしまうということがあります。 そんなとき翻訳したくない一部テキストはを以下のclassでくくると、自動翻訳がされないようになります。 &… haradaハック2017.09.25 3,360
WordPressで印刷用のCSSを読み込む 以下のように第5引数にprintと指定することで、印刷時のみ有効になるCSSを読み込ませられます。 wp_enqueue_style( ‘wpa-print-style’, get_stylesheet_director… haradaハック2017.09.20 1,739
JavaScript:WordPressで挿入されてしまった空のpタグを消す とりあえず挿入されてしまった空のpタグがある場合にさくっと消したい場合はJavaScriptが一番簡単なようです。 <script type=”text/javascript”> $(‘p:empty’).r… haradaハック2017.09.13 662