CSS CSS疑似要素 :before で見出しの前にアイコンを付ける(Font Awesome 4)
タイトルとして目立たせたり、箇条書きで項目として並べるため
見出しの前にアイコン画像を置いたり背景として敷いたりすることがある。
疑似要素:before ＋ アイコンのWEBフォントFontAwesomeを使えば
大きさや位置、色まで簡単に調整できて便利♪
CSS 
未分類 劇団四季のオペラ座の怪人＠広島・上野学園ホール
劇団四季のオペラ座の怪人を見に行ってきた。@上野学園ホール劇団四季の広島公演がある時には、毎回、行ってみようかな❔とちらっと思っていたものの私も友達もまだ行ったことがなくて今回が初めて。思い立った時は既に、発売からある程度経ってしまっていた...
広島パン屋さん 禅ぱん（安芸郡坂町のベーグル屋さん）
安芸郡坂町にあるベーグル屋さん「禅ぱん」に行ってきた。マツダトレーニングセンター鯛尾のすぐ近く。いきなり静かな感じの場所になるので、こちらでいいのかなと不安だったけど車なら31号線からそんなに離れているわけでもない。あんこ、黒ごま醤油、いち...
広島パン屋さん arinco BAKERY（広島市南区宇品のパン屋さん）
宇品のACTUSで家具や雑貨を見てテンション上がった。もっと時間がある時にまたゆっくり見に来たいな✨arinco BAKERYというパン屋さんの看板があったので寄ってみた。明るい店内、お客様もいっぱい‼イートインの席もメニューも色々あったけ...
広島パン屋さん Force（広島市南区段原のパン屋さん）
広島市南区段原のパン屋さん Force（フォース） に行ってきた。段原ショッピングセンターの東口を出て、大きな道路を渡ったところにある。 昼間はパン屋さんで、夜はカジュアルなイタリアンレストラン。看板によると、一応、ディナータイムも店内でパ...
WordPress Simplicity PCとスマホで別のロゴ画像を表示
Simplicityのテーマのカスタマイズ － ヘッダー でロゴ画像を登録すればPCでもスマホでもヘッダーに同じロゴ画像が表示される。 PCなら左上とか中央にそのままのサイズで表示、スマホなら横幅いっぱいに表示というので問題ないこともあるけ...
WordPress Simplicity トップページにのみメイン画像を表示する方法
テーマSimplicityを使ったWordPressサイトにてトップページにのみグローバルメニュー下に横幅いっぱいのメイン画像を表示する方法。こちらのページを参考にしたけれど、私の場合、固定ページをトップページとしているので<?php if...
WordPress WordPressサイトにアメブロRSSを広告なしで表示
アメブロのRSSをWordpressサイトの新着情報欄に読み込んで使いたいと思い、の記事を参考にやってみた。rss.phpにアクセスすれば正しくfeedは表示されるのに、サイトにそれを読み込めない。 の記事を読んで、 WordPressの...
WordPress 表示させるウィジェットをページごとに指定できるプラグイン Widget Logic
もともとは固定ページと投稿ページで違うサイドバーにしたい程度だったけれど、プラグインを探してみたら、もっと細かく、ページごとにウィジェットの表示・非表示を指定できるものがたくさんあることがわかった。最初はチェックボタンで選ぶだけの「Disp...
CSS CSS疑似要素 :before, :after で作る見出しデザイン ギザギザ
ストライプの背景を作る時は、線グラデーション linear-gradient をX方向・Y方向に繰り返す repeating-linear-gradient を使った。
見出しの下につけるギザギザを作る時は、線グラデーション linear-gradient で作った2つの背景を重ねてX方向にだけ繰り返す。