これまで明朝体を使う時は画像を使っていたけど以下のように、CSSのfont-family指定で割と綺麗なカンジで使えたので、今後は画像を使わなくても良いかも。
と、いうことでメモメモ ((φ(-ω-)ｶｷｶｷ
Home
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
https://www.youtube.com/watch?v=ZOiRwXOIsx4&feature=youtu.be https://twitter.com/webcreatorbox/status/788175303835262976 ▼CSS ICON -- …
このブログのスマホ用テンプレートで採用してみたモーダルウィンドウ。 スマホではメニューや検索フォームを隠して、ファーストビューをすっきりさせたかったので採用してみました。 あと、今どきっぽくてカッコ良いかと思ったので。 ▼モーダルウィンドウを…
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 p { white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflo…
text-shadow: black 1px 1px 0px, black -1px 1px 0px,black 1px -1px 0px, black -1px -1px 0px; 影の色、横のずれ、下のずれ、ぼかし具合
横幅480px以下になるとリスト表示となるます。 <style> .respo-table{ width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; } .respo-ta…
CSSでテーブルのセルの幅を均等にする方法。 table-layout:fixed; を利用する。 table { width: 100%; table-layout: fixed; }…
WordPressのプラグインAdvanced Custom FieldsのRepeater Field(繰り返しフィールド)内に関連記事を設けた時、関連記事の出力の仕方メモ。 例としてライブスケジュール作成した時のやーつ。 概要 ライブスケジュールを作るにあたり、会場…
省略可能なテキストを省略して「・・・」を表示させます。 デザイン的に整列して表示させたい時なんかに便利 ▼基本 p { white-space: nowrap; width: 100%; overflow: hidden; -o-text-overflo…
ME WordPressのプラグインAdvanced Custom Fieldsのデイトピッカーを使って年月日を出力する方法をメモ。 日付フォーマットのカスタマイズ方法も書いておくよ。 ▼Advanced Custom Fields (ACF) h…
最近のサイト制作において、特にスマホサイトからのアクセス数を意識している方からのオーダーとしてドロワーメニューを採用して欲しいというリクエストが多い。 方法は色々あるが、最近よく使っているのが『Drawer』。 理由は簡単！設置とカスタマイズが簡単だからだ。あと動きもスマ…
▼フッターに以下のコードを書く <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.0.0/styles/hybrid.min.css"> <script…
ME 自分のWordPressサイトを見ている時に、追記・修正したい時ってありますよね？ その時にいちいちダッシュボードにログインして記事を探して対応するのは面倒じゃないですか？ ME こういうのために記事詳細ページに以下の「編…
