web制作 基本のOGP設定
自分用OGP（ Open Graph Protocol ）設定 よく入れるものをメモ/*headタグの設定*/<head prefix="og: ">/*基本設定*/<meta property="og:url" content="ページU
web制作
web制作 
WordPress カスタムフィールドの出力でよく使うもの
普通の出力<?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」というプラグインで、使いやすくて良かったので