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.05.16 2021.10.10 CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-67f24a56d4ef2977764943/]
CSS|テキストが表示領域を超えている時に途中でテキストを切って「・・・」を表示させる方法 2016.02.29 2021.10.10 省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 [crayon-67f24a56d4fda616411065/] ▼例:以下のようなことがでけました。 …
CSS 特定の画像だけを操作する 2017.09.07 2023.06.22 ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。 ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。 【例】こんなことできます ('ω')b 特定のGIF画像…
CSSで作る押したった感のあるボタン風リンク 2021.01.24 2023.06.22 GIRL リンクをテキストリンクではなくボタン風にしたい! GIRL それだけでなくボタンを押したような動きが欲しい! ME そんな時はCSS使えば、押した時(クリックした時)にポチって沈むような動きを…
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 -- …
横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』 2018.02.11 2021.10.10 最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単!設置とカスタマイズが簡単だからだ。あと動きもスマ…
WordPress トップページに特定の固定ページのコンテンツ内容を表示する方法 2015.12.11 2021.10.10 固定ページのページIDから記事を引っ張ってくるます。 GIRL 例えば、固定ページにプロフィールを作って、その内容を任意の場所に設置する時になんかに使えます! ソース [crayon-67f24a56d76a8616532728/] …
WordPressでサイト制作をする時のメモ 2021.02.02 2021.10.11 WordPressでサイト制作を依頼された時に最低限チェックしておいた方が良いことを自分用にまとめました。 マストな設定 ・Googleアナリティスク&サーチコンソール ・バックアップ ・SSL ・メタディスクリプション ・OGP ・PING設定 クライア…
WordPress、Lineアプリ内ブラウザの時の条件分岐 2017.05.30 2023.06.22 IEとLINEアプリ内ブラウザ、FirefoxとGoogleChomeとSafariで条件分岐する必要があった。 CSSのdisplay:box;が使えなかったためだ。 つまったのがLINEアプリ内ブラウザだ。 ユーザーエージェントは分かるが内容が変わってしまう。 グ…
WordPress プラグインを使用しないでページビューランキングを表示を表示 2016.02.12 2021.10.10 ME 記事詳細ページの閲覧回数をデータベースにカウントして、それを表示させる方法をご紹介! 1.functions.phpに以下のコードを書く [crayon-67f24a56d7786427074378/] 2.表示させたい場所に以下のコ…
WordPress 条件分岐、ホーム(トップページ)とそれ以外 2015.11.04 2021.10.11 ME トップページには表示したいけど、それ以外のページには表示させたくない。 またその逆が実現できるコードを紹介しまっす! ▼トップページにだけ表示 [crayon-67f24a56d77fd384492071/] ▼トップページにだ…
WordPress プラグインWordPress Popular Postsにランキング順位を表示する方法 2015.11.06 2021.10.10 cssに以下のものを書いて、フロントをみながら調節 .popular-posts {counter-reset: wpp-ranking;} .popular-posts ul li:before { content: counter(wpp-ranking, …