私が使用しているメモアプリBoost Noteについて紹介します! 勉強し始めた頃はmacについているメモ機能にメモしていたんですが、 Boost Noteの存在を知り、便利な機能があるのでいくつか紹介します! 背景色やフォントなど、自分好みに設定することができる。自分の見やすい文字、色に設定できます! メモにはタグ付けやブックマークを簡単に行うことができ、分類して整理することができる。これが一番便利だと私的に思いました。 HTML,CSS,jsなど各ファイルごとに分け
こんにちは! 今回は僕がWordPressを始めるにあたってかならず入れるプラグイン3つを紹介します! ・WP Multibyte Patch これは日本語にするための機能です。 インストール有効後、WordPressの設定 → 一般でlanguageを日本語に設定 →更新でWordPressが日本語になってくれます! まず一番最初はこれを入れたいですね! 英語だと何が何だかわからないので、、、 ・Contact Form 7 次はこのプラグインです!富士山のアイコ
今回は私が使用VScodeに入れている拡張機能を紹介したいと思います! 1. Prettier コードのフォーマットを自動化。 2. Path Autocomplete パスの補完機能。 3. Bracket Pair Colorizer 可読性が上がる。カッコの対応を色付きで表示。 4. Japanese Language Pack 日本語に変換。 5. Auto Rename Tag 片方のタグを編集すると、対応するタグの名前も自動的に編集。 6.
私がGoogleChromに入れている拡張機能をいくつか紹介したいと思います。 GoogleChromの拡張機能とは?簡単に言うと便利なことができる機能です! 設定などなく入れるだけなので是非参考にしてください! 1.DeepL Translator 選択した外国語を自動翻訳してくれる拡張機能です。かなり高精度の翻訳ツールです。どうしても英語のサイトが多発するエンジニア業界、、この機能は是非入れときたいですね! 2.image Downloader サイトで使われ
あけましておめでとうございます! 今回は画像を圧縮して容量を軽くしてくれるサイトを紹介します! tinypng(タイニーピング)というサイトです! 可愛いパンダがトレードマークのサイトです! jpg、pngの画像を半分ほどの容量にして圧縮くれます! 画質も悪くなると思いきや肉眼ではほぼわかりません! 企業では当たり前のように使っていると思います、、、 やり方は簡単!赤線の枠に圧縮したい画像をドロップ&ドロップしてファイルを保存するだけ! 画像の圧縮で少しでもス
私は今コーダーになろうと勉強中なのですが、 コーティングしてる際によく使用するショートカットキーを紹介させていただきます! 1 「command + S」 現在のフォルダー、ファイルを保存します。 2 「command + C」 選択した項目をコピーします。 3 「command + V」 コピーした項目をペーストします。 4 「command + Z」 直前のコマンドを取り消します。間違えて項目を消してしまった時 などに使うと便利です。一
WordPress初心者の私なりに表示エラー出た時の対処方法を簡単に書いていこうともいます。 ふとWordPressでサイトを確認しようとしたらこの画面が、、 デバックを詳しく見てもよくわからず。 そんな時にエラーを検出してくれるやり方を発見。 WordPress内のファイルのhtdocs→wp01→wp-config.phpを開いてください。 下の方に行き、84行目のfalseをtrueに変えます。 変えてから、先ほどのエラー画面に戻ってみると、 このようにエ
1つ前の記事に続きWordPressについて書いていきたいと思います! MAMPにWordPressを接続しオリジナルのテーマを入れ込んだ後、静的サイトから動的サイトに変える過程を紹介します! いわばWordPress場で編集、記事の投稿ができるようにしていきます。 ・変更前 ・変更後 画像の赤線で囲った <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <動的にしたい要素、ペ
ここでは、WordPressにオリジナルのテーマを接続したところからCSSやJSなど相対パスの変更、画像ファイルパスの修正のやり方を書いていきます! WordPressに接続できたのはいいがCSS、JS、画像が表示されません、、 index.phpのhead内の相対パスで記述している箇所はWordPress独自の関数に修正する必要があります。 <?php echo get_template_directory_uri(); ?> 書き方は簡単です。上記の一文を入れるだ
ここでは、私が初めて自身のサイトをWordPressでオリジナルのテーマにするまでの過程でつまずいたところや、まとめなどを数個の記事に書いていきます! まず始めにローカル開発環境でWordPressをインストールできるようにMAMP(マンプ)をインストールしました。 詳しいダウンロード方法はこちらのサイトを参照にしてください↓ https://webst8.com/blog/mamp-wordpress-install/ ここで一つ問題点が、、 MAMPでページが表