WordPress 画像のクラスで枠線を付ける

WordPress
画像のクラスによって枠線を付ける
CSSの記述
 

画像の枠と背景の違いが分かりにくいと、境目がわかりにくくなってしまい、画像によっては外枠を付けたいものがある。
あらかじめ外枠付きの画像を作ってから、メディア追加をすればよいが、加工の手間が煩わしいし、HTMLで枠線を付けるのもめんどくさい。
そこで一番便利なのが、画像のクラスによって枠線を付ける方法である。

枠線を付けた画像表示(クラス設定有り)

上と同じ画像を、枠線なしで表示(クラス設定無し)

Twenty Sixteen ヘッダー画像を動画にする

WordPress Twenty Sixteen カスタマイズ
ヘッダー画像を動画(MP4)にする
 
WordPress のヘッダー画像に『 gif アニメーション 』を設定しているが、IEでみるとGIFアニメーションとして動くが、Chrome や Firefox そして iPad の Safari と言ったブラウザでは『動かない』。
 
 
そこで、ヘッダー画像を『 mp4 の動画 』に変更してみると、当然ながら、すべてのブラウザで動くようになった。
以下、ヘッダー画像を動画に変更した作業記録。 “Twenty Sixteen ヘッダー画像を動画にする” の続きを読む

WordPress カスタマイズ 『前の記事』『次の記事』を非表示にする

WordPress Twenty Sixteen カスタマイズ
『前の記事』、『次の記事』を非表示にする
WordPressでは、投稿記事の下部に次のような『前の記事』や『次の記事』へのリンクが自動的に挿入される。これを非表示にしてみる。

記事作成の『面倒くさい!』を『スイスイ』に変える「AddQuicktag」

記事作成が楽になる!「AddQuicktag」
用例を登録しておくだけで、
登録したタグや文章が簡単に貼れる。
 

WordPressの記事作成で、毎回同じ『htmlコード』や、『同じ文章』、『同じリスト』を貼り付ける作業でイライラしながら、何とかならないかと思っていた。

AddQuicktagで、文章に黄色のマーカーを引いた例。