新年明けましておめでとうございます。2024年辰年も当サイトをよろしくお願いいたします。

新年あけましておめでとうございます。昨年は格別の御厚情を賜り、厚く御礼を申し上げます。

新年明けましておめでとうございます。2024年辰年も当サイトをよろしくお願いいたします。

新年あけましておめでとうございます。昨年は格別の御厚情を賜り、厚く御礼を申し上げます。

WordPressの自動ログアウトとログイン状態を拡張するプラグインAuto Logout Extended

WordPressの管理画面にログインした場合、「ログイン状態を保存する」にチェックを入れた場合、14日間ログイン状態を保持します。WordPressサイトを運

【CSS】個人的によく使う疑似クラスまとめ

個人的によく使う疑似クラスを備忘録としてまとめてみました。使うと便利なものが多いので、徐々に情報を増やしていきたいかと思います。 :hover

新年明けましておめでとうございます。2023年兎年も当サイトをよろしくお願いいたします。

新年あけましておめでとうございます。昨年は格別の御厚情を賜り、厚く御礼を申し上げます。

商用利用可！登録不要！個性的なイラスト素材集まとめ2022

商用利用可！面倒な登録不要のイラスト素材集（国内）を集めてみました。WEBサイトの作成や資料、提案書などの作成に重宝する素材集かと思います。各サイト利用規約があ

オンラインでCSSの品質をスコア化してくれるツール CSS Code Quality

今回ご紹介する CSS Code Quality

有名企業のブランドカラーを掲載しているサイトBrandColors

世界の大企業を連想する色があると思いますが、今回はその企業のブランドカラーを調べることのできるサイトBrandColorsをご紹介します。

玉野市 自然環境体験公園へ行ってきました。

岡山県玉野市東七区にある自然環境体験公園に行ってきました。ここは児島湖流域下水道浄化センター横に併設された公園で、様々な自然環境がありそこに住む動植物の観察がで

WordPress記事投稿時にLINE公式アカウントに自動投稿できるプラグインLINE Auto Post

WordPress記事投稿時に、LINE公式アカウントにも自動投稿して、記事公開を知らせるプラグインLINE Auto

翻訳プロセスを改善しWordPressのパフォーマンスをアップさせるプラグインDynaMo

WordPressやテーマ、プラグインは元々、英語で書かれていますが、日本語でも使用することができます。これは、翻訳ファイルが翻訳者コミュニティによって作成され

翻訳プロセスを改善しWordPressのパフォーマンスをアップさせるプラグインDynaMo

WordPressやテーマ、プラグインは元々、英語で書かれていますが、日本語でも使用することができます。これは、翻訳ファイルが翻訳者コミュニティによって作成され

All-in-One WP Migrationプラグインで簡単WordPressサイト移行！！

WordPressサイトの移行はデータベースなどもあり、少し難しいと思うかもしれませんが、今回紹介するプラグインAll-in-One WP Migrationを使えば、簡単にサイトの移行ができてしまいます。

WEBサイトを少しリニューアルしました

この度、当サイトを少しリニューアルしました。2017年に当サイトを立ち上げてからほぼそのままでしたので、以前の良いと思う所は残しながら、リニューアルしました。

【jQuery】他ページからのスムーズスクロールリンクでスクロール位置がLazyloadのせいでズレた場合対処した方法

jQueryでスムーズスクロールを設置した際、どうも他ページにリンクしてスムーズスクロールさせると、どうしてもスクロールの位置がズレてしまうことがあったので、その対策をしてみました。

メディアクエリでデバイスの向きによってCSSスタイルを変更する方法

カスタム投稿の子ページ有無で条件分岐する

XO SecurityでWordPressのセキュリティを強化しよう！

XO Securityは、WordPressでWEBサイトを構築する際に、自分がよく利用させていただいているプラグインになります。作成者が日本の方なので、個人的にとても使いやすいプラグインと思っています。 WordPressサイトを運営していて恐ろしいのが、サイトを乗っ取られることですね。XO

Advanced Custom Fieldsでファイル項目を追加した時にファイルサイズを出力する方法

先日、Advanced Custom Fieldsでファイル項目を追加した時に、ファイルサイズを自動で取得して表示してほしいとの依頼がありましたので、その手順の備忘録になります。 まず、Advanced Custom

プラグインやテーマが自動更新された時に送信される自動更新通知メールを停止する方法

