ウェブデザイン– category –
-
ウェブデザイン
CSS入門 CSSとは?初めての方向けの入門記事
CSSやスタイルシートと呼ばれる、ホームページの見た目を装飾する言語。CSSはホームページ制作はもちろん、ブログを運営する方にとっては理解しておくと何かと便利な言語です。今回はそのCSSについて、最初の一歩を踏み出せる内容を解説していきます。 実... -
ウェブデザイン
SWELLのおすすめプラグインを全部入れてみた
ブログを始めてからたくさんのことに気づきました。とにかく、何も、整っていない!!! 見た目どうこうよりもまずはブログを更新する週間をつけよう!が目標だったので、良いのですがせっかくなら書いていく中で少しでもブログを良くしていきたい。そう思... -
ウェブデザイン
【ブログ初心者】SWELLのサイドバーをカスタマイズする
普段からWordPressを使っていますがSWELLを使うのは初めて!このブログはWordPressテーマのSWELLを使っていますが、ブログを始めたばかりのブログ初心者ですしSWEL使い始めたばかりのSWELL初心者なので、全く使い方がわかりません。 今から SWELLを学んで... -
ウェブデザイン
WordPressでオリジナルデザインのSNSシェアボタンを実装する
さて、今日はWordPressを使っていると必ずでてくるシェアボタンの実装方法についての紹介です。 【各SNSごとのシェアURL】 今回カスタマイズするシェアURLです。サービスごとに若干違いがあるものの基本的には同じです。 シェアしたいURLと、シェア時に表... -
ウェブデザイン
Yoast SEO タイトル・ディスクリプションにカスタムフィールドの値を入れる方法
さて、今回はWordPerssユーザーならみんないれているであろうプラグイン「Yoast SEO」のちょっとした使い方について紹介です。 マニアックな内容なので簡単に。 【カスタムフィールドを使ってカスタマイズする】 ページのリード文を管理画面で触れるように... -
ウェブデザイン
【WordPress】管理画面にBASIC認証をかけていると、他ページでもBASIC認証が出てしまう原因
たまにあること。 WordPressのセキュリティ対策の一環として、管理画面に関係するフォルダにBASIC認証をかける方法があります。 しかし、この方法をしていると予期せぬページでBASIC認証が出てしまいページが閲覧できなくなってしまいます。 【原因は「プ... -
ウェブデザイン
Safariでborder-radiusを使った角丸表現ができない時の解決方法
画像等をborder-radiusを使って角丸にする方法があります。 私が遭遇したのはこのパターン。divにborder-radiusとoverflowをかけて画像を角丸にトリミングしていました。 <div class="hoge"> <img src="" alt=""> </div> <style> .hoge{ borde... -
ウェブデザイン
ハンバーガーボタンを使ったメニューを作ろう
今回は、結構あるあるな内容ですがハンバーガーボタンを作って、メニューの開閉をする方法について解説していきます。 情報の取捨選択ができるようになることも大事ですが、ここは一つ覚えておいて欲しいハンバーガーメニューの作り方を提案します。 【カ... -
ウェブデザイン
指定した文字列を含むかどうか判定するJavaScriptで取得したURLをデモと本番で変更する
デモと本番ではドメインが違う環境で作業しているので、JavaScriptコードで指定するドメインの文字列も変える必要があります。 今回はドメインを取得して、指定した文字列を含むかどうか判定し、デモと本番のURLを書き分けるコードを紹介します。 【match... -
ウェブデザイン
【WordPress】投稿のターム・タクソノミー情報を取得する
WordPressのホームページを作っていると必ず出てくるターム・タクソノミーというキーワード。今回はこちらの説明と、投稿記事に付けられているターム・タクソノミーを取得します。 【タクソノミーとタームの関係】 タクソノミーとタームの関係性 タクソノ...