【VScode】brタグをCtrl+Enterで入れるようにしたら便利！

カレンダープラグイン「Event Organiser」のカスタマイズまとめ

教室のレッスン予定をカレンダー表示。実案件を想定して「Event Organiser」を解説｜WordPress

iPadでイラスト描きたくて、機能と価格をまとめてみました。

カスタム投稿のパーマリンクの基本とカスタマイズ【WordPress】

カスタム投稿を追加したときに、タクソノミー一覧ページなどのパーマリンクってなんだっけ？となることがあります。 あとできれば、パーマリンクをキレイに整理できたらな～とも。 毎回毎回忘れて調べていたので、ここにメモ。 カスタ […]

メールで投稿できるようにする方法【WordPress】

設定する機会は少ないかもしれませんが、WordPressの投稿をメールでするための設定方法です。 ポイントはこちら。 指定のメールアドレスに送ったメールが投稿となる。 投稿専用の新しいメールアドレスを作る。 WordPr […]

【詳細解説】投稿内の1番目の画像をアイキャッチに使用する方法 WordPress

日常を投稿するブログなどのときに、アイキャッチ画像を作ったり設定したりするのはひと手間かと思います。 ということで、記事内の1番目の画像をアイキャッチ画像に使用する方法です。 アイキャッチ画像を設定した場合、それを表示。 […]

【WP】カスタム投稿を権限ごとにメニューから消す（基本もおさらい）

WordPressの管理画面から不要なメニューを消す方法はいろいろな方が記事にしてくれていますが、カスタム投稿をメニューから消す方法は探してもほとんど見つかりませんでした。 基本的な応用だからかもしれませんが、今回権限ご […]

functions.phpの記述でベーシック認証をかける方法【WordPress】

ベーシック認証って、.haccessに記述して.htpasswdファイルと用意して、パスワードは暗号化してと意外にやることが多い。 普段、「今はまだ見られたくない」など一時的だったり、「重大な内容ではないけど、知ってる人 […]

非公開記事を投稿一覧で表示させない方法【WordPress】

WordPressの投稿で、記事を非公開に設定していても、ログインしていると非公開記事も表示されてしまいます。 ユーザーさんには見えていないので問題はないのですが、気になるときに。 ループのなかで非公開記事を非表示にする […]

WPの投稿で、タクソノミーごとに出し分けて表示する方法

WordPressの投稿で、一つのカスタム投稿タイプに2つのタクソノミーを設定してあげて、タクソノミーごとに一覧を表示させてあげるやり方の健忘録。 例えば「書籍」という投稿タイプに「新品」と「中古」のタクソノミーを設定し […]

作字の参考にしたいサイト・Instagram・本

最近、作字に手を出したいと思い、色々と情報収集をしています。（ちょっとやりたいことがあるんです！！） WEBサイトのデザインと違い、情報があまりなかったので苦労しました。自分のメモのためにというのもありますが、同じように […]

【WP】2番目の投稿から一覧表示させる方法

ワードプレスの投稿一覧で、1記事目だけピックアップのような感じで大きくレイアウトを変えて表示させて、2番目の記事以降をリストで表示させたいことがありました。 2記事目から表示させるのってどうやるんだ？と思い、調べたのでメ […]

SEOでは、ページスピードがもっと重要になるという話。

2021年5月、Google検索のランキングを決めるのに、新しい基準が導入されることが発表されました。 ページエクスペリエンスシグナルと言うらしいのですが、簡単に言うと 「ページを見ている人が有益な情報を快適に見られる」 […]

マウスカーソルをJSでデザインする。

パソコンでご覧の方はもうお気づきかとは思いますが、マウスカーソルをオシャレにしてみました。 カーソルをシンプルな黒ドットにしたうえで、ゆったり追従してくるストーカー（黄色の円）を加えました。ストーカーはリンクのaタグ上に […]

WPサイトの増税による価格変更を楽にするコード。1ヶ所変えるだけ！

今年3月の総額表示義務の猶予期間の終了、価格の表記変更はどう対処しましたか？ 地道にひとつひとつ値段を総額表記に変えていったよ、、、という方もいらっしゃるのではないのでしょうか？ではまた増税になったらどうしましょう？ ひ […]