WordPressのプラグインやテーマの自動更新が実行されると「一部のプラグインを自動更新しました」という自動更新通知メールが届きます。更新通知を知らせてきてくれるのはありがたいのですが、管理WEBサイトが多いとちょっと困りますので、自動更新通知メールを停止させるコードを紹介します。

ブロックエディタのフルスクリーンモードを無効にするプラグイン「Disable Block Editor FullScreen mode」

あけましておめでとうございます。本年度もよろしくお願いいたします。

新年明けましておめでとうございます。2021年丑年も当サイトをよろしくお願いいたします。

新年あけましておめでとうございます。昨年は格別の御厚情を賜り、厚く御礼を申し上げます。 2016年11月に当サイトを公開して、マイペースで運営してきました。これからも有益な記事をマイペースで投稿していきたい所存ですので、本年もこのJunJunWeb.Netをどうぞよろしくお願いいたします。

Search Consoleのモバイルユーザビリティエラーの対処について

一時期、当サイトにSearch

IEでひらがなとカタカナのみが文字化けしてしまう怪現象について

ちょっとニッチな内容かもしれませんが、ある制作したWebサイトをIEで表示した場合のみ何故かひらがなとカタカナが文字化けしてしまうという怪現象が発生してしまいました。今回はそんな時の解決手順です。

今月からスタジオジブリ全作品の場面写真提供開始！使用は「常識の範囲内で」

スタジオジブリはなんと9月から全作品の場面写真を順次提供すると発表しました。まずは「千と千尋の神隠し」「ゲド戦記」「崖の上のポニョ」「借りぐらしのアリエッティ」「コクリコ坂から」「風立ちぬ」「かぐや姫の物語」「思い出のマーニー」と新しい作品を中心に8作品各50枚、合計400枚の提供となっています。

「きらッコノート」様のサイトで当サイトの記事を紹介していただきました。

当サイトで公開した「海をテーマにした海洋博物館 渋川マリン水族館に行ってきました！」の記事が、なんと「きらッコノート」様の記事で紹介していただきました。

テイストが揃っていて使いやすいイラスト素材配布サイト「Loose Drawing」

これまで、仕事柄たくさんのイラスト素材配布サイトを見てきましたが、イラストのテイストが揃っているイラスト素材配布サイトはあまりありませんでした。どうしてもクリエイターが複数いてクリエイターそれぞれのテイストがでてしまうので、ばらつきがでてしまうことも多かったかと思います。しかし、今回ご紹介するLoose

簡単設定3分！無料でWebサイト監視をしてくれ、ダウンすると通知してくれるツール UptimeRobot

Webサイトを運営していると、どうしてもサーバーがダウンしてしまうことがあります。いくら自分が運営しているサイトでも四六時中監視しておくわけにはいきません。そんな時は、サイトダウンを通知してくれる無料サービス「UptimeRobot」が便利です。

サイトの画像をWebPに対応させるプラグインWebP Converter for Mediaが簡単設定でした！

ローカル検索で現在居る場所以外の別エリア検索結果を確認する方法

ローカルで検索結果を表示すると、通常は現在居る地域の検索結果をGoogleは表示してくれます。しかし、ローカルSEO対策をしていると、現在居る地域以外の別エリアの検索結果を表示し、比較したいといったことが出てきます。別エリアの検索結果を確認するためだけに旅行するわけにもいきません。そんなときはGoogle Chromeデベロッパーツールを使えば別エリアや他国の検索結果を表示することができます。

Googleが「Core Web Vitals」を検索ランキング要因に導入するらしいのでChrome拡張でチェックしよう！

GoogleがCore Web Vitalsを検索ランキング要因に導入する予定であることを発表しました。Core Web VitalsとはWebサイトのユーザー体験を向上させることが目的で、LCP・FID・CLSと3つの指標を重要視しています。Chrome拡張のWeb Vitalsを使って自分のWebサイトがCore Web Vitalsに最適化されているかチェックしましょう！

WordPressのadd_image_size()で画像サイズを追加する際トリミングの基点を変更する方法

WordPressで画像サイズを追加する時に使用する関数add_image_size()。この関数は画像の名前指定、縦横サイズ指定、トリミングの有無を指定するだけかと思っていましたが、なんとトリミングの基点も変更できるということを知りました。今回は基点変更の方法についてまとめます。

