WEB MEMO 2015.12.11 2021.10.10 CSS テキストシャドウで文字を縁取る KOSAERU WEB MEMO CSS text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合 WEB MEMO CSS Share Article :
CSSのみでモーダルウィンドウを作ってみた! 2016.02.23 2021.10.10 このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
HP・LP制作でいつか使うかもしれないCSSネタ 2021.02.09 2023.06.22 CSSのみで作れるドロワーメニュー CSSのみで作れるってとこが良いですね。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. スクロールすると見出しを固定 用語集…
CSSだけで結構使えるシンプルアイコンが書けるサイト 2016.10.18 2021.10.10 https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
CSS テーブルの列幅を均等にする 2016.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-67b125649bfc1332327598/]
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
WordPress|1週間後に新規サイト/LPをリリースしたいと言われても対応できる準備と制作の流れ 2021.02.24 2021.10.10 クライアント様の要望で新規サイトまたはLP(ランディングページ)を「1週間後にリリースしたい!」ということがあります。 そんな時のために僕が準備・用意していることや制作の流れをご紹介します。 前提 ・依頼を受けて1週間後にリリース ・WordPressで制作 ・…
WordPress 投稿画像をランダムに表示させクリックすると投稿記事へジャンプ 2015.11.29 2021.10.10 現在、以下の画像のようにトップページに画像を8枚掲載している。 その方法を記しておく。 ▼functions.phpに以下のコードを書く function my_random_images($count=1, $size='thumbnail'){ $ar…
WordPress カテゴリ(ターム)にエリア・都道府県を一括登録する用のデータ 2021.08.12 2021.10.10 プラグイン「WP Taxonomy Import」を使って一括登録するためのデータ。 並び替えはプラグイン「Category Order and Taxonomy Terms Order」を使う。 エリア&都道府県 北海道$area01 北海道$area01 -> 北…
WordPress 記事タイトルの文字数制限 2016.05.13 2021.10.10 ME デザイン上、文字数を制限したい時ってありませんか? 例えば、50文字を超えたら、51文字以降は省略して3点リーダーにするとか。 今回はその方法をご紹介しまっす! ソース 50文字を超えたら、51文字以降は省略して3点リーダーにす…
WordPressの.htaccessについての概要 2021.02.10 2023.06.22 WordPressは簡単にブログやサイトを運用開始できる非常に使いやすいCMSです。 ただしインストールしただけでは心もとない点・より便利になる点があります。 これを補う一つ方法として『.htaccess』を扱う方法があります。 今回、自分のためにも覚書として残しておき…
WordPressカスタム投稿の記事がある子ターム一覧を表示。ソートで詰まった… 2021.01.24 2023.06.22 WordPressのカスタム投稿を利用して店舗一覧を作った。 カテゴリのイメージは以下のようにしました。 ■関東エリア(親カテゴリ) │ ├ 東京都(子カテゴリ) │ ├ 店舗(記事) │ └ 店舗(記事) │ ├ 神奈川県(子カテゴリ) │ …