しろあん

web制作

基本のOGP設定

自分用OGP( Open Graph Protocol )設定 よく入れるものをメモ/*headタグの設定*/<head prefix="og: ">/*基本設定*/<meta property="og:url" content="ページU
いろいろ

OutlookのHTMLメールをコードで作成する

OutlookでHTMLメールを作成するときにコードを直接書いて作りたいときがありました今後こういうことがあるかわかりませんが一応メモVBAマクロの設定を行いHTMLメールを作成1.Outlookの「開発」タブを出す初期設定では「開発」タブ
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="