サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
夏の料理
kurokinomizuiwa.hatenablog.com
今回は、普通のキーボードをMacに接続して使いたい方のために、「Karabiner-Elements」を使って快適なキーボード設定を行う方法を紹介します。 Macに普通のUSBキーボードを接続すると、「かな変換」など思ったように操作できなかった!なんて経験ありませんか? 日本でよく使われているJISキーボードをそのままMacに接続すると、キーボード配列が異なるせいか、押しても反応しなかったり違うキーと認識されてしまう事が・・・ そんな問題を解決するのが、この「Karabiner-Elements」です。 それでは、早速このソフトを使って快適なキーボード設定を行っていきましょう! インストール方法 各メニューの概要 キーボードの設定 接続したキーボード、マウスが認識されているかチェック キーボードのタイプを選択 キーボード、マウスに任意のキーを割り当て マウスの設定 キーボードの設定 「Ka
通常、記事を書くとその記事を初めて作った日、つまり「記事の作成日」が表示されますよね。 しかし、私のように一度書いた記事をよく「書き直す」人もいるかと思います。 そこで、「記事の作成日」と同時に「記事が更新された日時」も一緒に表示する方法を紹介します。 更新日時を表示するメリットとしては、記事を書く側も見る側も「この記事の情報がいつのものか」が分かりやすくなる事が挙げられます。 情報が古いままなのか、随時更新されていっているのかが分かりやすくなると、特に見る側にメリットがあるのではないかと思います。 記事の更新日時を表示する設定 jQueryとFont Awesomeの読み込み設定 「ダッシュボード」→「設定」→「詳細設定」→「headに要素を追加」の欄に下記のコードを追記します。 既に同じファイルを読み込むコードが追記されている場合は、この作業は不要です。 <!--「jQuery」参照U
このブログでも各所に「Font Awesome」を使用していますが、何故か表示が□になってしまい、上手く表示できない事が多々ありました。 その原因をようやく突き止めたので、対処法をご紹介します。 ちなみに、ここでは最新バージョンの「Font Awesome 5」の無料版を使用している事を前提に記載しております。 また、おおよそ原因のコードが判明している場合は、目次の「HTML、CSSのコードを修正する」までジャンプして下さい。 Font Awesomeが上手く表示されないときの対処法 使用しているFont Awesomeバージョンの確認 上手く表示できていないコードを特定する HTML、CSSのコードを修正する Font Awesomeが上手く表示されない原因 バージョンに対応した書式でコードをが記載されていない font-weightを指定していない 参考サイト様 Font Awesom
このブログはPC版のデザインをスマホ版にも適用する「レスポンシブルデザイン」のテーマを導入しているのですが、何故だかスマホ版のトグルメニューがうまく機能しなくて、メニューが開けなかったんですね。 半ば諦めかけていましたが、解決方法を見つけたので紹介します。 きっと同じエラーで悩んでる方は多いのではないでしょうか? スマホ版メニューが開かない時の対処法 「ダッシュボード」→「設定」→「詳細設定」→「検索エンジン最適化」の欄にある「headに要素の追加」に以下のコードを追記して下さい。 追記した後、一番下の「変更する」ボタンを押して保存する事をお忘れなく! <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> ↑ダブルクリックでコードを全選択できます。 トグルメニューが機
無料版のはてなブログでは、トップページを開くと記事の内容がそのまま全て表示されてしまうため、とても見辛いという問題がありますよね。 特定のジャンルしか書いてないならまだしも、私のブログのように様々なジャンルの記事を書いてる場合は、訪れたユーザーが興味のある記事を見つけ辛いために、せっかく訪問してくれたのに帰ってしまうと言う事態になりかねません。 一方で、はてなブログProには記事を一覧形式で表示する機能がありますが、Pro版は有料なのでライトブロガーには少し敷居が高いです。 そこで、今回は無料版のはてなブログでもトップページに一覧形式で記事を掲載する方法について紹介します。 さらに、ここでは一覧形式で表示する記事数の設定方法も紹介します! 「続きを読む」機能を使う 「続きを読む」のメリット 「続きを読む」のデメリット トップページをアーカイブ形式にする アーカイブ形式のメリット アーカイブ
はてなブログにC言語やHTMLなど、様々な言語のソースコードを貼り付ける方法についてご紹介します。 また、ソースコードを表示する際に、「左上に言語名を表示」させたり「行番号を表示」させる方法についても書きたいと思います。 はてなブログにソースコードを貼り付ける方法 「はてな記法」または「Markdown記法」モードで貼り付ける 「見たまま」モードで貼り付ける ソースコードの言語名と行番号を表示させる方法 ソースコードの言語名と行番号を表示させる ダブルクリックでソースコードを全選択させる 表示デザインを変える このブログで使っているデザイン設定 まとめ はてなブログにソースコードを貼り付ける方法 はてなブログにソースコードを貼り付ける場合、主に2つの場合があります。 「はてな記法」または「Markdown記法」モードで編集する 「見たまま」モードで編集する 「はてな記法」または「Markd
このページを最初にブックマークしてみませんか?
『kurokinomizuiwa.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く