未経験のwebサイト制作の勉強

未経験からwebサイト制作の勉強をし、現在制作会社で働いております。

2020-01-01から1年間の記事一覧

cssで「ギザギザ」の境界線を作る

cssでギザギザの境界線を作るやり方です。⇊⇊ギザギザとは、こういう感じ⇊⇊ 境界線にひと手間加えるだけでPOPになります! html <div class="gizagiza"></div> css .gizagiza { position: relative; width: 100%; height: 40px; background: transparent; filter: drop-shadow(0 0 0 rgba(…

Ulkit(cssフレームワーク)の使い方【1:lightbox】

まずは公式サイトからファイルをDLしてリンクします。 getuikit.comDLしたファイルの中で必要なのは、下記3つです。 <link rel="stylesheet" href="css/uikit.min.css" /> <script src="js/uikit.min.js"></script> <script src="js/uikit-icons.min.js"></script> Ulkitのメディアクエリは4つに設定されております。 変えたい場合はuikit.min.cssの数字を置換するしかないですね… クラス名 uk-hidden@s</link>…

Admin Menu Editor(WPプラグイン)を使用してメニューを非表示にする

Word pressのメニューを表示、非表示に設定できる便利なプラグイン「Admin Menu Editor」 お客様に引き渡す際に操作してほしくない項目を非表示にしてからお渡しするなど便利に活用ができます。>>こちらで分かりやすく説明がされていたので参考にしました…

Post snippets (WPプラグイン)

WordPressを使用する上で便利なプラグインをご紹介いたします。 Post snippets サイト内でよく使用する文章や単語 例えば、「電話番号」「社名、店名」など…を登録しておくことで 各ページでいちいち入力しなくてもコードで読み込むことができます。 ja.word…

Photoshopで簡単な画像加工

Photoshopで簡単な画像加工をしましょう♪ まずは画像を用意して背景からレイヤーに変更します。 次にレイヤー→新規調節レイヤー→明るさ・コントラスト OKをクリック そうするとこういう風な画面になりますね。 明るさとコントラストを調整します。 加工なし …

WordpressでInstagramを埋め込む

以前にプラグインのご紹介をいたしましたが、名称が変わったようです。プラグインはこちら↓↓ ja.wordpress.org使い方↓↓ https://wind-mill.co.jp/instagram-gallery-smash-balloon/簡単にInstagramを埋め込むことができるのでお勧めです!!

Wordpressで便利なプラグイン

Wordpressで便利なプラグインを紹介します。 Duplicate post Wordpressの固定ページを複製できるプラグインです。 ja.wordpress.org Public Post Preview 公開していない下書き状態の固定ページを 他人に見せれるようにURLを発行してくれるプラグインです。 …

WordPressでInstagramを簡単に埋め込む

「Instagramフィード」というプラグインを使用しています! 分かりやすいサイトを見つけたので参照してください。www.smilevision.co.jp blastfactory.jp ※注意点はパスワードを変えてしまうと表示されなくなってしまうので注意です。 パスワード変えたタイ…

テキストやボーダーにグラデーションをかける

css3でテキストグラデーション、ボーダーグラデーションをかけましょう! テキストグラデーション html記述 今回はh2をグラデーションにします <h2>タイトル</h2> CSS記述 h2{ color: #ff69b4; /*cssが効かない時のために必須です*/ background: -webkit-linear-gradi…