web– category –
-
【最短5分】WordPressのお問い合わせフォーム作り方|プラグイン使用で誰でも簡単実装
こんにちはrey( @reydesign8376) です WordPressのお問い合わせフォームプラグインはたくさんあります一番シンプルで使いやすい【Snow Monkey Forms】の使い方をご紹介します! 【WordPressお問い合わせフォーム作り方】 Snow Monkey Formsのプ... -
今更だけどWPテンプレートタグ bloginfoは非推奨ですって
こんにちはrey( @reydesign8376) です WordPressテーマのディレクトリURL取得のテンプレートタグで<?php bloginfo('template_url'); ?>があるのですがこちら非推奨とのことです。 bloginfo('template_url')以外にもbloginfo('home') bloginfo('siteu... -
Webアイコン Font Awesome 使い方
こんにちはrey( @reydesign8376) です 便利なwebアイコンを提供している「Font Awesome」の使い方をご紹介していきます〜では早速〜 【Font Awesomeとは?】 https://fontawesome.com/ 共有されるコードを入れるだけでアイコンが表示されるようになるサー... -
【コピペOK】ナビゲーションデザイン 3案 【html,CSS基礎】
こんにちはrey( @reydesign8376) ですナビゲーションのデザイン3案 備忘録的な感じでやっていきます!では早速〜 【コピペOK ナビゲーションデザイン】 デザイン案① まずはこのデザインからベーシックなトップ固定にしてみました。そしてメインビューと被... -
WordPressにCSSのデザインを当てるにはfunctions.php
こんにちはrey( @reydesign8376) です WordPressと仲良くなりたく日々勉強をしています。 自作で作ったテーマにデザインを反映したい!でもどこに書けばいいの? WordPressはfunctions.phpに記述していきます ちなみにfunctionsの意味を調べたら functions... -
【html備忘録】コンテンツはブロック要素で分けるのが便利
こんにちはrey( @reydesign8376) です 今まで全部のタグにクラス名をつけていました;;めっちゃめんどいと思っていた時にコーダーさんの書き方を見てなるほどーと学んだ事例がございます 今回はそれをご紹介では早速〜 【class+タグでブロック要素のスタ... -
【webツール 備忘録】無料で使える画像変換ツール
こんにちはrey( @reydesign8376) です 画像圧縮やJPGに変換する際に便利なwebツールをご紹介いたしますでは早速! 使用しているのはこちらのツール「ILoveimg」です! https://www.iloveimg.com/ja/compress-image 【簡単な使い方】 画像を圧縮する よく使... -
【CSS 備忘録】サイズが違う画像をcssで均等にしていく aspect-ratioとobject-fit
こんにちはrey( @reydesign8376) です 画像サイズがバラバラでもcssで均等に指定していく方法をやっていきます〜では早速〜 【基本の記述】 htmlと全体のcssはこちら <div class="aspect__ratio"> <img src="img/aspectratio1.png... -
【CSS 備忘録】見出しデザイン 疑似要素を使って線を引くよ
こんにちはrey( @reydesign8376) です h2の見出しでちょっとだけ下に線を入れるデザインありますよねコーディングをちゃんと学習しない時は何食わぬ顔でやってましたが実際にあれを実装させるのってくっそ面倒臭かった!!! コーダーさんに謝罪を込めて、... -
【WordPress】index.php 超ミニマムなphpの書き方
ハロー世界 rey( @reydesign8376) です WordPressの超超最低限、ミニマムなphpの記述をしたためていきますなんで毎回最小限の記述にこだわるのかって言いますと既存テーマのカスタマイズをアレンジする際にどこを残していいのかなどを知るためとフルスクラ...