WordPressに関するノウハウ、テンプレートやプラグインなどに関する記事
Cocoonでコード表示をおしゃれに見やすくしてくれるprism.jsを使う方法
記事内のプログラムやhtml、cssなどのソースコードをきれいに見やすく表示してくれるシンタックス・ハイライターの「prism.js」をCocoonに設置する方法について覚書。 「prism.js」は、きれいに表示するだけでなく行番号の表示...
【自分用】Cocoonテーマ使用時のメニューカスタマイズCSS保管庫
Cocoonのテーマのカスタマイズで、主にメニューのカスタマイズCSSを自分が使うとき用に覚え書きしておくための記事。
【自分用】Cocoonテーマ使用時の各種見出しデザインのCSS保管庫
Cocoonのテーマのカスタマイズで、メインカラムの見出しやサイドバーの見出しデザインのCSSを自分が使うとき用に覚え書きしておくための記事。
FontAwesomeでフリーのアイコンを指定しているの表示されるものとされないものがある場合の対処方法
Font Awesomeでフリー版のアイコンを指定しているのにちゃんと表示されるアイコンとされないアイコンが有る場合の原因と対策について覚書。
CocoonテーマのSNSボタンを記事トップは小さい丸ボタン、記事下はちょっとマテリアルデザインぽく変更したCSS
Wordpressの超有名無料テーマ「Cocoon」のSNSボタンをカスタマイズするCSSについて覚書。 記事トップのSNSは丸ボタン、記事下のSNSボタンとフォローボタン部分は、ちょっとSANGO風にアレンジしたCSSです。
WordPress:旧エディターで作成された記事の途中にPochipp(ポチップ)で作成した商品リンクを挿入する方法
WordPressの旧エディター(Classic Editor)で作成された既存の記事の中にPochippで作った商品リンクを挿入する方法です。 AmazonやYahoo!ショッピングなどのアフィリエイト商品リンクを簡単に作れるPochip...
WordPress:旧エディタ(Classic Editor)とブロックエディタを切り替えて使う方法
WordPressで記事を編集する際に旧エディター(Classic Editor)とブロックエディターを切り替えて使う方法。 ブロックエディターはちょっと使いづらいので、デフォルトでは旧エディターを使いたい。 でもPochipp(ポチップ)...
Rinkerを使う際に特定のショッピングサイトのボタンのみ表示する方法
Amazon、楽天、Yahooの商品リンクを簡単に記事に挿入できるプラグイン「Rinker」を使っている際に、記事ごとに表示するボタンをAmzonだけとかにしたいときの方法について覚書。
WordPress:”ダウンロードに失敗しました。 有効な URL ではありません。”の対処方法
WordPressでプラグインやテーマを更新した際に"ダウンロードに失敗しました。 有効な URL ではありません。"と表示され更新ができないときの対処方法について覚書。
画像ファイルをWebPに変換する簡単で効率的な方法
Pagespeed Insightsでサイトパフォーマンスをチェックした際に「改善できる項目」に「次世代フォーマットでの画像の配信」が改善項目になっていたので、画像ファイルをWebPに変換、「EWWW Image Optimizer」プラグ...