地域タグ：岡山県

手軽にHTMLとCSSからセパレーター（区切り線）を作成するツール「CSS Section Separator Generator」

「CSS Section Separator

DNSプリフェッチでAdSenseを先読みさせて起こったこと…

DNSプリフェッチで当サイトのAdSenseを先読みさせて表示の高速化を図れないかと考え、AdSense関連の外部データ関連をDNSプリフェッチに対応させてみました。これでAdSenseが少しでも高速表示できるかと期待したのですが、当サイトでは思った様な結果が...

CSSのbackgroundで背景レイアウト指定を初心者向けにまとめました！

CSSの「background」プロパティは、Webサイトを制作する以上使う頻度の高いプロパティです。最初は背景画像を思ったように配置できないなど、色々悩むこともあります。しかし、ポイントを掴み使い方をマスターすれば、いろいろな場所に使える便利なCSSのプロパティになります

CSSの「:hover」擬似クラスを初心者向けに解説！動きのあるリンクを作ろう！

CSSの「:hover」擬似クラスの使い方をご紹介します。CSSの「:hover」擬似クラスは、Webサイトを作成する場合によく使用するクラスです。テキストリンクなどにカーソルがあわさっている状態のスタイル指定など、指定するまでは動きの無かったリンクに動きを付けれますので、理解しておけば、必ず役立ちます。

「ナースときどき女子」のサイトで当サイトの記事を紹介していただきました。

以前、当サイトで公開した「かわいすぎるタオルとアートの融合！愛媛県今治市のタオル美術館に行ってきました！」の記事が、なんと「ナースときどき女子」の記事で紹介していただきました。紹介していただいた記事は「メジャークラスから …

令和初、新年明けましておめでとうございます。2020年も当サイトをよろしくお願いいたします。

新年あけましておめでとうございます。昨年は格別の御厚情を賜り、厚く御礼を申し上げます。

現在の西暦を取得し自動更新するだけのショートコード

よくWebサイトを制作していると、「20◯◯年現在」のような記載をすることはありませんか？ 自分はたまにあります。このような記載をした場合、次の年になってしまうと年号が1年前になってしまいます。WordPressなら管理画面にログインして、書き直せば最新の西暦になるのですが、いかんせん、忘れてしまいます。

WordPressで画像アップロードするとHTTPエラーが出る場合がある時の対策

WordPressの管理画面から画像や動画などのメディアファイルをアップロードする際、なぜか「HTTPエラー」と表示されアップロードを失敗してしまうという謎の現象に悩んでいる方は意外と多いのではないでしょうか？

無料でヒートマップを確認可能な便利すぎるプラグイン「Aurora Heatmap」がすごいぞ！

Aurora Heatmapは無料でヒートマップを確認することができる便利すぎるWordPressプラグインです。無料版でも十分な機能を備えており、サイトの改善にとても役立ちます。

WordPressのエディタGutenbergのブロックは複数選択で移動や複製が可能だ！

今まで、WordPressのエディタGutenbergのブロックはひとつずつ選択して、移動させたり複製したりしていたのですが、普通に複数選択で移動、コピーができたので、備忘録として...それにしても普通に考えれば、複数選択可能な事に気づきそうなものですが、自分気づいてなかったです（汗） ブロックの複数選択

かわいすぎるタオルとアートの融合！愛媛県今治市のタオル美術館に行ってきました！

先日、愛媛県今治市にあるタオル美術館に行ってきました。今治市といえば使い心地の良い今治タオルが有名ですが、美術館としてどのように展示品を展示しているのか、当初自分自身想像ができませんでした。実際にタオル美術館に到着してみ …

地域タグ：今治市

便利だ！投稿タイプテンプレート！投稿やカスタム投稿でテンプレートが使用できるぞ！

これまで、自分は知らなかったのですが、WordPress4.7から投稿タイプテンプレートというものが使えるようです。これはどのような機能かというと、通常固定ページの編集画面に「ページの属性」というウィジェットがありますが …

Chrome76より実装されたLoading属性に対応させるプラグイン「Native Lazyload」

Chromeに実装されているLoading属性を実装するWordPressプラグイン「Native Lazyload」がGoogleからリリースされていましたので早速当サイト使用してみます。このプラグインの使い方は非常にシンプルで、プラグインのインストール後、有効化するだけで機能します。Native