画面キャプチャ無料ソフトFastStone Capture|ダウンロードと使い方 2025.01.28 ツール ネットビジネス wordpress 記事作成 ツール デザイン Windowsで画面キャプチャといえば附属の「Snipping Tool」がありますが、一旦キャプチャした後に、もう少し端を削っておきたいなど、より綺麗に切り取りたい場合には、ここで紹介する「FastStone Capture」が超おすすめです。私も以前から愛用の無料ソフトで(最新のものは動画の機能もついた有...
ブログのデザインカスタマイズ!Google Chromeの開発者ツールでCSSを思いのままに操る! 2024.08.24 ツール ネットビジネス wordpress ツール デザイン デザインカスタマイズでは多少なりとも必要となるHTMLとCSS。ゼロから全て学ぼうとすると、時間もかかりかなり大変なことですが、深く広く全て知る必要はなく、ポイントをおさえて必要な所のみを学んでいく、という姿勢で十分です。(この記事を読めばコピペを基本に覚えれば良い!といった感覚になるはずです(笑))まずは他...
画像リサイズで容量圧縮!フリーソフトPhotoScapeを使えば簡単にできる 2024.08.09 ツール ネットビジネス wordpress ツール デザイン パソコン ブログに貼る画像の容量を圧縮したい!などで縦横サイズを変更したい(リサイズしたい)場合、フリーソフトのPhotoScape(PhotoScape X)を使えば一瞬で簡単にできます。以下早速 PhotoScape を使ってリサイズする方法を見て行きましょう。PhotoScapeをまだ使ったことがない、という場合...
ヘッダー画像、アイキャッチ、説明画像の簡単な作り方(パソコン編)!画像編集ソフト以外で自由にサクッと作成する方法 2024.04.10 ツール ネットビジネス wordpress ツール デザイン ブログで個性を放つには欠かせない、といったら何といっても画像。特に「ヘッダー画像」「アイキャッチ画像」(サムネイル画像)、「説明用の画像」ですが、文字入れしたり(更に縁取り入れたり)するのに画像編集ソフトを使う場合も多いと思います。(youtubeのアイキャッチ画像も同様)でも実は、パソコンに入っている「パワ...
【WordPress】管理画面や記事作成画面にCSSを反映させる方法!プラグインを使って簡単に行うには 2023.12.15 CSS ネットビジネス wordpress 記事作成 デザイン CSS ワードプレスログイン後の管理画面(記事投稿一覧など)や記事編集画面(エディタ―)でCSSを追加・反映させる方法の解説。CSSを反映させる基本はテーマのための関数(functions.php)に関数追加して… となりこれは結構面倒。ここではプラグインを使って簡単に管理画面にCSSを追加する方法をご紹介。
【ヘッダタイトル】文字だけのロゴ画像の作り方!背景を透明にする方法(PhotoScape編) 2023.11.16 カスタマイズ ネットビジネス wordpress デザイン カスタマイズ ブログのヘッダー画像を設定すると、テーマによってはそのヘッダー画像の上にサイトタイトルやキャッチフレーズが表示されるものがあります。(Cocoonなど)背景の画像の上にタイトルの文字が乗るため、背景の画像に溶け込んだりしてタイトルの文字が見づらくなる場合がありますが、こうした時には文字だけのロゴ画像を作成して...
画像の縦サイズを縮める!いらない部分をカットする加工編集の方法(PhotoScape編) 2023.08.09 ツール ネットビジネス wordpress ツール デザイン パソコン ブログに画像を貼りつける場合、最近は特にスマホで撮影した画像を使うことが多いことから、縦長の画像になる場合も多いと思います。縦長は縦長で良いですが、アドセンスの審査段階では、アドセンスのポリシー違反にならないよう、上下の余分なところはカット(トリミング)しておくと良いですね。ここでは無料のおすすめソフト Ph...
ブログ記事一覧のサムネイル画像をマウスオーバーで拡大させる!CSSで簡単カスタマイズ 2023.08.06 CSS ネットビジネス wordpress デザイン カスタマイズ CSS ブログの記事一覧表示にアイキャッチ画像(サムネイル画像)を表示している場合が多いですが、その画像にカーソルを乗せる(マウスホバーさせる)と、「画像がふわっと拡大表示される」という場合がありますね。この「画像がふわっと拡大表示」は実はCSSを使って簡単に実現できますので、是非試してみてください。(私が使っている...
トップページだけサイドバーを変えたい!プラグインを使わずにデザインも揃ったサイドバーを簡単に追加する方法 2023.05.16 wordpress ネットビジネス wordpress デザイン ブログを進めていると、ホームはホーム、記事は記事のサイドバー、といった感じで、別々に表示できれば嬉しい、と思う時がありますね!こうした、個別のサイドバーを表示したい、という場合には、プラグインを使えばサクッと解決しますが、プラグインは「いつ更新が停止するか分からない」、「ブログの動作が遅くなりそうでプラグイン...
cssで先頭のや最後の要素を指定するには?nth-childとnth-of-typeの使い分け 2023.04.15 CSS ネットビジネス wordpress デザイン CSS ブログやサイトのデザインカスタマイズをしていると「先頭や最後のこの要素だけに指定がしたいんじゃぁ~」という場合が多くあります。力技、というか、まぁ普通にやろうとすれば、先頭の要素や最後の要素だけにクラスを指定して、そのクラスに対してCSSを定義する、なんてことをしますが、これが毎回クラス指定を書く、となると、...
Photoscape X のインストール!無料で簡単な画像ソフトは断然これがおすすめ 2023.01.26 ツール ネットビジネス wordpress ツール デザイン パソコン ブログの記事に画像が貼りたい。その画像を簡単にトリミングしたり文字入れする場合がありますね。こうした画像編集では無料で簡単なソフト Photoscape がありますが、以前の ver3.7はずいぶん昔に開発が終わったようで、今では「Photoscape X」というアプリに生まれ変わってます。Windows版、...
スクロール固定・追従するサイドバーウイジェット!cssだけで作る方法 2022.07.17 CSS ネットビジネス wordpress デザイン カスタマイズ CSS サイドバーに表示している広告や目次などで、画面をスクロールしても画面の上とかに固定されて追従してくるものってありますよね?ワードプレスで使うテーマによってはそうした動作をするサイドバー専用のウイジェットが用意されている場合もありますが、私が使っている賢威8にはないようです。そこでここではテーマにそうしたウイジ...
【WordPress】記事本文などの横幅、縦幅を簡単に調べる方法 2021.12.25 CSS ネットビジネス wordpress デザイン カスタマイズ CSS 画像の横幅は最大どれほどが良いかなど見るときに、表示される領域(記事本文など)の横幅や縦幅を調べたい場合があります。ここではグーグルクロームの開発者ツール(デベロッパーツール)を使って簡単に横幅を調べる方法のご紹介。※)クローム以外でも同等の機能があると思いますので、探してみてくださいね。調べたい個所同じ方法...
ブログデザインのカスタマイズ!HTMLとCSSの使い方を簡単に理解する! 2021.04.16 CSS ネットビジネス wordpress デザイン CSS ブログのデザインをカスタマイズをする上で、避けて通れないのがHTMLとCSS.で、でた━━( ゚∀゚)人(゚∀゚ )━━!!聞いたことあるけどイヤだーと思ったそこのあなた!いや何事もそうですが、1つ1つ見て行けば難しいことはありません。挫折するとしたら難しいからではなく、簡単そうが故に一気に色々とやろうとし過...
横並びのメニュー項目の高さを揃えたい!CSSで子要素にheight100%、親要素に高さを指定するのがコツ 2021.04.16 CSS wordpress デザイン CSS ワードプレスなど、テーマのデザインカスタマイズでよく手を入れるのが、上段に表示されるグローバルメニューです。背景色や文字色、枠や影付けなどは今ではCSSで簡単にできますが、メニュー項目の文字数の違いから、高さを揃えたりするのが結構難しかったりするんですね。親のブロック要素の高さが可変で、その中にあるリンクa要...