2021-09

web制作

カスタムフィールドの出力でよく使うもの

普通の出力<?php the_field('フィールド名'); ?>入力時の改行を反映させた状態で表示<?php echo nl2br(get_post_meta($post->ID, 'フィールド名', true)); ?>呼び出すだけな
web制作

WPログイン画面URLを変える&セキュリティまるごと「All In One WP Security&Firewall」

Wordpressのログイン画面はデフォルトだとサイトURL/wp-login.phpですが これだと、誰でも簡単にログイン画面を見られることになってしまいます。パスワードを複雑にしていればそう簡単に入られることはないにしても、ログイン画面
web制作

WordPressのログインページを好きな見た目にカスタマイズ

Wordpressログインのこのページここのロゴや背景、ログインフォームの見た目等をカスタマイズしたいときfunctions.phpにcssを記述プラグイン「Custom Login Page Customizer」を使うfunctions
web制作

Advanced Custom Fieldsデイトピッカーで出力される日付の先頭に0を付けない

Advanced Custom Fieldsにて デイトピッカーで日付を設定し<?php the_field('') ? >で呼び出す場合表示フォーマットと返り値のフォーマットのところでデフォルトの表記を使うと例えばY年m月d日となり表示は
web制作

Adobeフォントから大量のモリサワフォントが消えてしまった~

Adobe CCになってずいぶん経ってから、Adobe Fontというものを知りこんなにたくさん使えるのか!?と驚愕しかも憧れのモリサワフォントも豊富…!ということであれこれアクティベートしまくって楽しんでましたところがしかも 終了するフォ
web制作

WordPressのメディアライブラリにSVGをアップロードできるプラグイン「safe SVG」

ここ数年、ロゴやアイコンでSVGファイルをよく使うようになったのですが、Wordpressのメディアライブラリにはデフォルトではアップできませんアップしようとすると、 「このファイルタイプはセキュリティ上の理由から、許可されていません。」と
css

レスポンシブデザインのページをPCビューの状態で印刷するためのメディアクエリの書き方

レスポンシブデザインのページは何もしないでいると印刷するときにスマホビューになってしまいますがPCで見たままを紙で出したいというご希望もありますその解決法として モバイルファーストのcssに限るやり方ですがメディアクエリの記述に初めからpr
css

Googleマップをレスポンシブで埋め込み。色をなし(白黒)にする方法も

毎回同じやり方なのでメモGoogleマップ埋め込み(レスポンシブ)HTML<div class="ggmap"><iframe src="Googlemapのアドレス" style="border:0;" allowfullscreen="
web制作

スクロールバーをなめらかに&見た目も変えられるjQueryプラグイン「Nicescroll.js」

スクロールバーを動かしたときにふわっと余韻を残して止まるページを見て前からいいなと思っていたので使ってみることにしましたいくつかやり方があるようですが今回見つけたのは「Nicescroll.js」というプラグインで、使いやすくて良かったので
web制作

Google Chromeでページ全体をキャプチャ

例えば制作中にプレビューを画像の形で提出したり印刷する必要があったりwebの場面でもページ全体のキャプチャ画像が必要なときが多々ありますですがプラグインを入れてみても何故かうまく動かなかったりとなかなか手間がかかるのでしたそんなときchro