OGP画像がファビコンになったら、Jetpackを疑いましょう
ワードプレスプラグイン「Jetpack」の共有設定をオンにするとOGPが設定されます。OGPの二重設定に気を付ける必要があります。まず、HTMLソースを確認してください。
学びのチップス学びのチップス
ポートフォリオの作り方ワードプレステーマTCD「UNIQUE」でシンプルなポートフォリオをつくる
ワードプレステーマTCDのコーポレートサイト向けテーマ「UNIQUE」を使ってシンプルな制作実績集（ポートフォリオ）を作成します。front-page.phpの作り方が学習できます。
学びのチップス企画・設計にマインドマップツールXMind（アウトラインプロセッサ対応）を使おう
ホームページの企画設計、ブログページの段落構成にXMindを使用してマインドマップをつくる方法を紹介します。XMindはマインドマップだけでなく、アウトライナーとしても機能します。
学びのチップス各ブログテーマのステルスマーケティング規制対応
ステマ規制に対応するため「STORK19」「SWELL」「Arkhe」「JIN:R」「SANGO」「Cocoon」の各ブログの設定方法を紹介します。また、表示すべき文章もピックアップしています。
WEBの仕事WEBディレクターとは何なのか。
WEBディレクターとは何なのか。役割・仕事・スキル・タイプに分類してWEBディレクターを解説。WEB制作になくてはならないWEBディレクターを分かりやすく浮き彫りにしました。
学びのチップス絶対よく使う定番CSSはこれ
ホームページ制作時によく使うCSSサンプル集です。flexboxはもちろん、隣接・直下・間接の指定方法、代表的な疑似クラスの使い方をピックアップしました。flexboxチート集へのリンクあり。
通販サイトの作り方商品の購入個数を制限するMin Max Quantity & Step Control for WooCommerceの使い方
WooCommerceのECサイトで最小購入数、最大購入数を制限する場合に使用する無料プラグインが「Min Max Quantity & Step Control for WooCommerce」です。
WEBの仕事WEBデザイナーに求められること。
WEBデザイナーとは。「日本最古（？）のWEBデザイナー」として考えてみました。どうやったらWEBデザイナーになれるのか、どのような仕事なのかを考察していきます。
CocoonをデザインWordPressテーマCocoonをテストする方法
WordPressテーマCocoonのデザインをカスタマイズするために必要なテスト環境の構築方法を紹介します。サーバーを使う方法とPCのローカル環境を使う方法があります。
CocoonをデザインSWELLはいい！それでもCocoonを使ってみて欲しい理由。
高機能テーマ「Cocoon」の弱点を克服することで多くのWordPressノウハウを吸収できるでしょう。ここではCocoonのサイト型デザインや独自ブロックのカスタマイズも紹介します。
CocoonをデザインCocoonのモバイルデザインを改善する
Cocoonのモバイル表示デザインを改善するために5つの各種CSSを紹介しています。「ヘッドロゴの余白調整」「モバイルボタンのカラー」等をサイトに馴染むように設定します。
CocoonをデザインCocoonのモバイルメニューを固定表示する場合のjavascript.js
Cocoonのモバイルメニューを固定表示する場合、テーマの仕様のままだと、ヘッダーメニューでサイドバーが隠れてしまいます。javascript.jsで制御すれば問題ありません。
CocoonをデザインCocoonのおすすめカードのデザインを変更する
Cocoonのおすすめカードはとてもシンプルです。全体のデザインをシンプルに変更すると、ただの四角い画像が並んだように見えるので改善した方が良いでしょう。
学びのチップスカスタマイザーの「ホームページの表示」が変わらない場合の対策
Cocoonをテストしていて「おすすめカード」が表示されなくなってしまいました。ホームページの表示を「最新の投稿」に設定することができないのです。原因を突き止めてみましょう。
テーマをカスタマイズ「Simple Blog Card」で「SWELL」ライクな外部リンクのブログカードを実装する
外部リンクのブログカードをサポートするため、functions.phpのショートコードを使う方法とプラグイン「Simple Blog Card」を使う方法の2つの方法を解説します。
CocoonをデザインCocoonのフッターを3カラムリッチタイプに変更する
無料WordPressテーマ「Cocoon」のサイト回遊性を高めるため、フッターのデザインを変更します。単なる設定では実現出来ないマスタマイズ方法を紹介しています。
CocoonをデザインCocoonのページナビを変更する
無料WordPressテーマ「Cocoon」のページナビゲーションのデザインをCSSで変更します。CSSの設定を細かく解説しましたので、初心者にも見て欲しいページです。
CocoonをデザインCocoonのコンテンツ幅を変更する
無料WordPressテーマ「Cocoon」のデザイン性をを考慮してコンテンツ幅を変更する方法とプラグイン「Regenerate Thumbnails」の使い方を紹介します。
ブログの作り方ブログのコンテンツ幅を考える
ブログテーマにはコンテンツ幅を変更出来たり、できなかったり、様々ですが、デフォルトの設定には各テーマの設計思想が表れています。変更する際はそれを理解した上で行ってください。
通販サイトの作り方WooCommerceのECサイトで購入個数による割引き価格を表示する方法
WooCommerceを使用したECサイトで購入個数による割引価格を表示するための無料プラグイン「Discount Rules for WooCommerce」の設定方法を解説します。
」
が安心です。初心者にも簡単インストールできます！
