お知らせ・コラム

WordPress上で設置したフォームについての備忘録です。今回Contact form7というWordPressのお問い合わせフォームのプラグインを使用して、input type="date"のボタンを使用したんですが、iPhoneから見た時だけ入力欄がめちゃくそ小さくてわかりづらかった...

先日、古いWordPressサイトのバージョンアップのご依頼がありました。 古いといってもそんなだろうと思いきや、なんとバージョン3.1！（現在、バージョン6.5） まさか令和であの画面と出会うとは…懐かしさで胸がドキドキ、動悸が起こりました。 あなたのサ...

こんにちは、WEB担当菅井です。WordPressのブロックエディタで作業していると、スマホ・モバイル表示で文章が変なところで改行されて嫌だな〜って時ありますよね。そういう時に便利な、モバイル時だけ・あるいはPC時だけ改行させることができるショートコ...

こんにちは。今日はGoogleサーチコンソール内の、インデックス登録についてお話しします。 当ブログも、運営しだしてから、なかなかインデックス登録がされない時期がありましたが、今では無事に登録がスムーズに行われています。 そのことについて自分な...

こんにちは、WEB担当の菅井です。 おかげさまでココナラの出品ランクがプラチナになりました（正確には6月にはなってましたが） 菅井名義で出品しているアイテムが好評で、大変ありがたいです。依頼が重なった時は菅井と山本両方でデザインの分担を行いな...

こんにちは。タイトルが訳わかんなくなっちゃいましたが…WordPressのカスタム投稿の詳細ページ（single）ごとにCSSで調整をかけたいときがあったので、bodyのところに投稿のスラッグ名がclass名として付与されるようにfunctionsを編集していきます。 該当...

こんにちは。今日はWordPressのSWELLテーマに備わっているモバイル固定フッターを、一個ずつ背景の色分けをするためのCSSを紹介します。 お客様から依頼がありましたので、自分がやったことをここに残します。 デフォルトでは全て同じ色になる カスタマイ...

こんにちは、WEB担当の菅井です。 WordPressを自分でインストールして始められる方も多いと思いますが、デフォルトのままでは十分とは言えません。 私が普段お客様のWordPressサイトを立ち上げたり、リニューアルする際に必ずインストールする、セキュリテ...

こんにちは。本日はWordPressサイトを自力で作ってみようという方に、無料で始めるためのマインドと無料テーマをご紹介したいと思います。アメブロやはてなブログを使えば完全に無料で使えるのに、わざわざサーバーとドメインを借りてWordPressでブログを...

スクロールするとフワッと浮かび上がってきたり、横からスライドして要素が出現したりするアニメーションってよく見かけますよね。 それを初心者の方でも簡単に導入できる、「AOS」という無料のjavascriptライブラリの使い方を紹介します。難しい話は一切...

デザインに関する全てのお悩みを解決します！ クートスラボは女性クリエイターチームでお届けするグラフィック＆WEBデザインの総合サービスです。これからスタートアップをしようとしている事業主の皆様にピッタリなパッケージプランをご用意しました。ロ...

こんにちは！クートス・ラボのWEB担当の菅井です。本日はホームページ（WEBサイト）を持つためのおすすめレンタルサーバーを３つご紹介いたします！ウェブサイトを運営するとき、もっとも大事なのは何だと思いますか？「デザイン」？それとも「内容」でし...

こんにちは、WEB担当の菅井です。今回はSWELLテーマでカスタム投稿一覧にターム名を呼び出す方法をご紹介します。 この記事はブロックエディターでやってしまおうという人向けに書いています。フック書ける人はそちらの方が早いような気もします。 ターム...

こんにちは、WEB担当の菅井です。今日はフリー素材という言葉について解説したいと思います。多くの方が言葉のせいで「無料」だと勘違いされている事例の一つです。正しく理解することでトラブルの防止にも繋がりますので、ぜひ参考にしてくださいね。 フ...

素晴らしい機能がいっぱいのテーマ「SWELL」ですが、機能が多い為何がどこにあるのかわかりにくかったりします。デフォルトでは投稿した画像はクリックすると拡大する機能がオンになっているので、それを全体設定でオフにする方法を記載します。 SWELL設定...

メールフォームなどにスパム対策として、googleのreCAPTCHAを設定すると、右下にマークが表示されます。これが邪魔な時があるので、非表示にしましょう。googleが推奨している方法がありますので、それに則った形で進めていきます。 完成イメージはこちら ...

こんにちは、ウェブ担当の菅井です。今日はWordpressの無料プラグイン「Animations for Blocks」をご紹介します。 これは何かというと、AOS.jsというウェブ制作ではメジャーなアニメーションライブラリをベースとしたWordpressのプラグインで、使い勝手が...

こんにちは、クートス・ラボ菅井です。 この度お客様のサイトで、リスト（li）要素を縦並び＆２カラムにしたい場面が出てきましたので、調べた上で実装したコードをメモしておきたいと思います。もちろん、li要素以外でも使えます。 grid cssを使って縦並...