URLをコピーしました!
スキルアップを始める!
WordPress(ワードプレス)

【ワードプレス】「投稿の抜粋」の文字数を増やす・記事の抜粋の長さを変える|the_excerpt()

「the_excerpt()」を使うと、投稿の抜粋を出力することができます。デフォルトでは、抜粋の長さは 55 単語になっているようです(日本語などマルチバイト文字では110文字)。そして、本文の抜粋+という表記で表示されます。 このテンプ...
WordPress(ワードプレス)

【WordPress】投稿日時を投稿からの経過時間表示(○分前・○日前)に変える方法|human_time_diff

投稿日時を経過時間の表示(○分前・○日前)に変えたい…と思った時に使える方法です。 the_time 日にちの表示はthe_timeで表示できます。 <?php the_time("F d, Y"); ?> そうすると、「 10月 18, ...
CSS(シー・エス・エス)

【CSS】Grid Layout(グリッドレイアウト)で横縦縦縦の1×3のレイアウトを作る方法

以前にもGrid Layout(グリッドレイアウト)の話を書いたのですが、またまた分からなくなったので、改めて復習をしたいと思います。 ▼サンプルページはこちら 基本「 display: grid; 」と書く Grid Layout(グリッ...
WordPress(ワードプレス)

「Ajax Load More」WordPressでインデックスページのコンテンツを無限スクロールできるワードプレスプラグイン

ワードプレスのブログ記事一覧ページは、記事の数が多いと「次のページ」といったボタンに切り替わって、「次のページ」を押すたびにページが切り替わります(テーマによりですが標準は)。このインデックスページを無限スクロールしたい場合に使える方法です...
CSS(シー・エス・エス)

【CSS】ボタンにマウスオーバーしたら画面いっぱいに要素が広がるアニメーションを作ってみる

ボタンにマウスオーバーしたタイミングで、要素が画面いっぱいに広がって埋め尽くす、といったアニメーションを作ってみます。 ▼demoページはこちら CSSでアニメーションを設定する まずは、ボタンを作ります。 HTMLでdivボックスを作りま...
Job(仕事)

パートの場合、職業(しょくぎょう)と聞かれたらなんと答えればよいのか?

「パートで働いています」という時は、職業はなんと答えればよいのでしょうか? パートの場合、職業(しょくぎょう)と聞かれたら? 雇用形態ごとに「職業」を分類するという方法があります。 「サラリーマン」や「OL」などフルタイム勤務の場合は職業は...
Scratch(スクラッチ)

【Scratch(スクラッチ)】変数と乱数を使ってスプライトをランダム表示させる方法(乱数の発生)

スプライト(1~5)を変数と乱数を使ってランダムに表示させる方法です。 ※プログラムサンプルはこちら(旗のボタンを押すとプログラムが実行されます) ↑動画解説は上記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

例えば「会員特典!1ヶ月限定公開」といったページを作りたいと思った時に、ワードプレスの標準機能に投稿の期間を限定する機能(一定期間後に非公開・下書きに戻す)といった設定は(知る限りでは)無いですが、もし実現したいと思った場合は、プラグインを...
WordPress(ワードプレス)

【WordPress】Unsplashからワードプレスのメディアに画像を1クリックでアップロードできる便利プラグイン!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-sp...
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() targ...
WordPress(ワードプレス)

WordPressでgif画像が動かない(アニメーションしない)時に見るべき2つのポイント

このページに訪問している方は「wordpress gif 動かない」といったキーワードで検索された方が多いかと思います。おそらく原因は今回の2つのどちらかかな?と思われます。今回は、その場合の対処法についてご紹介をしていきます。 メディアの...
Kindle Unlimited 会員は無料で購読できます
購読はこちら
Kindle Unlimited 会員は無料で購読できます
購読はこちら