simplecoreな毎日

アラフォー既婚男性の日々、子育て、その他雑記

2017.11.15

【WordPress】カスタムフィールドをつかってスライダーを簡単に更新する

昨日の記事ではWordPressのカスタムフィールドを利用して、投稿記事に任意の他の記事を紹介する方法を書きました。引き続きカスタムフィールドネタです。それにしても、カスタムフィールドってめちゃめちゃ便利ですね。今まで使って来なかったことを激しく後悔しています。 で、今日はカスタムフィールドをつかって、カルーセルスライダーの更新を簡単にしてみようと思います。完成イメージはこんな感じです。(デ

スマホ表示の際にCSSでtableに横スクロールを実装する方法

WEB

2017.11.13

スマホ表示の際にCSSでtableに横スクロールを実装する方法

表を組んだりするときにつかう<table>タグ。PCで見るときは問題無くても、以外と悩ましいのがタブレットやスマホで表示したときです。 例えば、見出しとデータが1つずつだけのシンプルな表であれば、CSSのメディアクエリとdisplayをつかって段組を変えたりすれ

Bootstrap4でデバイス別に表示・非表示を切り替えるclass

WEB

2017.11.10

Bootstrap4でデバイス別に表示・非表示を切り替えるclass

先日来Bootstrap4をちょくちょくいじっているのですが、今回のバージョンから、ウィンドウ幅に応じて要素を表示させたり非表示にさせたりするclass名が変わっているようです。 これまでと同じようにclassを振って、ブラウザ幅を縮めても消えない・・・調べてみたらclas

2017.11.9

WordPressのカスタムフィールドで値が空だった場合の処理方法

先日の記事で、プラグインをつかわずにWordPressのカスタムフィールドを利用する方法を書きました。段々楽しくなってきてちょこちょこいじり続けているのですが、かなり便利ですね。なぜ今までつかわなかったのか・・・WordPressの便利さを改めて実感しました。 で、色々いじ

【LPで使える小技】縦長ページをスクロールすると表示されるバナー

WEB

2017.11.8

【LPで使える小技】縦長ページをスクロールすると表示されるバナー

先日、久しぶりにランディングページを制作する機会がありました。ある程度ページをスクロールしていくとページの下部にCTAボタンを表示させる必要のある案件でした。 スクロールすると「トップへ戻る」ボタンを表示させる、というのは以前からよくつかっていたので(このブログでもつかって

2017.11.7

アイキャッチ画像が未設定の場合に代替画像を表示する方法

WordPressを運営していて記事を更新する際、中々良いアイキャッチ画像が見つからないことって結構あると思います。 基本的にこのブログでは記事の一枚目の画像をそのままアイキャッチとして使い回しています。加えて、ただの趣味ブログなのでそこまでイメージ画像に悩むことも無いです

ハッピーガールちゃんのファーストシューズ

LIFE

ハッピーガールちゃんのファーストシューズ

レスポンシブに対応したグリッドデザインがすぐに作れるGrid—A—Licious

WEB

レスポンシブに対応したグリッドデザインがすぐに作れるGrid—A—Licious

痴漢問題になると女性に甘すぎやしないか?

THOUGHT

痴漢問題になると女性に甘すぎやしないか?

「マタ旅」なる言葉があるようですが

THOUGHT

「マタ旅」なる言葉があるようですが

最近、身の回りの出来事について思ったこと

THOUGHT

最近、身の回りの出来事について思ったこと

【LPで使える小技】縦長ページをスクロールすると表示されるバナー

WEB

【LPで使える小技】縦長ページをスクロールすると表示されるバナー

複数のPCでSublimeTextの設定を同期させる

WEB

複数のPCでSublimeTextの設定を同期させる

2018年を迎えて~新年の抱負的な~

LIFE

2018年を迎えて~新年の抱負的な~