東京都立川市のWeb制作事務所KOSAERU（コサエル）
理想をカタチに！あなたのホームページをこさえます！

2015.12.11 2021.10.10

CSS テキストシャドウで文字を縁取る

KOSAERU WEB MEMO CSS

CSS テキストシャドウで文字を縁取る

text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px;

影の色、横のずれ、下のずれ、ぼかし具合

関連するタグの記事

CSS 特定の画像だけを操作する

CSS 特定の画像だけを操作する

2017.09.07 2023.06.22

ME CSSで特定の画像を消すか、サイズ調整したいと思った時に詰まったもんでメモ。ようはCSSの属性セレクタを利用することで、以下のようなことがピンポイントでイジることができた。【例】こんなことできます ('ω')b 特定のGIF画像…

横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』

横からスライドしてくるドロワーメニューが超簡単につくれる『Drawer』

2018.02.11 2021.10.10

最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。方法は色々あるが、最近よく使っているのが『Drawer』。理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…

CSSで作る押したった感のあるボタン風リンク

CSSで作る押したった感のあるボタン風リンク

2021.01.24 2023.06.22

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

CSS／フォントサイズ「px、em、rem」の違いと変換表

CSS／フォントサイズ「px、em、rem」の違いと変換表

2021.02.09 2023.06.22

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

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 テーブルの列幅を均等にする

CSS テーブルの列幅を均等にする

2016.05.16 2021.10.10

CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 [crayon-662c19a01d195320665332/]

関連するカテゴリの記事

WordPress 固定ページを検索対象から除外

WordPress 固定ページを検索対象から除外

2016.06.04 2023.06.22

検索結果に固定ページ＆カスタム投稿を表示させたくなかったのでカスタマイズする。とりあえず固定ページをフィルタリングしたら理想通りの結果となった。 [crayon-662c19a01f4eb680265316/] …

WordPress […] を消す

WordPress […] を消す

2016.02.23 2021.10.10

▼functions.phpに以下のコードを追加【出力】冒頭文 [crayon-662c19a01f57d380036240/] 【2行目】「'」シングルクォーテーションの間に任意の文字を書くこともでける。【出力】冒頭文…続きを読む [crayo…

WordPress めっちゃ簡単にスクレイピングができるプラグイン「WP Web Scraper」

WordPress めっちゃ簡単にスクレイピングができるプラグイン「WP Web Scraper」

2017.09.07 2022.04.20

データベースにはぶっこまないけど、目的のサイトから必要な情報を掲載したい時に便利なWordpressのプラグイン「WP Web Scraper」。インストール後、目的のページURLとセレクタを指定するだけでオッケー！あとはCSSなんかで整えるだけです。 …

WordPress｜投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法

WordPress｜投稿記事の公開日と最終更新日をSEO的にもユーザーにも優しく表示させる方法

2021.02.26 2021.10.11

WordPressで投稿記事の公開日を最終更新日を表示させる方法を記します。またSEO的にもベターな書き方なんかもご紹介します。公開日と最終更新日の表示 ME まず、なにも考えずに表示だけさせる場合のご紹介。テンプレート内に以下のよう書きます。 …

WordPress｜アイキャッチ画像のAlt（代替テキスト）に記事タイトルを設定する方法

WordPress｜アイキャッチ画像のAlt（代替テキスト）に記事タイトルを設定する方法

2021.01.28 2023.06.24 1 Comment

ME WordPressのアイキャッチ画像のAltタグ（代替テキスト）に記事タイトルを自動取得する方法を紹介しまっす！ Alt（代替テキスト）を設置する理由 ME 僕がこのようなことをする理由は、ズバリ！SEO対策です。 …

特定のカテゴリ一覧を表示させる方法／WordPress

特定のカテゴリ一覧を表示させる方法／WordPress

2018.11.17 2023.06.22

WordPressの特定の場所にピックアップしたいカテゴリ記事一覧を表示する時や、スライダーにだけ特定のカテゴリ記事を表示させたい時に利用できます。ソース [crayon-662c19a01f8a0373047614/] 説明 3行目表示する件数を指定します。 6…