タイトル:img属性のtitle要素。画像の補助説明を書く。ツールチップに表示。代替テキスト:img属性のalt要素。画像が表示されないとき用のテキストを設定。キャプション:WordPress独自の項目。画像の直後に画像の説明文を表示。説明:HTMLには書き出されない。管理画面で画像を探すときに使えるここのサイトがわかりやすかった。
Wordpress
【覚書】WordPressのメディアにあるタイトル・キャプション・代替テキスト・説明は どうちがうのか?
css-scss
背景に斜線のパターンを入れられるCSS!レスポンシブ対応
斜線入りの黄色背景見出しの背景などでたまに使いたくなる斜線パターン。イラストレーターなどで簡単に作れますが、CSSでも作れます。
design
複数デザイン案の会社概要や名刺を作る時のポイント
複数デザインはデザイナー能力のアピールの場複数案のデザインが求められる時は、相手がどんなデザインがいいかわかっていなかったり、デザイナーの力量や方針を把握していないことが原因です。複数案を作ること自体は、複数分の工数を使うことになり生産的ではなくなりますが、デザイナーの能力をアピールする良い場になります。複数案は似たようなものを出さない複数案を作
コードレシピ
WordPressの子テーマのCSSに更新日時のパラメータをつけてブラウ ザキャッシュを回避する
スタイルシートを変更したときに、ブラウザキャッシュが効いていると見た目が崩れることがあります。ブラウザキャッシュを回避するには、スタイルを呼び出すときにパラメーターでバージョンを持たせるとできます。add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );function theme_enqueue_style
コードレシピ
WordPressで特定のタクソノミーアーカイブの並び順と表示フィル ターの指定方法
ここではsession_startに格納されているY-m-d H:i:s形式の日付と比較しています。query_postsを使うとサイトが遅くなるので使ってはいけません。pre_get_postsを使用することでloopを回す前にqueryに変更をかけることができます。
new-technology
botかどうかを判別するreCapchaのv3がリリース
サイトでたまにbotの登録があって自動入札の精度が落ちる問題があったのの解決になるかもしれない。botかどうかを判別するreCapchaのv3がリリースhttps://gigazine.net/news/20181030-recaptcha-v3/
プラグイン
CUSTOM POST TYPE UIを日本語化するデータを配布しているサイ ト
WordPressの良プラグイン『Custom Post Type UI』の日本語化パッチを提供しているサイトさんです。http://wpcj.net/1471flywheelを使ってlocal環境を作っていると、コア言語が英語になるのでプラグインが全部英語になって制作速度が落ちるため、たまに使っています。
design
フォントがすごくきれいなサイトを集めた
紹介先のサイトが綺麗。フリーフォントをメインに取り扱ってくれているので、好感がもてます。https://www.soldi.jp/articles/font_select_2017/
employment
人材採用の時の指標になるScouter
車の運転免許の時の適正診断のすごい版のような感じです。ストレス耐性や職業適性などが、グラフでわかりやすく確認できます。https://scouter.transition.jp/
css-scss
CSSが適用される順番・優先度を解説したサイト
CSS初心者に教えるときに、よく探しなおすことが多いので、わかりやすいサイトをメモ。1.!important2.インライン3.idセレクタ4.属性セレクタ・classセレクタ・疑似クラス5.要素セレクタ・議事要素6.ユニバーサルセレクタhttp://buburinw