WordPress(ワードプレス) 【WordPress】3D FlipBook プラグイン｜PDFを本を読んでいるようにページめくりができるようになる便利プラグイン！
ワードプレスでPDFを表示させたいときには、メディアにアップロードしてリンクを貼ればPDFファイルを開いてが閲覧できるのですが、3D FlipBook – PDF Flipbook Viewer, Flipbook Image Galler...
2021
WordPress(ワードプレス) 
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(マーケティング) 【マッチングリスク意識とは？】消費者が買わない理由を解消して購入確率を上げるマーケティング方法
物の購入やサービスの契約をする際に「もし○○だったらどうしよう…」といった不安や「もし壊れたら」「もっといいものが出たら」といった様々な疑問や考えが出てくるかと思います。そのような時は「マッチングリスク意識」を考えるとよいかと思います。マッ...
Instagram(インスタグラム) 【Instagram利用者必見！】linktree（リンクツリー）とは？SNSのリンク集を作って訪問者にアクションを促す便利サービス
みなさん「linktree（リンクツリー）」というサービスをご存知でしょうか？こちらのlinktreeを使うと主にInstagram（インスタグラム）やTwitterなどで使える便利なリンク集を、あっという間に作ることができます。lit.l...
CSS(シー・エス・エス) 【パララックスページ】HTMLとCSSを使ってパララックスサイトを作る方法【視差効果】
ワードプレスなどでパララックスページを作りたいと思った時に、「そもそもどうやって作るんだろう？」という疑問が出るかと思います。かくいう僕も同じ疑問でパララックスの壁にぶち当たりました。そのような時に参考にしてみていただければと思います。以前...
WordPress(ワードプレス) 【ワードプレス】「このサイトで重大なエラーが発生しました。対応手順については、サイト管理者のメール受信ボックスを確認してください。」が表示された場合
WordPress（ワードプレス）で「このサイトで重大なエラーが発生しました。」と表示された時の御参考にどうぞ。更新の途中であれば本体のファイル欠損の可能性？もし「ワードプレス本体の更新」の最中でエラーが発生したとなれば、本体のファイルの欠...
Marketing(マーケティング) 【バーナム効果とは？】誰でも当てはまりそうな事に対して自分だけと捉えてもらって心を掴み興味を持ってもらう心理効果
バーナム効果とは？「バーナム効果（Barnum effect）」とは、誰にでも当てはまるような曖昧なことを、自分や自分が属するコミュニティなどだけに当てはまるものと捉える心理効果のこと。フィニアス・テイラー・バーナム氏が提唱されています。心...
WordPress(ワードプレス) Crop-Thumbnailsプラグインでサムネイル画像をOGPに反映させてTwitterのサムネイルを好みの位置で表示させる【ワードプレス】
OGP（Open Graph Protocol）については今まであまり考えていなかったのですが、こちらのWordPressプラグイン「Crop-Thumbnails」で「任意の位置のCrop画像」をOGPに設定するには一体どうすれば…という...
GoogleSpreadsheet(スプレッドシート) 【Googleスプレッドシート】条件付き書式で土日のみセルや行列に背景色を付ける方法（EXCELも可）
例えばGoogleスプレッドシートで「見やすいように土日のみセルや行列に背景色を付けておきたい」と考えることはあるかと思います。これを毎回手作業で塗りつぶしをしていたら、時間も掛かりますし曜日を間違えたり曜日が変わった時に手作業で修正をする...
Free-Sozai(フリー素材) 「吹き出し」の画像（透過済）フリー素材
吹き出し」の画像素材（透過済）を作ってみました。需要があるのかは良く分かりませんが、もし必要な方がいましたらお気軽にご連絡下さいませ。
Free-Sozai(フリー素材) 「SAMPLE」の画像（透過済）フリー素材
「SAMPLE」の画像素材（透過済）をillustratorCCで作ってみました。需要があるのかは良く分かりませんが、もし必要な方がいましたら、お気軽にご連絡下さいませ。
