Marketing(マーケティング) 【ムンカー錯視（Munker Illusion）】とは？知覚効果の面白トリック
まずは、表題の画像をご覧ください。この２つの丸の図形、実は同じ色なんです。ムンカー錯視（Munker Illusion）とは？ムンカー錯視（Munker Illusion）とは、「同じ色の図形が周辺の領域によって異なる色に見える知覚効果」の...
Marketing(マーケティング) 
WordPress(ワードプレス) 【WordPress】Favoriteプラグインで登録したお気に入りの一括削除機能を実装する方法
前回まで「Favoriteプラグイン」（便利です！）でお気に入り・ブックマーク登録機能を簡単に実装しましたが、この「お気に入り登録」したブックマークを削除するにはどうすれば？ということで一括削除機能を追加しました。１件ずつ削除するにはページ...
PremierePro(プレミアプロ) 【2021年版】Premiere Proで使えるオススメのテキストテンプレート！Graphics Pack for Premiere Pro（有料高品質テンプレ）
プレミアプロで使えるオシャレなテキストテンプレートを探している方も多いかと思いますが、ひと味レベルの高いテキストアニメーションを作成したい場合は、こちらの「envatomarket」のPremiereProのテンプレートパックの購入がオスス...
PremierePro(プレミアプロ) 【Envato Market】インパクトでEnvatoリンクの作成と設定方法｜How to use impact for Envato
アフィリエイトサービスプロバイダー・インパクト（Impact）を使ってEnvato Marketで配布されている素材を紹介する手順です。PremiereProやWordPressの素材も多数配布されています。Envato Market（エン...
WordPress(ワードプレス) 【ワードプレス】「Easy Textillate」文字にテキストアニメーションをつけることができる便利プラグイン！
ワードプレスはプラグインを使って色々なことができてしまうわけですが、テキストアニメーションもプラグインで作ってしまうことが可能です！※このようなテキストを表示できます。このようなテキストアニメーションを作ることができます。Easy Text...
CSS(シー・エス・エス) 【CSS】マウスカーソルの形状を変える方法「cursor」プロパティ
例えばdivでボタンっぽい形状を作った時にリンクが貼られていないと（例えばクリックイベントなどで）ボタンが通常の三角形のマウス形状のままになってクリックできるのだろうか？と一瞬違和感を感じてしまう可能性があります。ボタンをクリックであれば、...
WordPress(ワードプレス) 【ワードプレス】「投稿の抜粋」の文字数を増やす・記事の抜粋の長さを変える｜the_excerpt()
「the_excerpt()」を使うと、投稿の抜粋を出力することができます。デフォルトでは、抜粋の長さは 55 単語になっているようです（日本語などマルチバイト文字では110文字）。そして、本文の抜粋＋という表記で表示されます。このテンプレ...
WordPress(ワードプレス) 【WordPress】投稿日時を投稿からの経過時間表示（○分前・○日前）に変える方法｜human_time_diff
投稿日時を経過時間の表示（○分前・○日前）に変えたい…と思った時に使える方法です。the_time日にちの表示はthe_timeで表示できます。<?php the_time("F d, Y"); ?>そうすると、「 10月 18, 2021...
CSS(シー・エス・エス) 【CSS】Grid Layout(グリッドレイアウト)で横縦縦縦の1×3のレイアウトを作る方法
以前にもGrid Layout(グリッドレイアウト)の話を書いたのですが、またまた分からなくなったので、改めて復習をしたいと思います。▼サンプルページはこちら基本「 display: grid; 」と書く Grid Layout(グリッドレ...
WordPress(ワードプレス) 「Ajax Load More」WordPressでインデックスページのコンテンツを無限スクロールできるワードプレスプラグイン
ワードプレスのブログ記事一覧ページは、記事の数が多いと「次のページ」といったボタンに切り替わって、「次のページ」を押すたびにページが切り替わります（テーマによりですが標準は）。このインデックスページを無限スクロールしたい場合に使える方法です...
CSS(シー・エス・エス) 【CSS】ボタンにマウスオーバーしたら画面いっぱいに要素が広がるアニメーションを作ってみる
ボタンにマウスオーバーしたタイミングで、要素が画面いっぱいに広がって埋め尽くす、といったアニメーションを作ってみます。▼demoページはこちらCSSでアニメーションを設定するまずは、ボタンを作ります。HTMLでdivボックスを作ります。<d...
Job(仕事) パートの場合、職業（しょくぎょう）と聞かれたらなんと答えればよいのか？
「パートで働いています」という時は、職業はなんと答えればよいのでしょうか？パートの場合、職業（しょくぎょう）と聞かれたら？雇用形態ごとに「職業」を分類するという方法があります。「サラリーマン」や「OL」などフルタイム勤務の場合は職業は「会社...
Scratch(スクラッチ) 【Scratch(スクラッチ)】変数と乱数を使ってスプライトをランダム表示させる方法（乱数の発生）
スプライト（１～５）を変数と乱数を使ってランダムに表示させる方法です。※プログラムサンプルはこちら（旗のボタンを押すとプログラムが実行されます）↑動画解説は上記Youtubeをご覧ください。まずはスプライトを作成するまずは、「スプライトを選...
WordPress(ワードプレス) An error occurred. Sorry,the page you are looing for is currently unavailable. が表示された場合
An error occurred. Sorry,the page you are looing for is currently unavailable.Please try again later.If you are the syst...
WordPress(ワードプレス) 「All-in-One WP Migrationプラグイン」WordPressのバックアップ＆サイトの引っ越しはAll-in-One WP Migrationが便利！本番サイト公開手順
ワードプレスには、様々なバックアップ＆お引越しプラグインがありますが、こちらの「All-in-One WP Migration」は簡単かつスムーズに、ワンクリックでバックアップやドメインの引越しをすることができる便利なプラグインです。プラグ...
WordPress(ワードプレス) 【WordPress】投稿記事に公開期限を設定する便利プラグイン｜Post Expirator
例えば「会員特典！１ヶ月限定公開」といったページを作りたいと思った時に、ワードプレスの標準機能に投稿の期間を限定する機能（一定期間後に非公開・下書きに戻す）といった設定は（知る限りでは）無いですが、もし実現したいと思った場合は、プラグインを...
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...
