ブログカスタマイズ

ねえ～あんたの記事ググったら前より検索順位さがってない？ えっ？ まあまあ落ち着いてください！ Google様も毎日クロールbot様が巡回してますからね～ それに色んな基準をAIの神様が毎日更新してるそうですから １０位や２０位は誤差ですよねぇ...... |ω･)ﾁﾗ えっ！！！！なにこれ？順位っていうか.....圏外ばっかり...... (((( ;ﾟдﾟ))))ｱﾜﾜﾜﾜ ということで今回はこんなあなたへ こんなあなたへ Googleアドセンス合格後になぜか？記事の検索順位が下がった(৹˃̵﹏˂̵৹) アドセンス広告を貼ったらスマホサイトが急に重くなった(ﾟ`ω´ ﾟ)ﾟ アドセンス広告…

Adobe Photoshop CC（Adobe Photoshop 2021）を最新版にアップデートしたところ、落ちる（クラッシュする）ようになってしまいました。バージョンはv22.4になります。お使いの方はお気を付け […]

エックスサーバーが2021年3月24日から、今後の新規申し込みのサーバーのデータベースは、MariaDBになることがアナウンスされました。今まではMySQL 5.7だったのですが、MariaDB 10.5になるとのことで […]

AFFINGER 5WINGのレビュー、メリット・デメリットと導入手順の解説。初心者にも分かりやすい簡単操作と便利な機能の紹介、直ぐに始められるお洒落なデザインの魅力。

広報用にFacebookページを作ったら、Instagramと連携すると、同時に投稿や管理ができて、便利です。

パソコンでもスマホでも、読みやすい文字に設定したい！と考え、WebフォントでUDのものを試してみました。

リンクボタンの設置今回やりたいことリンクボタンを設置するさらにそのボタンをキラッと光らせるトップページにカテゴリごとの新着記事を表示したので、その下に『このカテゴリーの記事を見る』といったカテゴリページへのリンクボタンを置いて、さらに光らせ

CSSだけで点滅させてみるトップぺージの一番上に表示される記事に新着記事（New Articles）の見出しを表示さらに点滅させたいと思いカスタマイズを行いました。カスタマイズ後＼New Articles／うん、イメージ通り点滅してる！参考

はてなブログ既存の「読者になる」ボタンが、うまく表示されなくなったので、カスタマイズで読者登録＆各種フォローボタンを設置しました。

TypeSquare（タイプスクウェア）のWebフォントを適用してみました。仕様手順を簡単に記録しておきます。

はてなブログにFacebookの投稿やタイムラインを掲載する方法です。

マトリョミンとの出会いと、自粛生活で気づいたことを書きました。

はてなブログの記事シェアボタンのカスタマイズを行いました。記事の直下に表示されます。

ページトップへ戻るボタンを付けました。画像は自分が好きなように設定できます。

パソコン版GoogleChrome（グーグルクローム）が、突然スマホ表示になってしまった時の直し方メモ。

Facebookを匿名で使う方法。作り方さえわかれば、更新通知やコミュニティづくりなど、いろいろな使い方ができそうです。

目次を(再び)カスタマイズしました。 開いた状態が初期状態で、閉じたり開いたりできるようにしました。

記事ページにずっと表示される「記事のタイトルとURL」をまとめてコピーできるボタンを設置しました。各種シェアボタンより万能？

自己紹介にカテゴリー一覧を追記しました。HTMLは記事下書きで簡単に変換できます。

Instagram（インスタ）を始めました。始めた理由も書いています。スタンプ一覧的にする予定ですが、よかったらフォローお願いいたします！

別タブ（別ウィンドウ）で記事のリンク先を開けるよう、設定してみました。記事を読みながらリンクを押した場合でも、戻るのがラクになります。

JR九州、豊後森（ぶんごもり）駅のスタンプ内容を読み解きました。水戸岡デザインの駅舎や「童話の里」の由来、機関庫とSLについて書いています。

バックアップとテスト用サイトを作成／スマホでの記事一覧の表示数を変更／カテゴリー記事一覧の見出し表示を変更

はてなブログで目次を開いたり閉じたりするボタンを設置しました。jQueryの高速化についても書いています。

サイトのバックアップの取り方／テスト用非公開サイト作成の方法／バックアップデータの取り込み方

はてなブログのテーマグループ＆にほんブログ村に参加／ブログ村＆楽天アフェリエイトのバナー追加

ブログ村バナーを、タイトル下に横並びに設置し、小さく説明書きを加えました。

ソースコード（CSSやHTML）を記事に表示する方法と、カスタマイズです。 「見たままモード」で書く方法／色付き枠の作成方法／長いコードのスクロール／ワンクリック選択、について書きました。

次世代画像フォーマットの「WebP（ウェッピー）」が、ついにSafariに対応（2020年9月）しました。これで、IE以外の主要なブラウザには対応することになります。WebPにすることで画像の容量を20～30％小さく出来るということなのですが、私が使っている限りでは70％近くは容量を削減できます。 SEOをする上でも、サイトの軽量化は一つの指標となっており、Googleの「Page Speed I

2020年9月現在では、WEBの画像フォーマットと言えばJPEGですが、次世代の画像フォーマットを使うことで、写真の品質を落とさずに、より軽量化することが出来るようになります。次世代の画像フォーマットにはHEIF（ヒーフ）やWebP（ウェッピー）などがあります。 >> 「HEIF（ヒーフ）」のブラウザやPhotoshop等の対応状況は？ HEIFはMac版のPhotoShopでは対応し

以前から作成したいと思っていたグローバルメニューを設置しました。 参考にさせていただいたのはこちら www.yukihy.com 一応の設置はできたのですが… 私としてはグローバルメニューの帯の横幅を、記事とサイドバーの範囲に合わせて小さくしたかった。 とても丁寧に説明してくださっている記事で、幅調節の記載もあるため、そのとおりに何度も書き直してみたけれど、なぜかどうしてもできませんでした。 ついでに帯の色を変更することも試してみたけれど、それもうまくいかない… バックを白、文字を他の色で試してみたところ、横幅いっぱいの帯の上に作成した白い帯が載っかってる (¯―¯٥) 何となく勘で色々いじり…

5/29は何の日でしょう？ 知らないにゃ～ このブログを始めた日だよ♪ 6/1からにした方、キリがよかったにゃ～ ぴったんの言うとおりだよね… でも、思い立ったらすぐ行動にうつすのがユラだにゃん ブログを開設し１ヵ月ちょっと経過しました。 早い、あっという間です（´-`）.｡oO以前にもブログをしていたことは、はじめに書きましたが、その時はぴったんが自分で網戸を開け脱走してしまい… ぴったんを探すために考えたことの１つが、情報を募るためのブログ開設― 全国の猫ブロガーさんたちから応援していただき、本当に貴重な体験をさせていただきました。 （ぴったんは無事に、77日ぶりでおうちに帰ってくることが…

コスパが良くて、高速なことで知られる「エックスサーバー」ですが、2020年2月末にサーバーの環境をグレードアップしました。高速CPUの『AMD EPYC（Rome世代）』が採用（従来のCPUよりも1.5倍の処理速度だそうです）され、アクセスが集中した場合も従来より高速で安定したサイトの運用が可能に。 さらに『オールNVMe』RAID10（ストライピング＋ミラーリング）構成が採用され、WEBサイトの

オリジナルアイコンを作成したいけれど 誰に依頼して良いか分からない...という方へ。先日利用した イラストレーター サメ子さんの無料アイコンイラスト作成サービスがおすすめです。そこで 今回は 依頼方法や実際の流れをまとめました。

HTML5ではタグを使うことで、WEBサイトに動画を埋め込むことが出来ます。ただ、記述方法に気を付けないと、WindowsやAndroidスマホでは表示されても、iPhoneやiPadなどでは動画が表示されない、という現象が発生してしまいます。 日本では、スマホでのiPhoneのシェアはかなりのものになりますので、iPhoneやiPadで意図せずに動画が表示されないのは困りますよね。そんなわけで、

WooCommerce プラグインを利用することで、WordPressで簡単にショッピングカートシステムを構築することが出来ます。ある日「お客さんからマイアカウントにログインが出来ない」というお問い合わせがきました。 今まで、特に問題なくマイアカウントにログインは出来ていたと思うのですが、なぜできなくなってしまったのでしょうか。試しにパスワードを再発行して、ログインをし直してもログインが出来ません

WooCommerceを使えば、WordPressで簡単にショッピングサイトが構築できます。ただ、なぜか「商品カテゴリー」の順番を並び替える機能がないんですよね。。。そもそもWordPressにも、カテゴリーの順番を並び替える機能がないのが不思議です。 そこで今回はプラグインを使って、WooCommerceで商品カテゴリーの順番を簡単に並び替える方法をご紹介します。 商品カテゴリーの順番を並び替え

私のブログはWordPressで作成しているのですが、バズ部で無料配布されている「Xeory Base」というテーマを使用させていただいています。 少しずつ勉強しながらブログのレイアウト等を更新している日々ですが、ようやくナビゲーシ

サーバーにFTP接続する際に「FileZilla（ファイルジラ）」を使っています。 以前は「FFFTP」を使っていたのですが、「FileZilla」はとても快適です。 >> 【FTPクライアント】FileZilla（ファイルジラ）の転送速度に感動 そんなFileZillaですが、新しいパソコンにFTP情報などの設定をエクスポートすると、「致命的なエラー（サーバーに接続できませんでした）

Windows 10でMySQL Workbench 8を新規でインストールしたのですが、アプリを起動させようと思っても起動しない現象がありました。起動しようとしているようですが、途中で終了してしまっている感じです。MySQL Workbench 8は、DBにアクセスして、MySQLを操作できる便利なツールなのですが、使えないと困ります。。。 ということで、今回はWindows 10でMySQL

WordPressのテンプレートで、企業向けサイト制作に最適なテーマの一つに「Enfold」があります。「Enfold」は、制作するWEBサイトに合わせて、最適なデザインを選択することができたり、「Avia Layout Builder」と呼ばれるビジュアルエディタにより、簡単にレイアウトを組めるようになっています。 有料のテーマ（＄59）ではありますが、日本のテーマでももっと高いものもありますし

Andorid スマホには、以前から明朝体のフォントがインストールされていません。その為、font-familyで「serif」などの明朝体フォントを指定しても、ゴシック体で表示されてしまいます。 パソコン版では、明朝体で綺麗に表示されているのに、スマホで閲覧する場合にはゴシック体で表示されてしまうと、せっかくのサイトの雰囲気が台無しになってしまいますよね。。。　そこでAndorid スマホでも明

サラリーマンの副業が解禁された2019年。皆さんはばっちり稼ぐことができましたか？ でも、稼いだからには税金を払わなければいけないのがこの国のルール。払わないと脱税になっていしまいます。 「え、せっかく副業でお小遣いを稼いだのに税金がかかるの？？」と思わるかもしませんが、 副業でも一定の基準を超えている方は税を納める必要があります。 今回は、そんな副業にまつわる税金のお話を簡単にまとめたいと思います…

最近、レンタルサーバーでは、WAF（Web Application Firewall、ワフ）が標準で搭載されていることが多くなりました。WAFを有効にすることで、WEBサイトを不正な攻撃から守ってくれる為、セキュリティの向上に大いに役立ちます。 ところが、このWAFが誤検知を起こしてしまい、正常なアクセスでも「403 Forbiddenエラー」となってしまうことがたまにあるので注意が必要です。 G

2013年10月の発売直後に購入したSurface Pro2。仕事にブログの執筆にと活躍してくれていましたが、気づけば丸6年。半年くらい前から電源ボタンを押しても反応しなかったり、タイプキーボードの接触が怪しくなったりと、かなり老朽化していました。 次は買うんならSurface Proシリーズで…

メイソウ（名創優品）のロゴは赤いバック形と白文字のロゴのデザインはユニクロのそれと、名前はダイソーと無印良品を混ぜたものと、どこか日本で見たことのあるものです。 カタカナで”メイソウ”と書かれていますが、日本の企業ではなく中国の企業です。 ただし、本社は東京の銀座に置かれており、日本製品への信頼を寄せる層…

副業でウーバーイーツの配車を初めて半年くらい立ちますが、ときどき配車リクエストが全然ならないことってありますよね。さっきまでアプリにリクエストが入りまくってたのにどうして？って感じたことはUber Driverをやっている方なら一度や二度ではないはず。 私は週末に都内の飲食店が多いエリアでウーバーの配達を行っていますが…

サーバーを移行する際には、ネームサーバー（DNS）の切り替えが必要になります。切り替えた後、早いところでは1時間程度で新しいサーバーに切り替わって、新しいWEBサイトが表示されるようになるのですが、プロバイダによっては1日程度経たないと切り替わらないところもあります。 完全に浸透して落ち着くまでには、通常は2～3日かかると言われています。 ただ、DNSを切り替えてからでないと作業できないことや、動

jQueryの「bxslider」は、WEBサイトで写真をスライドして表示させることができる、有名なプラグインの一つです。レスポンシブ対応もしているので、使っているユーザーも多いのではないでしょうか。 その「bxslider」で、スライドの写真にリンクを貼っている場合に、ある時期からクリックできなくなってしまいました。原因としては、Google Chromeのアップデートによって「bxslider