WordPress 【WordPress】テーマ内テンプレートへショートコードを直接記載する
ショートコードをテーマ内のテンプレートファイルに直接記載したい場合は、下記のように記述します。ちなみに、WordPressの記事内に、ショートコードを入力する場合は、下記のように投稿エディター欄に入力すれば、好きなところに表示できます。
WEB制作
WordPress WordPress 【WordPressプラグイン】おすすめのコード入力プラグイン
WordPressで、記事にコードを表示するには、プラグインを使うのが手軽で便利です。
↓こんな感じのです↓
私は今まで「Syntax Highlighter MT」というプラグインを使っていましたが、
最終更新日が5年以上前だったとい...
EC-CUBE 【EC-CUBE 4】ブロックの登録ができない場合の対処法
EC-CUBE4でオリジナルのブロックを追加しようとしたのですが、「システムエラーが発生しました。」と出て、ブロックの追加ができませんでした。エラーログなどを見ても全く分からず、仕方ないので、phpMyAdminを使って、直接データベースを...
WordPress 【WordPress】function.phpからheadタグ内にコードを追加する
function.php から ＜head＞タグ内にコードを挿入する方法です。
headタグが編集できない場合などに便利です。
私の場合、Elementorを使用している投稿のheadを変更したかったときに使いました。
function.p...
WordPress 【WordPress】Advanced Custom Fieldsの値をfunction.phpで取得する
WordPressのカスタムフィールドプラグイン「Advanced Custom Fields」で値をfunction.phpで使用したいとき、下記のようにすることで、取得が可能です。
WordPress 【WordPress】 子テーマを使用時に画像のパス指定方法
子テーマ使用時に、テーマディレクトリ取得するとき、下記のテンプレートタグを使用すると思います。
get_template_directory_uri();
bloginfo( 'template_url' );
しかし、この場合、親...
WordPress 【WordPressテーマ】無料の「Cocoon」が凄い！有料テーマ JINとの比較も
現在このブログでは有料テーマの「JIN」を使っています。
無料テーマ「Cocoon」を使う機会があったのですが、その機能の多さに驚きました。
無料の「Cocoon」で十分ではないか？と思ってしまいました。
吹き出し機能
Cocoonには、...
CSS 親タグにCSSを追加・適用する
親タグにCSSを指定、追加する場合は、jQueryを使えば、簡単に対応できます。
例えば、あるボタンの親要素ごと非表示にしたい場合は、下記のように記載します。
サンプルHTML
jQuery
CSSのみで対応できるか？
ちなみに、CSS...
CSS レスポンシブデザインで【iframe】の高さを自動的に合わせる
Youtubeなどのを埋め込みたいとき、「iframe」で埋め込むことが多いと思います。埋め込む、iframeには高さを指定しますが、レスポンシブデザインで、画面が小さくなった時用にCSSで高さを指定する必要があります。当然ですが、heig...
WordPress WordPress5.8 ブロック型ウィジェットが使いにくい。元に戻す方法
WordPress5.8で追加された機能、フロックエディー型のウィジェットなのですが、超使いにくかったので、以前のウィジェットに戻すプラグインはないかと検索。
「Classic Widgets」なるものがあったので、それをインストール＞有効...