text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合

CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…

これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。 と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ   [crayon-69fb8cf21220116…

px 絶対指定 1pxは1ドット em 相対指定 親要素のfont-sizeを基準 [crayon-69fb8cf2123e6644925065/] 変換表 親要素のfont-sizeが16pxの場合 px em em 1…

GIRL リンクをテキストリンクではなくボタン風にしたい！ GIRL それだけでなくボタンを押したような動きが欲しい！ ME そんな時はCSS使えば、押した時（クリックした時）にポチって沈むような動きを…

省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-69fb8cf212501574203739/]   ▼例：以下のようなことがでけました。   …

WordPressでページビュー数をカウントしてランキング表示を簡単にしてくれるプラグイン「Wordpress Popular Posts」。 プラグインをインストールするとウィジェットの場合、すぐに設置できるけど、任意の場所に設定したいことがありませんか？ そんな時は、以下…

ME Wordpressの記事詳細ページに記事をSNSなんかに拡散して欲しくて、Twitterやfacebookなどのソーシャルネットワークにすぐ共有してもらえるようにリンクを設置したいですよね？ ME ただし！プラグインをインス…

WordPressのカスタムフィールドを使いやすくしてくれるプラグイン「Advanced Custom Fields」。 設定したフィールドをフロント画面に表示する方法として基本となる「テキスト」の出力方法を記します。 ▼何も考えずに出力する [crayon-69fb8…

WordPressは世界で多くの利用者がいるオープンソースのコンテンツ管理システム（CMS）です。 一方で脆弱性もたくさん公開されています。 利用者が多い＆脆弱性も多いシステムなので攻撃者の格好の攻撃対象にもなりやすいと言えるでしょう。 WordPressのリスクを理解…

WordPressでイベント開催情報を作るにあたり、開催日順にソートしたいが、開催日がきまっていないイベントは「未定」とし開催日が決まっているものより上に表示したかった時の覚書。 ▼表示イメージ ・未定　イベント名 ・2022/05/04　イベント名 ・2022/05…

▼min-width - 指定したところから @media (min-width: 768px) {/*幅768px以上で適用されるスタイル*/} @media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/} @media (…