せなお

RutineLaboの管理人:せなお。 AIやITに関する情報発信中。ブログでは最高月間1.7万PVを達成YouTubeチャンネルも収益化に成功、総フォロワー数7,000人以上。 副業からスタートし、現在では月収10万円を達成しています。

【WordPress】ブログにYouTube動画を埋め込む方法と埋め込み動画のカスタマイズ方法の解説

今回はWebサイトやブログ記事に、パワポなどにも活用可能なYouTube動画を埋め込む方法をご紹介していきます。最近では、大宇画の需要が高まってきているので、ぜひ活用することで作成してコンテンツのクオリティUPが期待できます。   またワードプレスなのでブログを運営中の方にとっては、動画を埋め込むことが読者の滞在時間を伸ばすことができ、SEOにプラスに。       YouTube動画をWebページ、ブログ記事に埋め込む方法   基本的な「YouTube動 ...

【Visual Studio Code】で同じ単語や文字列を選択して一括編集する方法について

Visual Studio Code(VSCode)にて、コード・テキストの編集時にショートカットキーで同じ単語、文字列の範囲を全て選択して一括編集する手順を紹介します。   同じ単語、文字列の範囲を全て指定する 同じ単語、文字列の範囲を全て選択するには、指定したい複数あるうちのどれかの単語にカーソルを合わせるか、文字列の範囲を選択してショートカットキー「Shift + Ctrl + L」を選択してください。     スペースやカンマなどの区切り文字で区切られた単語あるいは文 ...

Googleドキュメントから写真や画像を一括でダウンロードする方法

Google Work  Spaceのアプリの中でもよく使われるアプリ「Googleドキュメント」。よく使う人は1度は思ったことがあるのでは愛でしょうか…     今回はそんな疑問を解決するために、ドキュメント内の写真や画像データを一括でダウンロードする方法について解説します。     Googleドキュメントから写真や画像をダウンロードする手順 それではGoogleドキュメントから写真や画像をダウンロードする手順を解説していきます。ドキュメント内に保存したい画像データがある ...

【WordPress】ソースコードを埋め込むプラグイン「Enlighter – Customizable Syntax Highlighter」

今回はWordPressにおける、ソースコードの挿入についてのオススメのプラグインについて解説します。   以前の「CodeMirror Blocks」というプラグインを紹介しましたが、オススメのものが他にも存在するので使いやすいものをご使用していただけれたらと思います。   今回おすすめのプラグインは「Enlighter – Customizable Syntax Highlighter」です。       Enlighter – Customizable Syn ...

「Googleスライド」の背景の設定と図形を半透明にする方法について解説

今回は「Googleスライド」の背景画像の編集方法と背景画像をちょっといい感じにできるような設定を紹介していきたいと思います。   最近「Google Work Space」が以前より使われるようになり、ドキュメントやスプレッドシート、なども使われる機会が多くなってきております。その中でも、クラウド上にデートがあり、共有機能などのとても便利な仕組みの反面従来使われていたOfficeソフトより使い方が慣れていない分、編集方法に苦戦する方も多くいるかと思います。   今回はプレゼンソフトの ...

【Mac】画面を録画して、「GIFアニメーション」に変換する方法【簡単!!】

今回は、MacBookの画面収録にて「GIFアニメ」の作成方法いついての解説を行います。   ブログ運営などにおいても、手順のプレビューの見本として貼り付けるときなどにおすすめなので、参考にしてみてください。     「GIFアニメ」とは? 「GIFアニメーション」は、複数の静止画をひとつの動画のようにコマ送りで表示。その結果、動いているように見せることのできる画像フォーマットのことを指します。   動きで見える分、静止画よりも直感的にわかりやすく伝えられるのがメリットになり ...

【WordPress】ソースコードを埋め込みたい時にオススメのプラグイン「CodeMirror Blocks」を解説

  今回は、 こんな感じの疑問を解決したいと思います。   解決策としては、 wordPressのプラグイン「CodeMirror Blocks」を ソースコードをハイライトにしていきます。   このプラグイン機能を使うことで、100種類以上のプログラミング、スクリプト、マークアップ、メタ言語がサポートされており、50種類以上のテーマが用意されています。   自分の好みのテーマを使用することで、格好いい感じのソースコードをWordPressで扱うことができるので、オ ...

イラスト

【AFFINGER6】スマホトップページのヘッダー高さ・アイコンの調整方法解説

今回は、WordPressテーマ「AFFINGER」における、スマホヘッダーのデザインのカスタマイズ方法について解説していきます。   紹介するカスタマイズは以下の通りです。 について紹介していきます。   今回は、CSSにてデザインの編集を行っていくので、作業前に必ずバックアップをとておくようにしておきましょう!     ハンバーガーメニューとは   ハンバーガーメニューとは、ヘッダー部分に表示されているクリックするとメニューが開かれるアイコンのことを指 ...

イラスト

WordPressプラグイン「Q2W3 Fixed Widget」でサイドバーを固定・追従させてみる

アフィリエイトをやっていたり、商品を販売している方は、WordPressにて自身のブログのサイドバーに広告やフォーム貼り付けるかと思います。   しかし、そういった広告などもスクロールしていくとと途中で見えなくなってしまう…   こうった問題を今回はワードプレスのプラグイン機能を使って解消していきたいと思います!   作業手順や方法はものすごく簡単なので、誰でも簡単に行えるかと思います。         WordPressプラグイン「Q ...