Web制作– category –

：から始まる擬似クラスを複数つけたいときの記述方法 【記述順序を間違えると動作しない】 記述の順番が決まっているため順番間違えには注意。 nth-childで指定した要素にhoverの擬似クラス要素を指定するときはhoverを先に書きます。 /* hoverが動く */ ...

CPT UIで新規タクソノミーを作成し、タクソノミースラッグを入力しておく。 作成したタクソノミーを開いて、新規にタームを作成する。 get_termsでタームを取得後、foreach処理を加える タクソノミースラッグ: summmer-event表示させたいテキスト:サマーイ...

画像圧縮のためのWordPressプラグインが「Converter for Media」です。 今回は「Converter for Media」についての解説です。難しい設定が入らずにサクサク導入できるのが強み。 有料のPro版も用意されていますが基本的には無料版で十分な機能を持っていま...

意外なところでハマりました。 【WordPressのfuctions.php】 WordPress5.8のオリジナルテーマを作る時に必要となるファイルがfunctions.phpです。オリジナルテーマ作成時になんど書き換えてもfunctions.phpが反映されないことがありました。 【function.ph...

ブロックエディタの使い方を知らないと編集が大変になりました。 【従来のヘッダー編集方法】 外観 ＞メニュー からヘッダーのメニューを作って変更してました。 【Twenty Twenty-Three のヘッダー編集方法】 [1]管理メニュー ＞　サイトを編集　を選...

EWWW Image Optimizerのインストール方法 WordPress5.7では非対応と出てしまったので急遽WordPressのアップデートを行いました。 メニュー　＞　プラグイン　＞　新規追加　より「EWWW Image Optimizer」をインストールし有効化ます。 EWWW Image Optimize...

割とよく見ることのある中央に線が引かれている左端に見出しが置かれているデザインのコーディング手法解説。 border-topで記述すると文字の下に線が重なってしまいますのでひと手間工夫が必要です。 このタイプは大きく分けて2つやり方があります。 線と...

Google mapはiframe呼び出してサイト内に埋め込みますが、単純にiframeで埋め込む以外に加工して埋め込む以外に1処理加えることがほとんどです。 この記事はGoogle mapを埋め込むときの手法を紹介します。 【Google mapの埋め込み方法】 Googlemapを開いて...

【枠線で囲むタブCSSデザインのhtmlコーディングで詰む。】 タブのCSSデザインが大変だったのでメモ。 文字で説明すると難しいのですが、タブとタブの間をあけて枠線で囲むけれど、タブの下はくっついているように見せるデザインの指定です。 【目標デザイ...

【PhotoshopのWEB用に保存時の書き込み権限エラーが出る】 MacOS Big Sur 11.3.1 / Photoshop 23.22(Photoshop2022)を使っています。 下のエラーが出ました。 Adobe Web用に保存エラー この操作を完了できませんでした。書き込み権限エラーが発生しました...

「All-in-One Migration」プラグインをオンにしたら以下のエラーが出た。 All-in-One Migration は /***/wp-content/ai1wm-backups/.htaccess ファイルを作成できません。親フォルダーのパーミッションを変更するか、support@servmask.com までメールでお...

WordPressプラグイン「Advanced Custom Fields」はカスタムフィールドを拡張するときに利用するプラグイン。 Advanced Custom Fields – WordPress プラグイン | WordPress.org 日本語 記事内容以外で、記事ごとに付け足したい内容を付け足すときに便利なの...

このブログはWordPressを使っている。 WordPressではログインしているユーザーのみに表示させたいものがあった場合などに使える関数がある。 この場合のテンプレート関数の書き方。■設定環境 WordPressバージョン 4.2.2 is_user_logged_in()を使用する方法...