「ある親タクソノミーに含まれる子タクソノミー」を指定して条件分岐する方法

WordPressのカスタム投稿でタクソノミー一覧ページを作っていたのですが、「ある親タクソノミーに含まれる子タクソノミー」を指定して条件分岐するときに困ったので解決策を共有。 言葉にすると難しいですね笑 具体的にやりた […]

【VScode使い始めたら】まず入れるべき9つの便利な拡張機能

最近コーディングのエディタをVScodeに変えました。理由はTwitterとかセミナーとかでよく名前を聞き、使っている人が多いから（笑） 安直な理由ですが、それだけ多くの人が使っているというのは「良い」からですよね！ と […]

【2020年版】WEBデザインを便利にする！Chromeのおすすめ拡張機能7選

みなさんは、GoogleChromeで機能を追加して、もっと便利にできることを知っていますか？ Chromeの拡張機能を使うことで、WEB制作を行うときに作業効率がアップしたり、ボタン一つでいろいろなことができるようにな […]

WPのリンク設定、nofollow？sponsored？ugc？いつ使うの？

WPの投稿でリンクを張ろうとしたときに出てくる4つの項目「別タブで開く」「nofollow」「sponsored」「ugc」。 今更ながら、これってどういうときに使えばいいの？と思ったので調べてみました。 「別タブで開く […]

中小企業のLP制作、本当に参考になるギャラリーサイト3選

前回はホームページ全般の参考になるギャラリーサイト4選をまとめましたが、今回はランディングページ（＝LP）。 モノを売ることに特化した一枚物の長物ページ。1ページだけの簡単なものに思われがちですが、普通のホームページとは […]

【symbolとuse】1つのSVG画像で色を変えて使いまわす便利な方法

SVG画像はとても便利です。SVG画像を使えば、ロゴやアイコンなどの画像をPC用・スマホ用と出し分けることなくRetinaディスプレイでもキレイに表示することができます。 がしかし！！ それだけではありません！！ 同じ画 […]

【WP高速化】PageSpeed Insightsで90点取るまでにしたこと

最近のSEOのトレンドとして、「コンテンツの充実」と「ページスピード」が重要となっています。 「内容が薄い記事は見たくない」「ページの表示が遅いと見るのを止める」 当然の流れと言えば当然ですが、これを機械的に判定できるよ […]

「WEBデザイナーだけど、印刷物も頼まれちゃった」ひとのための入稿チェックリスト

この記事はこのような方へ向けています。 WEBデザイナーとして入社したけど、印刷物もやらなきゃいけない フリーでWEBデザインを受注したけどパンフレット・名刺もお願いされた ネット通販の会社で発注するので見本確認できない […]

WEBをもっと伝わりやすく！無料のアイコン素材サイト4選

言葉だけでは伝わりづらいこともある。 そんな時にアイコンをそっと添えてあげると、直感的に理解しやすくなります。 自分で作るにはちょっと手間だけど、ありがたいことにアイコンを作って無料配布してくれているサイトがたくさんあります！そのなかでも実際に頻繁に使っている商用利用可能なアイコン素材サイトをまとめました。 ICOOON MONO 幅広いジャンルのアイコンが揃っており、アイコン使いたいなーというと

スマホ対応メニューは簡単に実装できる！

2020年9月から 「全てのWEBサイトをモバイルファーストインデックス（MFI）へ移行していく 」と、googleから発表がありました。 スマホ対応が当たり前になっていくなかで、コーディングも複雑になってきています。 そんななか、簡単にシンプルなコードで実装できるスマホ対応のメニューを見つけました！いろいろ応用もでき、ヘビロテ中です。 ほとんどCSSで実装できます！ ボタンをクリックしたときに、

中小企業のホームページで使える！ページトップに戻るボタン

縦に長いホームページを見ているときに、ページの一番上まで戻るのにストレスを感じたことはありませんか？ あなたのページも、実はそう思われているかもしれません。 それを解決するのが、「ページトップへ戻る」のボタン！ ボタンの設置自体はHTMLで簡単にできる ボタンを設置して、ページトップに移動させるだけであればHTMLのアンカーリンクを使ってあげれば簡単に実装できます。 アンカーリンクのデモページ た

