WordPress(ワードプレス) 【WordPress】Amazon LightsailでWordPressを公開するまでの流れについて（その１）
Amazon Lightsailを使ってWordPressを公開するまでの流れについてまとめてみました。Amazon Lightsailとは？Lightsail は使いやすい仮想プライベートサーバー (VPS) プロバイダーであり、アプリケ...
WordPress(ワードプレス) 
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で作ってみました。需要があるのかは良く分かりませんが、もし必要な方がいましたら、お気軽にご連絡下さいませ。
Marketing(マーケティング) 【AIDCAS（アイドカス）の法則とは？】プラスの欲求で購入を促す展開マーケティング方法
AIDCAS（アイドカス）の法則とは？AIDCAS（アイドカス）の法則とは、消費者が商品を購入するときの心理または一連の行動を分析し、その心理に沿った展開を行う手法のひとつです。「Attention」「Interest」「Desire」「C...
WordPress(ワードプレス) 【WordPress】便利！Googleスプレッドシートの表データをワードプレスの投稿ページ内に出力表示するプラグイン「Inline Google Spreadsheet Viewer」
「Googleスプレッドシートに入力されているデータをWordPressの投稿画面に表示させたい」と思うこともあるかもしれません。例えば「WordPressの管理画面側は扱ってほしくはないけど表は編集してユーザーさんに見えるようにしてほしい...
SNS(ソーシャルネットワーキングサービス) 【SNS運用者必見】OGP（Open Graph Protocol）とは？OGPの設定方法とシミュレータについて
みなさん、OGPという言葉をご存知でしょうか？OGPとは「Open Graph Protcol」の略で、主に「Facebook」「Twitter」といったSNS（Social Networking Service）で投稿をする際に、記事やW...
Youtube(ユーチューブ) 【著作権フリーのBGM】Youtubeでも使える無料サイト＆有料サイト
Youtube動画を作成する際には「Youtubeでも使える著作権フリーのBGMや音楽素材を配布しているサイトが知りたい」と考えることがあるかと思います。商用利用しても大丈夫かな？と考えた時、音楽素材を提供しているサイトも中にはあります。。...
GoogleSpreadsheet(スプレッドシート) 【Googleシート】ABCDEFG〜のようにアルファベッドの連続データをオートフィルで入力する方法〜CHAR関数｜EXCELも可。
Excelでも使えます。Googleスプレッドシートを使って、ABCDEFG〜とアルファベッドの連番をオートフィルして入力する方法です。CHAR関数を使えば簡単にできる「CHAR関数」を使えば簡単にできます。CHAR関数とは「数値で指定され...
WordPress(ワードプレス) 【WordPress】データをインポート・エクスポートする方法（基本機能）ワードプレスのバックアップ
ワードプレスは基本メニューの中にデータの「インポート」「エクスポート」機能があり、固定ぺージや投稿の文章の文字情報のバックアップだけでよければ、こちらのバックアップでも事足りる場合があります。（画像やテーマなどの情報は含まれずあくまで投稿の...
WordPress(ワードプレス) 【WordPress】本体（プラグイン・テーマ）の更新通知を非表示（オフ）にする方法【プラグインなし】
WordPressの更新通知は、新しいワードプレスのバージョンやテーマやプラグインの更新があった際は通知を出してくれるので便利なのですが、例えば、オリジナルのシステムを組み込んでいる時などに管理者が更新をしてしまうことで不具合が生じてしまう...
