WordPress(ワードプレス) 【WordPress】投稿記事に公開期限を設定する便利プラグイン｜Post Expirator
例えば「会員特典！１ヶ月限定公開」といったページを作りたいと思った時に、ワードプレスの標準機能に投稿の期間を限定する機能（一定期間後に非公開・下書きに戻す）といった設定は（知る限りでは）無いですが、もし実現したいと思った場合は、プラグインを...
WordPress(ワードプレス) 
WordPress(ワードプレス) 【WordPress】Unsplashからワードプレスのメディアに画像を１クリックでアップロードできる便利プラグイン！Instant Images – One Click Unsplash Uploads
unsplash.comさんはWEBサイトのモックを作ったりする際にとても役に立ちますが、WordPressで利用させていただこうと思った際には、一旦素材を検索して、メディアにアップロードして…という手間がかかります。そんな時は「Insta...
jQuery（ジェイクエリ） 【jQuery】Uncaught TypeError: $(…).on is not a function が表示される？
Uncaught TypeError: $(…).on is not a function jQueryが動かないと思ってConsoleを見ていると「Uncaught TypeError: $(…).on is not a function...
Marketing(マーケティング) 【WEBライティング】文章の不思議…なぜか読めてしまう文章｜タイポグリセミア(Typoglycemia)
いきなりですが、まずはこちらの文章をお読み下さい。こんちには みさなん おんげき ですか？ わしたは げんき です。この ぶんょしう は いりぎす の ケブンッリジ だがいく の けゅきんう の けっか にんんげ は もじ を にしんき す...
Mac(マック) 【Mac】Safari～ダウンロードしたzipファイルが自動的に解凍されてしまう場合の対処法
MacBookAirでzipファイルをダウンロードした時に起こってしまう問題のひとつが「zipファイルをダウンロードした時に自動で解凍されてしまう」という問題です。Macの便利機能でもあるわけですが、しかしzipファイルの状態でアップロード...
CSS(シー・エス・エス) 【CSS】疑似要素:before/:afterのcontent内で改行をする方法
「疑似要素:before」のcontent内で改行したい…と思ったときに、どうやって？という壁にあたったので、その方法について紹介したいと思います。white-space: preを使う改行したい位置で \A を入力し、white-spac...
SEO(検索エンジン最適化) ナレッジカード（Knowledge Cards）とは？SEOで押さえておくべきアンサーボックスについて
ナレッジカード（Knowledge Cards）とは？ナレッジカード（Knowledge Cards） とは、アンサーボックス（Google検索で通常の検索表示のURLやタイトルと別にページ最上部に回答が表示される部分）のひとつで、画面の右...
SEO(検索エンジン最適化) 【SEO】強調スニペットとは？検索でページの内容を記述したスニペット
SEOでよく出てくるキーワード「強調（きょうちょう）スニペット」とは一体・・・？強調スニペットとは？強調スニペットとは、Googleで検索した時にページへのリンクより先にそのページの内容を記述したスニペットが表示されているスニペットのことで...
WordPress(ワードプレス) 【WordPress】3D FlipBook プラグイン｜PDFを本を読んでいるようにページめくりができるようになる便利プラグイン！
ワードプレスでPDFを表示させたいときには、メディアにアップロードしてリンクを貼ればPDFファイルを開いてが閲覧できるのですが、3D FlipBook – PDF Flipbook Viewer, Flipbook Image Galler...
jQuery（ジェイクエリ） 【jQuery】JSの.onloadとjQueryの$().readyの違いについて
window.onloadとjQueryの$(document).readyは同じではないのか…？と思っていましたが、意味が違っていたようなので、その違いについて書いてみます。window.onload = function()target...
WordPress(ワードプレス) WordPressでgif画像が動かない（アニメーションしない）時に見るべき２つのポイント
このページに訪問している方は「wordpress gif 動かない」といったキーワードで検索された方が多いかと思います。おそらく原因は今回の２つのどちらかかな？と思われます。今回は、その場合の対処法についてご紹介をしていきます。メディアの画...
jQuery（ジェイクエリ） 【jQuery】画面をスクロールして画面に入った時に画像や要素をふわっと表示させる方法（CSS）
CSSで「要素が画面に入ったタイミングでフェードインしながらふわっと表示させたい」と思ったときに使える方法です。要素をふわっとフェードインさせたいと思ったときには、jQueryを使って表示させることができます。▶サンプルページはこちらscr...
WordPress(ワードプレス) 【WordPress】Imsanity｜画像をアップロードする時に自動リサイズしてくれる便利プラグイン！
WordPressで画像をアップロードするときにスマホで撮影した画像をそのままアップロードしてしまうとワードプレス本体の容量が気がついたら膨大なサイズになってしまう可能性があります。そんな時は「Imsanityプラグイン」を使って自動リサイ...
PremierePro(プレミアプロ) 【PremierePro】2021新機能の「自動文字起こし」機能を使う方法～音声を自動テキスト化できる新機能｜【自動テロップ作成】
プレミアプロの2021年版には新機能で「自動文字起こし」機能が搭載されています。今回はPremiereProの自動文字起こしを使ってみたいと思います。テキストパネル【新】新しく「テキスト」というパネルが登場しています。こちらが今回のプレミア...
CSS(シー・エス・エス) 【CSS】（蛍光ペン風）文字にマーカーが引かれたような下線デザインを作る方法｜background: linear-gradient
文字の下半分に「マーカーで引いたような線を入れたい」と思った時に使える方法です。CSSで簡単に加工できますので、ぜひお試しください。文字の下半分にマーカーのような線を引くbackground: linear-gradientを使います。li...
WordPress(ワードプレス) 【WordPress】Amazon LightsailでWordPressを公開するまでの流れについて（その１）
Amazon Lightsailを使ってWordPressを公開するまでの流れについてまとめてみました。Amazon Lightsailとは？Lightsail は使いやすい仮想プライベートサーバー (VPS) プロバイダーであり、アプリケ...
WordPress(ワードプレス) 【ワードプレス】ページ内におみくじアプリを作る｜JavaScriptで作るおみくじサンプルプログラム（part１）
WordPressで投稿ページ内に「おみくじを引く」のようなページを作りたいと思った時に「ボタンを押して結果を表示させる」くらいのページであれば、割と簡単に出来ますのでぜひ試してみてもらえればと思います。ボタンを作るまずは、クリックするため...
CSS(シー・エス・エス) 【CSS】背景画像に半透明のレイヤーを重ねる方法｜疑似要素::after
「背景画像を配置してその上に文字を配置」などをした場合、背景画像が明るすぎて文字が見えない…という場合もあるかと思います。そのような時に使える方法です。普通に画像に半透明の黒画像を重ねて画像化して配置しても良いのですが、それだと芸が無いのと...
WordPress(ワードプレス) 【ワードプレス】cocoonテーマで投稿ページ内の投稿者の表示部分を消す方法（追加CSS）
時折「cocoonテーマを使っている時に投稿記事の右下にある投稿者の表示部分を消したい…」というお尋ねがあります。（現時点では）どうやら非表示にする機能が無ようなのですが、CSSを使って消す（非表示にする）ことが可能です。追加CSSを使って...
CSS(シー・エス・エス) 【CSS】背景画像（background-image）を横幅100%に広げる方法【レスポンシブWEBデザイン】
「CSSで背景画像を画面幅いっぱいに広げたい」という時に使える方法です。背景画像を配置しただけでは、必ずしも画面幅いっぱいに広がる訳ではなく、no-repeatなどを指定した場合、左上の方に１枚ポツンと表示されてしまったりします。このような...
WordPress(ワードプレス) 【WordPress】画像のマウスオーバー時に表示画像を切り替える方法！プラグインなしでも可能
ワードプレスで「画像にマウスオーバーさせた時に画像が切り替わるようにしたい」と思う時もあるかと思います。そのような時に使える方法です。直接書く方法とプラグインを使う方法です。まずは、表示させる画像、マウスを乗せた時に切り替わる画像の２つの画...
GoogleSpreadsheet(スプレッドシート) 【Googleスプレッドシート】記事一覧からタイトルを抽出して表示させる便利な関数｜ IMPORTXML関数
「URLの一覧からすべてのページタイトルを一気に取得したい」という、こんな時に使えるのがGoogleスプレッドシート独自の便利関数「IMPORTXML関数」です。IMPORTXML関数とは？=IMPORTXML(“URL”, “XPathク...
WordPress(ワードプレス) 【WordPress】パーマリンク設定は要注意！全部のページが開けなくなるリスク有り！※途中での変更は基本NG！
「パーマリンク設定はくれぐれも気をつけましょう」という話をいつもさせてもらっているのですが、おそらくパーマリンクについて知らない方も少なくないかと思いますので、今回は改めて「パーマリンク設定」とは何か？についてと注意点をお伝えしたいと思いま...
CSS(シー・エス・エス) 【CSS】文字の行右端の位置が合わない…？時に使えるjustify（均等割り付け）の方法｜text-align
p(段落)でテキストを入れた時に、右側の端が微妙に合わない…？という状態になっていました。そんな時は「text-align プロパティに「justify」を指定する」という方法で、CSSの両端揃え(均等割り付け)を設定すると、行の右端も揃え...
CSS(シー・エス・エス) 【CSS】メディアクエリ(Media Queries)の「only」とは何か？という素朴な疑問について
メディアクエリ(Media Queries)にonlyがある場合と無い場合があることに今さらながら気付きましたが、このonlyがある場合と無い場合の違いとは何か…？について書いてみます。そもそもメディアクエリ(Media Queries)と...
WordPress(ワードプレス) 「Query Monitor」WordPress が重い時は？クエリ（検索）に掛かる時間を調べることができるプラグイン
WordPressで記事数や画像が増えてくると、段々と表示時間や検索したときの検索結果に時間が掛かるようになっていきます。もしかすると、クエリ（検索）に時間が掛かっている原因がなにかあるかもしれません。そのようなときは「Query Moni...
WordPress(ワードプレス) Akismet（アキスメット）プラグインとは？スパム対策にオススメのWordPressプラグイン
ワードプレスで記事を書いて公開している際のひとつの悩みが「スパムコメントが大量に入ってくる…」という点かと思います。放置しておくと、すさまじい数のスパムコメントが…。このようなときに役立つプラグインが「Akismet（アキスメット）」です。...
Marketing(マーケティング) 「隣の芝生は青く見える」とは何か？意味・由来や語源とは？使用例について
「隣の芝生は青く見える」という言葉（ことわざ？）は、よく聞くかと思いますが、こちらの言葉の意味や語源について紹介していきます。「隣の芝生は青く見える」とは？「隣の芝生は青く見える」とは「隣の芝生は青い(となりのしばふはあおい)」という、隣の...
Landing Page（ランディングページ） 初心者向け！【ランディングページ（LP）とは？】LPの解説と作り方について
「ランディングページ（Landing Page）」という言葉はよく聞くけど一体…という方も多いかと思います。本日はそのような方々のためにランディングページ（通称：LP）というものについてご紹介していきます。ランディングページとは「ランディン...
Marketing(マーケティング) 【マッチングリスク意識とは？】消費者が買わない理由を解消して購入確率を上げるマーケティング方法
物の購入やサービスの契約をする際に「もし○○だったらどうしよう…」といった不安や「もし壊れたら」「もっといいものが出たら」といった様々な疑問や考えが出てくるかと思います。そのような時は「マッチングリスク意識」を考えるとよいかと思います。マッ...
