わいのりLABO

わいのりLABO

☆漫画・アニメ・ゲームなどについてつぶやきます☆

わいのりLABO

カスタマイズ

【カスタマイズ】グローバルメニューを設置

おはようございます。 最近アニメを観るのもおっくうな、わいのり研究所です・・・(´・ω・`) どうしてしまったんでしょう・・・(´・ω・`) さて今回は「グローバルメニューの設置」についてです。 今回紹介するサイト様 グローバルメニューのカスタマイズ 最後…

【カスタマイズ】タイトル下に注目記事(おすすめ記事)を表示

こんばんは。 今日の夕食は寿司の、わいのり研究所です。 さてカスタマイズ記事の続編です。 今回は「タイトル下に注目記事(おすすめ記事)を表示」するカスタマイズです。 あ!( ゚Д゚) 言い忘れてましたが、これはPCとタブレットのみ表示できます。 スマホ…

【カスタマイズ】テーマは「Innocent」!

こんにちは。 久しぶりにカスタマイズ記事を書くことにした、わいのり研究所です。 ホントに久しぶりなので、思い出しながら書きます(/ω\) また、以前の記事を引用しますのでご了承ください。 カスタマイズの概要(一覧) テーマは「innocent」に決定! 「I…

【カスタマイズ】YouTubeを貼っても重くならない方法

追記 動作を試す場合、記事を公開する必要はありませんよ。 プレビューで動作確認できます。 テスト記事を作成して、下書き保存するといいと思います。 こんばんは。 やはりワイヤレスキーボードが使いにくくて、買ったばかりですが違うのに買い替えようと考…

【大ネタ】ソースコードを貼り付ける方法NEXT

こんばんは。 ソースコードを貼り付ける方法が分かって感動している、わいのり研究所です。 1つ前の記事でお伝えした方法では、JavaScriptのソースコードは貼れませんでした。 申し訳ないです・・・。CSSや他のHTMLコードは貼れます。 wainorilabo.hatenablo…

【小ネタ】記事にソースコードを貼り付ける方法

訂正があります! この方法だと「JavaScript」のソースコードは表示できないみたいです。 今判明しました。他の方法もあるので検証してみます。 なお、CSSや他のHTMLコードはこの方法でOKです。 おはようございます。 原因はPCかキーボードかは不明ですが、…

カスタマイズの概要を書いてみた

こんばんは。 無事リニューアル出来て満足気な、わいのり研究所です♪ 今回のリニューアルで行ったカスタマイズの概要を書いてみます。 多すぎなので、今回は概要のみです(/ω\) 各項目の詳しい説明は、またシリーズ化してお伝えします。 テーマは「Innocent…

【お知らせ】わいのりLABOリニューアルしてみた

こんにちは。 やっとブログのリニューアルが出来て燃え尽きた、わいのり研究所です・・・ やっと出来ました! 1週間?くらいかかりました。 無限ループ地獄にハマってましたから長くなりました・・・(泣) 基本コピペですが、自分用にアレンジしています。 …

【第10回】ブログ作成記録(プロフアイコンなど)

おはようございます。 カスタマイズが楽しすぎる、わいのり研究所です♪ みなさん、お気付きでしょうか? ちょっとだけカスタマイズしました。 ですが、これは始まりにすぎません。 『機動戦士Zガンダム』クワトロ・バジーナ 『まだだ。まだ終わらんよ!』 タ…

【第9回】ブログ作成記録(続続・ヘッダ画像編)

こんにちわ。わいのり研究所です。 昨日から苦戦してました「ヘッダのタイトル画像が大きくなっちゃた事件」ですが、先ほどようやく解決できましたぁ~!(拍手) ブログのタイトル画像を見てください。 余白を調整することで、昨日より高さを抑えることがで…

【第9回】ブログ作成記録(続・ヘッダ画像編)

たびたびこんばんは。わいのり研究所です。 先ほどの続編です。 お気づきになられたかもしれませんが、ヘッダのタイトル画像、自動で画面の幅いっぱいに調整するようにカスタマイズできましたぁー!(拍手) ですので、スマホにも対応できるようになりました…