【前提】 通常のjQueryの記述は以下の$(function()~ もしくは$(document).ready(function()~~で記述しますが、 WordPressの場合には書き方が変わります。 $(function(){ // 処理 }); もしくは $(document).ready(function(){ //処理 }); WordPressでのjQue...

【position: stickyが効かない、IE11対応】 結論 position: stickyが効かない場合の解決方法【CSS】 - termina.ioを参照した。 親要素全てのoverflow属性値をvisibleに変更する。 この状態になっているかどうか？はディベロッパーツールのコンソールを開き...

【disabledにしたチェックボックスのデザインを変更する方法】 結論 【「appearance: none;」】 appearanceプロパティはラジオボタンやポップアップメニューなどのユーザーインタフェースを指定するためのCSSで, noneを指定することで消すことができる。 n...

【右クリック禁止処理サイトでhtmlソースを確認する方法】 WEBサイト修正依頼が来た時に,「右クリック禁止処理」がされているサイトほど嫌なものはないです。 手間が何重にも増えますしね。 右クリック禁止処理サイトでもhtmlソースを見ることはできます。...

【IE11でテーブルの枠線が消える】 久しぶりにIE11でハマったのでメモ。 SafariやChromeでは表示されているのにも関わらず、IE11でテーブルの枠線が消えてしまっていた。 原因としては この2点。 tdの背景色がtdにつけた枠線の上から重なってしまい色が上...

ヘッダーが追尾するメニューを作る場合、positionで設定するのでレイヤーが一番上に来ます。そのためヘッダー分の高さが隠れてしまい、ページ内アンカーリンクを設定しているとアンカーリンクは動作しているのだけれど、ヘッダーメニューが上から重なって...

久しぶりにつまずいたのでメモ。 before,afterの疑似要素に下線を付けるのではなくspanタグで囲って下線を付ける。 下線の位置を調整するなら疑似要素を使うしかないのですが、before,afterの疑似要素の場合はwidth,height指定しないとだめなときがあるの...

【WordPress 5.5 メジャーアップデート版リリース　Eckstine】 WordPress 5.5がリリースされました。 WordPress 5.5の名前は「Eckstine」です。 ジャズボーカリスト「Billy Eckstin（ビリー・エクスタイン）」から命名 主な変更点 ・遅延読み込み (lazy lo...

携帯サイトっぽく見せるためには絵文字は必須です。 携帯サイト向けサイトをつくるのに便利なWordPressのプラグインKtai Style を使用した場合に絵文字を使いたい！ ときには 投稿ページに ＜img localsrc=”NNN” /＞ と記入します。NNNに絵文字ナンバーが...

Google Sitemap Generator 3.2で検証しました。 モバイル サイトマップの作成 - ウェブマスター/サイト所有者 ヘルプに仕様をあわせます。 xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0と が足りていませんので、追加修正します。 Goo...

WordPressのエディタにはビジュアルモードとHTMLモードの2種類がありますが、 HTMLモードで改行を入れたテキストに対して、<p>が自動補完されます。 Pタグがあることで妙なマークアップになることを解消することが必要な場合があるかもしれません。 ...

SEO対策として静的URLにすると良いといわれています。 静的URLと対象に動的URLがあります。 例1 blog.livegoods.net/archives/test.html 例2 blog.livegoods.net?p=123 例2のようなURLを動的URLといい、「?p=123」が動的パラメータと呼ばれます。 動的URL...

【WordPress】get_post_type()を使って投稿タイプを調べる 【【WordPress】get_post_type()を使って投稿タイプを調べる方法】 get_post_type()を使うと投稿タイプを調べることができます。試しにheader.phpに <?php echo get_post_type( $post ); ?>...

この記事はフローティングバナーをCSS作る【Web制作】 へ移動しました。 ▶

仕様 2020年3月27日の内容です。 WordPressバージョン 5.3.2　で検証 【WordPressのテーマを削除する方法】 管理画面メニューから「テーマ」を選択します。 消したいテーマを選択します。 右下に「削除」のボタンが表示されます。 ウィンドウが開きます。 ...

WordPressの専用レンタルサーバーはいくつかあるのですが、その中でもWordPressの簡単移行ができるConoha Wingサーバーをご存知ですか？WordPressのサイトをサーバーごと引っ越すのはかなり面倒くさいです。 その面倒くさい手順を解消できるプラグインもあ...

というケースがあります。 この場合、管理画面のカテゴリー編集ページより細かく説明文テキストを入力できますが、 一つ困ったことがあります。 それは初期状態のままだとカテゴリー説明にhtmlが使えない！ という点です。 しかし、カテゴリー説明にhtmlを...

アコーディオン処理を加えるときにとても楽ちんなのがjQueryのSlideToggle()です。 短い文でかんたんにアコーディオン開閉時を実装できます。 SlideToggle()とともに「もっと見る」「閉じる」のようなボタンのテキストを変化させたいことがあります。 今回...

WordPressのメールプラグイン「コンタクトフォーム7」で客先からメールの送信ができなくなっていると苦情を受けてしまいました。 いままで使えていたはずなのにメールを送ると「メッセージの送信に失敗しました。間をおいてもう一度お試しいただくか、別の...

WordPress 5.2から「リカバリーモード」が追加されています。 WordPressのテーマやプラグインにエラーがあった場合、リカバリーモードに入り異常状態をメールでお知らせしてくれる機能です。 【「リカバリーモード」とは】 致命的なエラーが生じたテーマ・...

【「サイトに重大なエラーがありました」の回避方法】 WordPressを運用していると上記のように「サイトに重大なエラーがありました」と表示がでるときがあります。 以前はこの表示はなかったように感じますが、どこかのバージョンからこの「サイトに重大な...

【WordPress 5.3 メジャーアップデート版リリース】 WordPress 5.3リリース ブロックエディターの改善がされ大きく投稿画面のエディタの印象が変わりました。 また新デフォルトテーマ「Twenty Twenty」が追加されました。 ログインページのパスワードに目...

メディアクエリ(Media Queries)はスマホ向けのWEBサイトを作るのに必須な技術です。 メディアクエリを正しく記述しても効かないときがありましたので備忘録として記載しておきます。 メディアクエリ @media screen and (max-width: 320px); というように表...

管理画面の TinyMCE Advanced などのアイコンが文字化けして表示されないときの対処方法

『アニメーションするグラフを作ってくれ』と言われてしました。 知らない間にアニメーションの需要が出てきているんですね。 少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。 たしかにアニメーションするグラ...

JavaScriptのライブラリとして一般的になったのが「jQuery」です。 いまだにjQueryを使ったサイトの案件はたくさんありますので、 JavaScriptの勉強をしていく上では逃げられないライブラリになっています。 「ボタンをオン・オフしてjQueryで画像を変えた...

【PhotoshopCC】ガイドラインを非表示にするショートカット