デザイナーがディレクションの勉強のため見ているサイト

最近、営業～ディレクション～デザイン～コーディングまで一人でやってみたくて、少しずつ営業・ディレクションの勉強をしています！ 営業資料やヒアリングシート、ワイヤーフレームなど一連の流れでまとめればもっとスムーズにいくんじゃないかと妄想して、デザインの空いた時間を見つけて、せっせと調べて資料作り中。 まだまだ勉強中ですが、ディレクションの大事な基礎を学ぶうえで参考になったサイトをまとめました。 「T

中小企業のWEBサイト制作、参考になったギャラリーサイト4選

WEBサイト制作をするうえで、けっこう大事な参考サイト検索。 いろんなところでよく言われていますが、やっぱり自分の頭のなかだけで考えていると、なかなか良いものはできない！ というわけで、これまで都度都度WEBサイトのギャラリーを徘徊してきたのですが、、、 ・まぁたくさんのギャラリーサイトがある！・海外のオシャレなサイトはあこがれるけど、中小企業に合いづらい。・ちょっと古いレイアウトが多いサイトもあ

プラグインでなんとかならんかな？って思った時に役に立つかもしれないまとめ

ワードプレスやPHPなどがよく分からなかった頃、とりあえず調べてプラグインを入れてやって乗り切っていました。今はなるべくプラグインを使わない方向に持っていっていますが、分からないときはプラグインに頼っちゃえばいいのかなーと思っています。それがワードプレスの良さのひとつでもあると思うし。 ということで、とりあえずプラグインでなんとかしたい！ってときに役に立つかもしれないプラグインまとめです。 パンく

文字を装飾する基本のCSSプロパティ一覧

ホームページでテキスト変更くらいはできたけど、テキストいっぱいで読みにくい。。。 そんなときには重要な箇所を太線にしたり文字サイズを大きくしたり、文字の色を変えてみたり、 ちょっとした工夫をするだけでずいぶん読みやすくなります。 文章を読みやすくしてくれるCSSプロパティを一覧にまとめました。 文字の大きさを変更する font-size: 16px; ほとんどの場合、本文のフォントサイズは13px

WPで企業サイトを作るときに入れている、基本のプラグイン8選

ワードプレスで企業サイトを作るとき、どのプラグインを入れようか迷ったことはありませんか？ プラグインにはたくさん種類があるしどれを選べば？・・・入れすぎも良くないって聞くけど？・・・企業サイトで必要なのはこれとこれ！ていうのが知りたい・・・ 同じ悩みを持っていた私が、調べて試して、外注さんが使っているものを参考にしたりしながら厳選した、基本の機能を押さえた8つのプラグインを紹介します。 テーマ作成

とりあえず文字や画像の修正から始めたいという人のための、ざっくりHTML入門

HTMLが初めてで、一から作り上げようとすると、CSS？相対リンク？

イラストはテイストが命！無料イラスト素材サイト12選

イラストはテイストによってサイトの印象が大きく変わります。写真素材同様、特に人のイラストはなかなかイメージに合うかつページのシーンに合っているものを探すのが難しい。しかも全ページに使えるくらいバリエーションがあってほしい。 ということで、人のイラストをメインに、普段イラスト素材を使わせてもらっている、バリエーションが豊富で商用可能な無料素材サイトをピックアップ！ 1.イラストAC 無料写真素材の記

これからの中小企業サイト制作に使える！商用可な無料写真素材サイト6選

WEBサイトにあまりお金をかけられない中小企業さま。何とか無料素材でサイトを仕上げてくれと言われたデザイナーさん。 ありがたいことに、無料の写真素材サイトはかなりたくさんあります。どこのサイトの写真もキレイ、オシャレ。でも企業様のコーポレートサイトで使うにはちょっとイメージに合わない。 私もそんな悩みを抱えるデザイナーのひとり。私と同じ悩みを持つ方に、（有名どころばかりではありますが、）中小企業さ