WordPress(ワードプレス) お名前ドットコムでWordPressを始める方法｜RSプラン｜レンタルサーバー
お名前ドットコム（RSプラン）でワードプレスを始める手順
お名前ドットコム（RSプラン）でWordPressを立ち上げるまでのステップです。手順通りに進めるとワードプレスを始めることができます！
お名前ドットコムレ...
WordPress(ワードプレス) 
Marketing(マーケティング) 【ムンカー錯視（Munker Illusion）】とは？知覚効果の面白トリック
まずは、表題の画像をご覧ください。この２つの丸の図形、実は同じ色なんです。
ムンカー錯視（Munker Illusion）とは？
ムンカー錯視（Munker Illusion）とは、「同じ色の図形が周辺の領域によって異なる色に...
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 Mark...
WordPress(ワードプレス) 【ワードプレス】「Easy Textillate」文字にテキストアニメーションをつけることができる便利プラグイン！
ワードプレスはプラグインを使って色々なことができてしまうわけですが、テキストアニメーションもプラグインで作ってしまうことが可能です！
※このようなテキストを表示できます。
このようなテキストアニメーションを作ることがで...
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"); ?>
...
CSS(シーエスエス) 【CSS】Grid Layout(グリッドレイアウト)で横縦縦縦の1×3のレイアウトを作る方法
以前にもGrid Layout(グリッドレイアウト)の話を書いたのですが、またまた分からなくなったので、改めて復習をしたいと思います。
基本「 display: grid; 」と書く
Grid Layout(グリッドレイアウ...
WordPress(ワードプレス) 「Ajax Load More」WordPressでインデックスページのコンテンツを無限スクロールできるワードプレスプラグイン
ワードプレスのブログ記事一覧ページは、記事の数が多いと「次のページ」といったボタンに切り替わって、「次のページ」を押すたびにページが切り替わります（テーマによりですが標準は）。このインデックスページを無限スクロールしたい場合に使える方法で...
CSS(シーエスエス) 【CSS】ボタンにマウスオーバーしたら画面いっぱいに要素が広がるアニメーションを作ってみる
ボタンにマウスオーバーしたタイミングで、要素が画面いっぱいに広がって埋め尽くす、といったアニメーションを作ってみます。
▼demoページはこちら
CSSでアニメーションを設定する
まずは、ボタンを作ります。
...
Scratch(スクラッチ・すくらっち) 【Scratch(スクラッチ)】変数と乱数を使ってスプライトをランダム表示させる方法（乱数の発生）
スプライト（１～５）を変数と乱数を使ってランダムに表示させる方法です。
※プログラムサンプルはこちら（旗のボタンを押すとプログラムが実行されます）
まずはスプライトを作成する
まずは、「スプライトを選ぶ」から新し...
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 sys...
WordPress(ワードプレス) 【最強のお引越しプラグイン】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で利用させていただこうと思った際には、一旦素材を検索して、メディアにアップロードして…という手間がかかります。そんな時は「Inst...
jQuery（ジェイクエリ） 【jQuery】Uncaught TypeError: $(…).on is not a function が表示される？
Uncaught TypeError: $(…).on is not a function
jQueryが動かないと思ってConsoleを見ていると「Uncaught TypeError: $(…).on is not a fu...
Marketing(マーケティング) 【WEBライティング】文章の不思議…なぜか読めてしまう文章｜タイポグリセミア(Typoglycemia)
いきなりですが、まずはこちらの文章をお読み下さい。
こんちには みさなん おんげき ですか？ わしたは げんき です。この ぶんょしう は いりぎす の ケブンッリジ だがいく の けゅきんう の けっか にんんげ は もじ を に...
Mac(マック) 【Mac】Safari～ダウンロードしたzipファイルが自動的に解凍されてしまう場合の対処法
MacBookAirでzipファイルをダウンロードした時に起こってしまう問題のひとつが「zipファイルをダウンロードした時に自動で解凍されてしまう」という問題です。Macの便利機能でもあるわけですが、しかしzipファイルの状態でアップロー...
CSS(シーエスエス) 【CSS】疑似要素:before/:afterのcontent内で改行をする方法
「疑似要素:before」のcontent内で改行したい…と思ったときに、どうやって？という壁にあたったので、その方法について紹介したいと思います。
white-space: preを使う
改行したい位置で \A を入...