くろやぎどうも、くろやぎ(kuroyagikuncom)です!前回の記事で、Dropboxを使ってCSSファイルをホスティングする方法について解説しました。今回の記事は、この内容の続編になっていますので、まだ記事を読んでいない方は下のリンクから設定を始めてください。Dropboxでファイルをホスティングする方法それでは改めまして、この記事では、はてなブログのデザインCSSをいじらずに、サイトのデザインをカスタマイズする方法を紹介します。対象読者はてなブログのデザイン編集画面に使い辛さを感じている方はてなブログの「デザインCSS」って使い辛いですよね。シンタックスハイライト機能が微妙だったり、変更を保存するごとにテーマ選択をする画面に戻ってしまったり...そんなはてなブログのデザイン編集に煩わしさを感じている方に朗報です!煩わしいはてなブログのデザインCSSを使うのは今日で最後です。Dropboxを利用することで、はてなブログのデザインCSSを使わずにはてなブログのデザインを簡単に編集することができます。「もう、はてなブログのデザイン編集で手間取りたくない!」という方は、この記事を参考にして設定をしてみてください。Codeでコード編集それではこれから、DropboxではてなブログのデザインCSSにサヨナラする方法について解説していきます。具体的な手順の説明に入る前に、どうやってデザインCSSをいじらずにサイトのデザインをカスタマイズするのか、簡単に説明します。一言でいうと「はてなブログにおいて、外部のサーバーでホスティングされているCSSファイルを読み込む」という仕組みになっています。Dropboxを使えば、ファイル単体での共有が可能なため、面倒な設定なしで簡単にCSSファイルをホスティングすることができます。それに加え、Dropboxのデスクトップ版ソフトウェアには、PC上のローカルフォルダとクラウド上のリモートフォルダを自動同期する機能があります。これを使うと、ローカルなCSSファイルを編集して保存すると、リモートなCSSファイルが変更され、それを読み込んでいるはてなブログに変更が自動で反映されます。若干実装までの工数が多いですが、一度設定してしまえば金輪際デザインCSSからイライラをもらうことはなくなるので、それをお望みの方は以下の手順に従って設定してみてください。DropboxでホスティングされているCSSファイルを読み込む具体例なしで解説を終えるのは不親切なので、実際にDropboxでホスティングされているCSSファイルを読み込む方法を解説します。基本的な流れは前述したとおりです。ホスティングされているCSSファイルのリンクを取得します。リンクの取得方法は次の記事で解説しています。今回は「https://dl.dropboxusercontent.com/s/hogefuga/style.css」というCSSファイルを読み込んでみます。エンジン最適化】→【headに要素を追加】に、次のコードを入力します。Codeでの変更をホスティングファイルに反映では、実際に【style.css】を編集してみましょう。Codeを起動し、【style.css】を開きます。前回の記事の都合で、pタグのcolor属性の属性値が”red”になっていますが、これを”blue”に変更してみましょう。本文の色が変更されたことが確認できると思います。まとめ設定までの工数が多くて面倒だったかもしれません。今後はローカルなCSSファイルを編集するだけではてなブログのデザインをカスタマイズすることができるようになるので、いつかその努力が報われる日が来るはずです!お疲れ様でした。【2020年】どんなときもWiFiを実際に契約してメリット・デメリットをまとめてみた。学生の初めてのクレジットカードには楽天カードがおすすめAmazonギフト券Amazonでお得に買い物をする方法Amazonでお得に買い物するなら、Amazonギフト券での購入がおすすめです。Amazonギフト券のチャージタイプを購入すると、最大2.5%のポイントがもらえます。Amazonギフト券をチェックする挨拶くろやぎ以上、くろやぎ(kuroyagikuncom)でした。コメントをキャンセルメールアドレスが公開されることはありません。(9)プロフィールブログ運営者くろやぎ都内の国公立大学に通う理系男子。「自分の持っている情報が自分のためになればそれでいい、自分の持っている情報が誰かのためになればもっといい」をモットーにkuroyagikun.comを運営中。(9)プロフィールブログ運営者くろやぎ都内の国公立大学に通う理系男子。「自分の持っている情報が自分のためになればそれでいい、自分の持っている情報が誰かのためになればもっといい」をモットーにkuroyagikun.comを運営中。Codeでの変更をホスティングファイルに反映まとめタイトルとURLをコピーしました。