【第9回】ブログ作成記録(ヘッダ画像編)

こんばんは。わいのり研究所です。 この度ヘッダのタイトル画像を変えてみました。 いかがでしょう?私は結構、気に入っています♪(*´ω`*) あと、ナビゲーションバー(メニューバー)を中央寄せにしました。 こんな感じになりました。きっとアインズ様もお喜…

【第8回】ブログ作成記録(SNSボタン編)

こんにちは。わいのり研究所です。 今回は、SNSボタンを設置しましたので紹介します。 SNSボタンは、シェアボタンとフォローボタンの2種類です。 あと、このままだとフォローボタンが関連記事よりも下になってしまうので、関連記事がもっと下になるように設…

【第8回】ブログ作成記録(読者ボタン編)

こんばんわ。 謎の咳に苦しんでいた、わいのり研究所です。 今日病院行きました。 吸入(口から蒸気を吸うやつ)をして咳がおさまりました。 今までのが嘘のように咳が出ません。助かりました♪ みなさん心配していただき、ありがとうございました。 一応しば…

【HTTPS化対応】混在コンテンツを対処しました(多分・・・)

こんにちは。わいのり研究所です。 (犬じゃないです) みなさん、はてなブログの「HTTPS化」ってご存知ですか? 私は全然知りませんでした・・・ 今日知りました(汗) そこで、私が対処したことをまとめてみます。 専門家ではないので詳しいことは説明でき…

【第7回】ブログ作成記録(続・画像圧縮編)

前回の画像圧縮編では、桜の画像で比較しましたが、後になって桜で見比べるのは難しいと思いまして、別の画像で比較してみました。 【前回の画像圧縮編】 wainorilabo.hatenablog.jp 元の画像 比較してみた 最後に 元の画像 今回はこれで比較してみます。 元…

【第7回】ブログ作成記録(画像圧縮編)

今回は画像の圧縮方法を紹介します。 なぜ圧縮するの? 今回のサイト紹介 元のファイルサイズは・・・ 初期設定でアップロードした場合 画質調整前(初期値100%でアップロード) 「Hatena fotolife」の設定を変更 画質70%でアップロードした場合 画質調整後…

【第6回】ブログ作成記録(HTMLコード編)

今回は、私がよく使う便利な「HTMLコード」を紹介します。 今回紹介するサイト 1.横並び(画像:左、文章:右) 2.画像を横に並べる 3.画像を横に並べる(楽ちんver) 4.センタリング(中央配置) 最後に 今回紹介するサイト 1と2の横並びは、この…

【第5回】ブログ作成記録

今回は「マーカー」に挑戦してみました。 ずっと、蛍光のアンダーラインを引くことに憧れていました。 今回のサイトを紹介 【CSS】文字に色々なデザインの下線を引く(点線・波線・二重線・蛍光ペン風など) 事前準備 CSSコード 線の太さ カラーコード では…

【第4回】ブログ作成記録

プロフィールページを編集してみました。 こんな感じです↓ (/ω\) ハジカシー 「わいのりLABO」へようこそ! - わいのりLABO 編集方法 「設定」→「基本設定」→「aboutページ編集」からできます。 「HTML」とか「はてな記法」とかで書けます。 私は「はてな記…

【第3回】ブログ作成記録

今回は、よく読まれている記事を画像付きで表示するカスタマイズをしました。 これは神技ですね! 「おすすめ記事リスト機能」を表示 moonnote.hateblo.jp 表示位置はフッターです。 私の場合はメニューバーの下です。 横幅いっぱいにしました。 PCだと5つ表…

【第2回】ブログ作成記録

追加でカスタマイズしたので、参考に(というかコピペ)させていただいたサイトの管理者様への感謝を込めて紹介させていただきます。 皆様、ありがとうございました。 トップページをアーカイブに設定する iitaikotoha.hatenablog.com 無料版だとトップペー…

【第1回】ブログ作成記録

ブログを始めて数日が経ちました。 ちょこちょこカスタマイズしてきたので備忘のためにまとめます。 いろんなサイトを参考にさせていただきました。 その感謝も込めて紹介させていただきます。