HOME → 

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

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

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

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

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

HOME → 

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

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

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

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

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

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

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

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

RSSフィードのベストプラクティス!【 FeedBurner 】の導入と設定要領

WordPress
RSSボタン や Feedlyボタン の設置は、
FeedBurner の導入で、一発解決。
 

WordPress RSS ボタンの設置と購読の詳しい方法
WordPress Feedly ボタンの設置と購読要領
と、2つの設定をしてきたが、それぞれに問題を抱えていた・・・が、

FeedBurner を導入することで、これらがいとも簡単に設定できると同時に、問題も一気に解決した(勿論、SSL化対応も簡単。)。さらに、購読者数や人気の記事などが分析できる機能まであるという優れもので、RSSフィードを配信するなら Feedburner を使えということ。

以下、FeedBurnerの導入要領 と WordPressでの設定要領について纏めた。

HOME → 

RSSボタンの設置で見直した WordPress の設定

WordPressに RSSボタン や Feedlyボタン を設置する過程で、WordPressの設定を『見直した』項目を一覧にして纏めた。

 
Feedlyの購読画面で、記事の全文が読めないように設定。
HOME → 

WordPress Feedly ボタンの設置と購読要領

WordPress
人気が高いと言われている
Feedly サービスへの対応。
 
RSSボタンの設置を行ったので、Feedlyボタンも設置してみる。
Feedlyボタン作成ページ』にアクセスし、3つの工程を行うとHTMLコードが生成されるので、これをウィジェットに貼るだけで設置できる。
 
HOME → 

WordPress テキスト編集での『検索と置換』要領

ブラウザ上で検索・置換ができる
Firefoxアドオンの「FoxReplace」が便利
 

WordPressでの検索・置換というと、Search Regex というプラグインが有名で、この使用方法は多く掲載されているが、データそのものを書き換えるような大げさなものでなく、WordPressのテキストエディタで、記事の投稿や固定ページの編集の際にHTMLの一部分を置換したいケースがある。1ヵ所や2ヵ所なら手で修正できるが、数が多いと面倒で、簡単に置換出来る方法は無いかと調べてみる。

WordPressのテキストエディタで、置換する方法
 
記事の投稿や固定ページの作成・編集を Firefox で行わなければならないが、ブラウザ上で検索・置換ができるFirefoxアドオンの「FoxReplace」があったので、早速インストールしてみる。

以下 Firefoxブラウザ で、記事や固定ページを編集する画面から、文字列を置換をする方法についてまとめた。