メインカテゴリーを選択しなおす
数日前から適用しているのですが、強調したい部分のテキストを蛍光ペンみたいな感じにしています。これはCSSを追加適用することで実現しています。通常の太字や斜体でも目立たせることはできるのですが、蛍光ペンみたいな感じにすることでより強調できます。 ただなんでもかんでも蛍光ペンで強調するとポイントが散らかるので、最低限の使用に気を付けつつ。CSSによるカスタマイズはいくつか記事にしてるので、こちらも良ければぜひ。 カテゴリーリンクのデザインを変更してみる カテゴリーリンクのデザインを変更してみる（その2）
またしてもブログカスタマイズに関してです。数日前から適用していますが、デザインテーマをカスタマイズしてみました。 私はSilenceというデザインテーマを使用しています。ブログを始めてすぐ、テーマストアから好みのデザインテーマを探してSilenceに辿り着きました。 最初は「好みのデザインテーマが見つかった。よかったよかった。」で満足していたんですがSilenceのページをよく見るとカスタマイズに関するご案内が色々と書いてありました。 テーマストアで他のテーマも見てみたんですが、カスタマイズの案内があるかどうかはまちまちみたいです。自分のはたまたまカスタマイズの案内があってラッキー。といった感…
ちょっと前にカテゴリーリンクのデザインを変更したのですが、またしても変更してみました。ちょっと最近ブログカスタマイズが楽しくなってきてます。 そのうち落ち着きそうですが楽しいうちに色々と投稿してみます。今回のデザイン変更はこちらのサイトを参考にさせて頂きました。 ありがとうございます。 はてなブログで使えるアイコンフォント全125種 - フジブロっ！ではどんな変更をしたか書いていきます。
せっかくHTML5の資格を取得したので、JavaScriptを追加して外部リンクを別タブで開く対応をしてみようと思います。 ※HTML5の資格、”HTML”と言いつつレベル2はほぼJavaScriptなのです。ちなみに今回の対応、Google検索すると既にいくつか記事がヒットします。 なのでそれらの記事からのコピペ対応でもおそらく対応できたのですが、せっかくなので自力でJavaScriptを書いてみました。なお、HTML5の合格体験記は投稿済みです。こちらも良ければぜひ。 ※JavaScriptはどちらかというとレベル2の領域です。 【合格体験記】HTML5プロフェッショナル認定 レベル1 V…
せっかくHTML5の資格を取得したので、CSSを追加適用してカテゴリーリンクのデザインを変更してみようと思います。今使っているデザインテーマ気に入っているのであまりデザインいじりたくはないのですが、、ちょっとお試しです。 今使っているデザインテーマはSilenceというテーマです。お気に入りです。ちなみにHTML5の合格体験記は投稿済みです。こちらも良ければぜひ。 なお、CSSはどちらかというとレベル1の領域です。 【合格体験記】HTML5プロフェッショナル認定 レベル1 Ver2.5 【合格体験記】HTML5プロフェッショナル認定 レベル2 Ver2.5 ではどんな変更をしたか書いていきます…
ブログのカテゴリーを整理中です。大幅に入れ替えて整理してみたのですが、どうもタグとカテゴリーがごちゃごちゃになりがちで、サイドバーのカテゴリー選択の見づらさがどうも気に入らない。だけど、もう限界のようです。カスタマイズ熱を強制鎮火する難しい
『WordPressカスタマイズ』 タグチェックリストを表示させる
Wordpressを始めたのが2022年11月の初旬。もうすぐ4か月と言ったところでしょうか。ダッシュボードも大して見ないでそのまま新規投稿するというスタンスが板につきました（笑。気づいたら、公開数75！・・・ちょっとは慣れてきた、、、かな
WordPressカスタマイズ｜見出しが出ない理由と修正方法
このブログは、WordpressのCocoonというテーマを使って書いています。Cocoonは無料で使えるし、たくさんのスキンも公開されているのでPCが苦手な方でも問題なく素敵なブログを作れます。その素敵スキンたちにサヨナラ宣言した無謀な初
WordPress｜テンプレートなしで、カスタマイズ始めました
週末の時間を使って、ブログカスタマイズを始めたよ。これは、めちゃくちゃ沼でした(;'∀')テンプレートなしの設定いままでテンプレートを使っていたけどテンプレートなしの設定でトライしています。本当に出来るのかな？テンプレー
無料版【Canva】親近感があるブログへ！手書き風の日本語フォント9選
こんにちは趣味なしスキルなしボッチ主婦のなしこです°˖✧◝(⁰▿⁰)◜✧˖° ブログを作成するのに当たってアイキャッチやヘッダー画像が簡単につくれるCanva▼▼ www.nasiko3.com Canvaにはフォントの種類がたくさん！ 無料版で使えるフォントも大量にありどれを使うか迷う！ そんな大量の中から見つけたお気に入りのフォントをご紹介します (adsbygoogle = window.adsbygoogle []).push({}); 親近感ある手書き風フォント 王道をゆくならコレ ポンコツ具合ならコレ かわいさを求めるならコレ 好みのフォントがない時の方法 まとめ 親近感ある…
ライブドアブログの壁紙をオリジナル画像にCSSで変更（PC）
Livedoor blogの背景・壁紙をCSSの変更で、オリジナル画像にします(パソコン版)。背景が白無地のテンプレートのCSSを書き換えて、オリジナル画像にする方法です。CSSの変更ですが、コピペで、できます。基本、このサイトの一番下の青枠内をコピペするだけです。ライブドアの
サイドバーのタイトルに画像を入れる方法。ライブドアブログ・PC・CSS
Livedoor blogのパソコン版のやり方です。サイドバー・ブログパーツのタイトルの背景にオリジナル背景画像を入れます。ブログパーツのタイトルに元々画像が無いテンプレ－トの変更が基本です。CSSにコピペで簡単に設置できます。 当ブログのPC版の、おにぎり画像が、コレで
こんにちは、ぽんたです。 更新が滞ってしまっていてすいません！今日は、最近のことを少しだけ報告です！ 混信をしてなかった週は、私を含め、家族全員が予防接種打つ期間でばたばたとしておりました。そして、私は新型コロナウイルスの予防接種で少し体調を崩すという。旦那とベビーちゃんは大丈夫だったのに私だけ・・・どうして・・・。 新型コロナウイルスだけではなく、私と旦那はインフルエンザの注射、ベビーちゃんもまたべつのワクチン接種していました。幸いにもそちらに関しては誰も体調に変化がなくて良かったです！ それと、ブラックフライデーでジョイントマットを手に入れたり、旦那の実家に頼まれていたものを買ったりと、買…
【はてなブログ】黄色いマーカーが反映されなくなった？時の対処法！
【はてなブログPro】【独自ドメイン】黄色いマーカーが反映されなくなった時の原因と対処法を書いてみました。 ブログを書いてる方などはぜひ参考にしてみてください。
HTMLサイトマップは決して必要というものではありませんが、あるとユーザーの利便性が上がります。SWELLの高機能なブロックなら理想のHTMLサイトマップを自作することができますよ。
こんにちは、ぽんたです。 今回の記事の概要はこちらです。 ブログのレイアウト変更しました Instagramを開設しました 最後に
自己紹介など、オリジナル画像の横に、枠を横並びにして、テキスト文を付けます。 自己紹介文これをコピペ<table border="1"bgcolor="#ffffff"> <tbody><tr><td><img width="★px" src="画像のURL"></td> <td><div s
こんにちはです。あっちのそららです。このたび、ブログデザインのリニューアルを行いました。大きく変えた部分、細かく調整した部分などいろいろあるので、備忘録としてまとめておきます。 ヘッダー プロフィール 検索ボックス レイアウトのズレを修正 aboutページ フッター ダークモード対応 その他 おわりに ヘッダー Before After ヘッダーのデザインを一新し、賭けに近い大きな路線変更をしました。縦幅が画面いっぱいになるよう設定。しかし、パソコンで一定以上ズームすると、中のイラストや文字が画面内に収まらなくなる問題が発生。なので、縦幅に最小値を設定し、ズームに応じて縦幅が広がるようにしまし…
オリジナル画像の下に、囲い枠を設置し、文字を表示します。これを、作ります。オリジナル画像の付いた、囲いの枠の作り方です。色を #00ffffに変更、枠幅を15pxに変更した場合、こうなりますこれをコピペ<div style="border: transparent solid 1px;"><img src="画像のURL"
完全に独自のバナーを作ります。ランキングバナーは、公式サイトでオリジナルを作れますが，画像の定位置にバナーが貼られ、デザインの自由度が低いです。この様な物を作りますGIFアニメ（動く画像）使用 ●公式サイトからバナーの画像を、もらいます。こういうヤツ 公式
こんにちはです。あっちのそららです。少し日が空きましたが、ブログの改装も大詰めに入りました。デザインはほぼ作り終え、残るは地味な微調整のみ。テスト環境だと表示速度がうまく測定できないっぽいので、そこが気がかり。現状よりあからさまに遅くなるようなら、ウェブフォントなどの重い要素を見直してみます。ゴールが間近に迫るなか、ブラブラ歩きながら、改装直後に書く記事をどうまとめるか考えてみたり。まだまだ暑い。夏から秋へ。旧デザインから新デザインへ。 Safariの環境がほしい。
やったぁやれたぁーー (/≧▽≦)/ブログのタイトルの所に、これこれ👇👇好きな画像を入れる事が出来ました。【FC2ブログ】タイトルの変更とヘッダーを画像に変更する方法何の「暗号」ぞ？ (っ °Д °;)っ【HTML】って、全く意味が分かりません。無理・無理ーーっが、しかし。元の「HTML」のコピーをメモ帳に、コピーしておいて勇気を出して、「上書き」・・・・そこに「JPG」を挿入。こわっ怖すぎる・・・・えい、「コピー」は取ってあ...
枠の付いた、オリジナル画像を使ったプロフィール欄の雛形です。サイドバー・ブログパーツ・記事内。CSSに使えます。サンプルはGIFアニメを使用しています。普通の一枚画像でOKです。サンプル GIFアニメの画像を使用表示名 自己紹介文ライブドアブログの設置方法はコチラを
フッターにプライバシーポリシーを設置する方法（ライブドアブログ）PC
ライブドアブログのテンプレート、（PC・パソコン版の設置方法）。ページの下部、ライブドアブログのロゴの上に設置します。プライバシーポリシーはクリック頻度が低く、下部が邪魔にならない。【ブログ設定】➡【ブログパーツ】➡【カスタマイズ】【トップページ】【個別記
オリジナル画像に変更する方法。マウスを置くと画像が変化する方法。オリジナル画像に変更する方法。自分のURLに書き換えて、コピペ（画像幅、自動調節）<a href="ブログリーダーのURL" target="_blank"><img src="オリジナル画像のURL" width="100%"></a>PC版のブログパー
こんにちはです。あっちのそららです。ブログ改装に向け、果てしない作業中。今日のメニューは、にほんブログ村のバナー用イラスト（上画像）です。過去絵を使い回そうと画策していましたが、時が経つと見え方感じ方が変わるのは必然。1年ぶりに見たイラストはどうにも気に入らず、リテイクという追加作業が発生しました。ゴールが遠ざかりましたが、バナーの仕上がりを想像するだけでも、不思議と気分が高揚します。ブログ最下部のイラストも調整。くるっと回るアニメーションはそのままで、別の動きもプラスしていきます。 「描く」と「書く」の並行作業。
最初の申請から約1ヶ月でGoogle AdSenseに合格しました。 合格に至るまでの当ブログの実績は、日々のPV数は公開間もなくなので2桁チョロチョロ、投稿数18記事、その他ブログの建付け等についてはサラッとご覧頂ければと思います。 合格まで2回位申請落ちました。 その原...
【Blogger】QooQテンプレート『見出し』修正と『最終更新日』挿入
QooQ「Tokyo」テンプレートについて、 QooQテンプレート「Tokyo」の見出しが格好良くない 最終更新日を挿入したい という2つのニーズに対応してみました。 1．見出しをカスタマイズ <h3>小見出しと<h4>準見出しのコードをこちらのサイト...
こんにちはです。あっちのそららです。ブログの大がかりな改装を始めました。年に2～3回ほど、細かなアレンジはしていましたが、今回は広範囲にわたってデザインを組んでいます。手強いボスが何体もいる魔境に足を踏み入れてしまった感覚。右往左往しながら、一箇所ずつ制覇していきます。しかし怖いほど工程が盛りだくさんです。あと1～3記事の投稿後、ブログのデザインをガラッと変える予定です。 締切宣言。
Bloggerでも更新Pingを自動で打てる事を、今朝たまたま目を通していたブログで知りました。 IFTTT 利用の Blogger ＋ SNS 外部サービス 連携 で、「LINE 読者」「Twitter 自動投稿」「更新Ping」「Feedly 購読」機能を実現！ • ガジェ...
前の記事 で、Blogger はブログランキングサイト等に最新記事を反映させたい時、Pingの自動送信機能がなくブログ記事更新の度に手動で送信している記事を書きました。 今回はTwitterにブログの更新情報が飛ばせないのか？について思いつきでチャレンジ。 ...
レスポンシブ対応もやってみたかったんですが、私の真の目的はカエレバのアフィリエイトリンクが素っ気なかったので、ほんの少しだけオシャレにしたかったところ、こちらのサイトを発見し見習ってみました。 Bloggerでレスポンシブなカエレバ・ヨメレバを設置する方法 火消し...
前回 の商品リンクの他に、SNSのシェアボタンも素っ気なかったので、このサイト(↓)を発見し見習わせてもらいました。 【QooQ】オリジナルSNSシェアボタンの設置 ふじろじっく 【QooQ】オリジナルSNSシェアボタンの設置 こちらのサイトにある説明通りに作業したらで...
ブログがリニューアルしました！プロにお願いできることはお願いする。線引きが大事だと思うのよ。
現在ブログをリニューアルしていただいてます。 お願いしているのは前回も素敵なブログにしていただいたHP制作のwin-winさん。昨年プロフィール写真が新しくな…
SWELLのボックスメニューでテキストが改行しないように調整する方法
この記事ではSWELLのボックスメニューブロックに設定したテキストが改行しないように調整する方法を紹介しています。テキストサイズや左右の余白を調整します。ボックスメニュー全てに反映する場合や一部のみ反映する方法など状況に合わせた手順を紹介しています。
livedoorブログの「カテゴリの概要設定」を、各カテゴリページに表示する方法
投資に関係ないどころか、livedoorブログユーザーにしか関係のないお話。各カテゴリに設定した「カテゴリ概要設定」の文言。本来はMETAタグ内に書き込まれるだけのものだけど、せっかくならそれぞれのカテゴリページに表示させちゃおう！ という技。
【WordPress高速化】使用していないJavaScriptの削除｜プラグイン紹介＆トラブル対応を解説
本記事では、「不要なJavaScriptの削除」により、サイトの表示スピードを上げる方法を解説します。「画像の圧縮やブラウザのキャッシュ設定など色々やったけど、モバイルでの表示スピードがあまり速くならない…」という方に、ぜひ試していただきたい方法です。
【コピーでOK】フッターリンクのホバー背景色を変えるCSS【Cocoon】
当ブログではフッターの背景が明るめの青なので、文字色を白に指定してます。しかし設定した直後にマウスをフッターのリンクに合わせると、次のように真っ白になり文字が見えなくなってしまいました。これでは訪問者が自分のマウスを合わせたリンクがわかりま
【コピーOK】もしもアフィリエイトのかんたんリンクをカスタマイズするCSS
もしもアフィリエイトで作れるかんたんリンクは楽天市場とAmazon、Yahoo!ショッピングの3サイトの商品リンクを簡単に作ることができます。日本で使われる主要なECサイトをカバーできるので便利ですよね。しかし、デフォルトは次の点が気になり
【Cocoon】トップページの新着記事にリボンを付けて目立たせる方法
この記事は、Cocoonのナビカードで付けられるリボンをトップページの新着記事に付ける方法を紹介しています。新着記事を目立たせて読んでもらいましょう！書き換えるコードはコピペでOKです。操作手順は画像付きで解説しています。
ボックスメニューにマウスをあてたら拡大するカスタマイズ【Cocoon】
この記事では、Cocoonのボックスメニューにホバーした時、該当の項目を拡大する方法を紹介しています。デフォルトより読者の目を引くため、サイト巡回率アップが期待できます。カスタマイズするためのコードはコピペでOK。手順は画像付きでコードは解説付きです。
【注意が必要】テーマエディターを使ってWordPressをカスタマイズする
この記事ではWordPressのテーマエディターの使い方と注意点を紹介しています。使い方では開き方からファイルの編集場所を説明。注意点ではメリットとデメリットや対策ともしもファイルやサイトが壊れてしまった時の手順を解説。
Cocoonのカスタマイズは子テーマ（Cocoon Child）を使おう
この記事ではWordPressテーマCocoonの子テーマを紹介しています。子テーマとは何か、インストール方法や使い方を解説しています。テーマをカスタマイズする時の基礎知識です。カスタマイズ初心者の方はぜひ読んでみてください。
WordPressプロフィール背景色をグラデーションさせる【Cocoon】
WordPressでブログをしている方の多くは著者の紹介をプロフィール欄を使っています。プロフィール欄はブロガーの個性を表す大事なパーツです。できるだけ自分好みにカスタマイズしたいと思う方もいるのではないでしょうか。カスタマイズするならCS
【CSS不要】ブログをおしゃれにカスタマイズできるCocoon設定
この記事ではCocoon設定を用いて初心者でも簡単にブログのデザインをおしゃれにカスタマイズする方法を紹介しています。CSSなどのプログラム知識なしで目を引くコンテンツを作成できます。有料テーマを使う前にぜひ試してほしいおすすめの設定です。
