AdobeXDではデザインにアニメーションを設定する事も可能です。例えばリンクボタンがマウスオーバーした時にアニメーションをつけてブラウザで確認ができます。この記事ではAdobeXDでリンクボタンにマウスオーバーアニメーションをつける方法をご紹介しています。
KNOWLEDGE BASE - ナレッジベース - では、WEB制作に関する事から趣味に関するや生活に役立つ知識などを発信していきます。
KNOWLEDGE BASE - ナレッジベース - では、WEB制作に関する事から趣味に関するや生活に役立つ知識などを発信するWEBサイトです。 HTMLやWordPress、Photoshop、WEBデザインと、WEB制作に関するあらゆる事を発信していきます。
XDでボタンをマウスオーバーした時にアニメーションをつける方法
AdobeXDではデザインにアニメーションを設定する事も可能です。例えばリンクボタンがマウスオーバーした時にアニメーションをつけてブラウザで確認ができます。この記事ではAdobeXDでリンクボタンにマウスオーバーアニメーションをつける方法をご紹介しています。
この記事ではサーバーに移管作業に関する手順をご紹介しています。新しくサーバーを変えたい方で、サーバーの移管作業を考えている方の参考になれば幸いです。
【JavaScript】パスワードを入力してページ遷移をさせる方法
この記事ではJavasscriptでパスワードを入力してページ遷移をさせる方法についてご紹介しています。特定のユーザーのみに表示を許可したい場合に、ベーシック認証等を設定する事が多いですが、サイト規模や場合によってはJavasscriptで簡単に実装できる事もありますので、是非一度試してみてください!
WEBサイトを印刷した時、改行の位置が思った通りにならないことはありませんか?このページでWEBページの印刷時に、指定した位置で、文字を改行させる方法についてご紹介しています。
WEBサイトを印刷した時に表示が崩れて困ったという事はありませんか?このページではWEBサイトを印刷した時に起こる印刷崩れの対処法を3選に分けてご紹介しています。簡単にできる方法からCSSを使って調整する方法までご紹介していますので、印刷崩れに困った場合に是非お試し下さい!
【HTML】戻るボタンでブラウザバックをする方法と次のページに進む方法
この記事ではHMTLでブラウザの戻る機能をボタンに実装する「戻る」ボタンや「次へ」ボタンを作成する方法をご紹介しています。戻るボタンはお問合せフォームの確認画面等でよく見かけますが、作成自体は簡単ですのでご興味のある方は是非お試し下さい!
GoogleMapをWEBサイトへ埋め込む方法について、画像付きで手順をご紹介しています。GoogleMapは現在地から目的地までのルートを調べたり、地図の拡大・縮小が出来るので、とても便利です。埋め込み方は簡単ですので、ご興味のある方は是非お試し下さい!
この記事ではWEBサイトの文章を縦書きにする方法をご紹介いたします。文章を縦書きにするには、CSSのwriting-modeプロパティを使用します。writing-modeプロパティにはいくつかの値があり、実際の表示などもご紹介しています。
【WordPress】新着記事に「NEW」マークを一定期間だけ表示させる方法
WordPressの新着一覧記事に「NEW」というマークを一定期間表示させているサイトをご紹介しています。「NEW」マークを表示させるには、テンプレートファイルを編集する方法と、プラグインを使う方法の主に2通りあります。このページではこの2通りの方法をご紹介しています。
予めメール文を作成したけど、相手のタイミングや自分の業務の忙しさ等で、メールの送信を数時間後や後日にできればと思った事はありませんか? このページではThunderbirdのアドオン機能「後で送信」を追加する事でメールの送信日時を指定する事が出来ます。ご興味のある方は是非お試し下さい!
WordPressで記事の編集を行っている時に、文字が絵文字に勝手に変換されて困った経験はありませんか?WordPressではバージョン4.2以降より絵文字機能が追加され、場合によっては文字が絵文字に変換されてしまう事があります。この記事ではそうしたWordPressの絵文字機能を無効にする方法を2通りご紹介しています!
【簡単】Googleフォントの使い方と注意点や、おすすめGoogleフォント5選!
この記事ではGoogleフォントの使い方から、使う上での注意点についてご紹介しています。また、その他におすすめのGoogleフォントを5つご紹介していますので、これから使用を検討している人は是非参考にしてみて下さい!
すりおろしに使うおろし金の洗い物をアルミホイルで劇的に楽にする方法!
しょうがや大根などのすりおろしをする時に、おろし金を後で洗うのが大変で困っている方へ、おろし金の洗い物をアルミホイルを使って楽にする方法をご紹介しています。方法もとても簡単なので、是非参考にしてもらえると幸いです。
WordPressでヘッダーをページによって切り替える方法をご紹介しています。この記事ではトップページと下層ページでヘッダーが違うといったパターンで、ヘッダーを切り替える方法をご紹介しています。
【WordPress】投稿スラッグを自動で日本語から小文字英数字に変更する方法
WordPressで記事と投稿する際日本語になっている場合に、スラッグを自動で日本語から小文字英数字のスラッグに変更する方法をご紹介しています。スラッグを日本語から英数字に変更する方法にご興味のある方は是非一度ご確認下さい!
【サイト表示高速化!】GoogleWEBフォントをサブセット化して表示速度を上げよう
Webサイトの速度表示の改善に繋がる、GoogleWebフォントをサブセット化する方法をご紹介しています。今回はGoogleWebフォントを使用しているサイトでサブセット化する方法をご紹介していますので、GoogleWebフォントを使用していて、サイトの表示速度の改善をしたい方は是非一度参考にしてみて下さい。
WordPressの投稿個別(詳細)ページのページ送りを同一のカテゴリー内だけにする方法
WordPressの投稿個別(詳細)ページのページ送りを、同一カテゴリー内だけにする方法をご紹介しています。通常、投稿個別(詳細)ページのページ送りは投稿順にページ送りされてしまうのすが、同一カテゴリー内だけにする方法は簡単ですので、是非お試し下さい。
【WordPress】アイキャッチ画像が無い場合に、別の画像を表示させる2つの方法
WordPressでブログ記事のアイキャッチ画像が無い場合に別の画像を表示させる方法を、テンプレートを編集する場合と、プラグインで対応する場合と2つに分けてご紹介しています。アイキャッチを入れたいけど、用意が難しく悩んでいる方は是非一度ご覧ください。
【コピペOK】CSSで作る見出しのデザインパターン16選をご紹介
WEBサイトの見出しに使われるデザインのパータン16選をご紹介しています。今回ご紹介する見出しデザインは全てCSSで実装が可能なので、コピペをして使用してもらって問題ありません。見出しのデザインでお悩みの方は是非一度ご覧下さい!
Photoshopで画像の書き出し時に作成されるimageフォルダを作成させない方法
Photoshopで画像を書き出して保存をする時の「image」フォルダを作成させない方法についてご紹介しています。ご紹介する方法は簡単に変更が可能ですので、Photoshopの画像を書き出し時の「image」フォルダを自動で作成されたくない方は是非一度お試し下さい。
【設定簡単】Googleアナリティクスに自分からのアクセスを除外する方法
Googleアナリティクスから自分のアクセスを除外させる方法についてご紹介しています。アナリティクスを設置したけど、自分のアクセスがカウントされる・自分のアクセスを除外したいが方法が分からない方は、分かりやすくご紹介していますので是非一度ご覧下さい。
CSSで表のデザインを綺麗に!誰でも簡単にできる方法を解説!
この記事ではCSSで表(テーブル)の作成を詳しく解説をしています。最後まで読んでいただくことで、「なぜCSSで表をデザインする必要があるのか 」「目的別にCSSで表をデザインする方法」「表のレスポンシブ対応の仕方」について理解することができます。
【WordPress】MW WP Formでリンク元の商品名などのページ情報を自動で入力させる方法
WEBサイトの商品情報などのページからお問い合わせページに遷移した際に、お問い合わせフォームに商品情報を自動で入力させたいと思った事はありませんか?この記事では今回は遷移先のお問い合わせフォームに、取得した遷移元ページの情報(商品情報)を自動で入力させる方法をご紹介していきます。
WordPressの投稿ページ・固定ページのページを分割する方法についてご紹介しています。プラグインを使う方法・使わない方法とそれぞれ紹介しています。また、ページを分割する際の注意点などもご説明していますので、参考にりましたら幸いです。
【簡単コピペOK】WordPressのページネーションをプラグイン無しでサクッと作成する方法
この記事ではワードプレスのページネーションをプラグインを使わず実装する方法をご紹介しています。コピペで簡単に実装ができますので、ご興味のある方やWEB制作初心者の方、プラグインを使わない実装をお探しの方にとって参考になりますと幸いです。
LazyLoadの設置|画像の遅延読み込みでWEBページを高速化
このページでは画像の遅延読み込みをさせてWEBサイトの表示速度の改善に役立つプラグイン「LazyLoad」について、インストールから、設定方法などを詳しくご紹介しています。
WordPressでよく使う条件分岐タグについて、基本的な使い方からよく使う条件分岐タグのご紹介と使い方を、分かりやすくご紹介しています。条件分岐タグはWordPressの構築ではかなり使いますので、ご興味のある方は是非ご覧ください。
特定の固定ページの内容を取得して表示させる方法【WordPress】
特定の固定ページの本文やタイトル、抜粋文といった内容を取得して、トップページやその他の固定ページなどに表示させる方法についてご紹介しておいます。
このページではWEBフォントについて、システムフォントとの違いやWEBフォントを使用するメリット ・デメリットから使用方法まで分かりやすいようにご紹介しています。ご興味のある方は是非参考になれば幸いです。
【超簡単】リダイレクト設定ができるプラグイン「Redirection」の使い方をご紹介
WordPressのプラグイン「Redirection」を使った、WEBサイトのリダイレクト設定についてご紹介しています。リダイレクト設定は通常、.htaccessを編集を行いますが、WordPressのプラグインで簡単に編集ができるようになります。
【SNS投稿にはこれも!】OGPの設置方法とWordPressのプラグインをご紹介
SNSに投稿記事の情報を読み取り、画像やタイトルを表示させるOGPについて設定方法やOGP設定ができるWordPressのプラグインをご紹介しています。
【CSS】背景に複数の画像や色を1つのプロパティで読み込ませる方法
cssで1つのbackgroundプロパティに、複数の背景画像や背景色を読み込ませる方法をご紹介しています。背景画像を複数読み込ませる方法と、背景色と背景画像を読み込ませる方法を詳しい手順を解説しています。短いコードを覚える事で生産スピードも挙げられます。
WordPressの表示速度改善に!高速化におすすめのプラグインまとめ
WordPressの表示速度を改善する、速度表示を上げてくれるプラグインをご紹介しています。こちらのページではWEBサイトの表示速度を調べるツールや、速度改善を行うプラグインの使い方もご紹介しています。
WordPressのバージョンをダウングレードさせる方法!もしもの時の対処法をご紹介
WordPressのバージョンを戻す方法についてご紹介しています。このページではWordPressのタウングレードさせる方法をいくつかご紹介していますので、ご自身の状況に合わせて参考にして頂ければと思います。
IT/WEB業界でよく使われる!知っておきたい業界用語について
IT/WEB業界でよく使われている用語についてまとめたページです。専門用語は数え切れない程ありますが、その中でもよく使われているであろう用語も絞ってご紹介しています。知っておく事で打ち合わせの内容がスムーズに理解できる場合もありますので、WEB制作に携わる人の参考になれば幸いです。
Dreamweaverのスニペットを登録して効率よくコーディングをする方法
このページではDreamweaverのスニペットについてご紹介しています。同じコードを何度も使う時にスニペットに登録しておくと、簡単に呼び出せて何度でも使えるので効率的にコーディングができます。Dreamweaverをお使いの方でスニペットを使った事が無い方であれば是非お試し頂きたい機能の一つです。
Dreamweaverのプション領域を使ってテンプレートを条件分岐をする方法
Dreamweaverのテンプレートのオプション領域について、使い方などを分かりやすくご紹介しています。ページ内のコンテンツを、ページによって表示・非表示を効率的に作成できる機能なので、ご興味のある方へ、是非参考になれば幸いです。
0から始めるWordPress自作テーマ【カスタム投稿作成編】
WordPressのカスタマイズをしていると「カスタム投稿(ポスト)」という言葉を一度は耳にした事があるのではないでしょうか? 「いつかは使えるようになりたい」「この機能を使ってページをカスタマイズしたい」とも思った方も多いかと思います。 今回はこの「カスタム投稿」について、機能の説明や使い方をご紹介していきたいと思います。 カスタム投稿とは WordPressには投稿ページと固定ページとがあり、
CSSが適用されない原因とは?反映されないときの対処法を解説!
「せっかくCSSを書いたのに、ブラウザに適用されない!」と困った経験がある方もいらっしゃるのではないでしょうか。 スタイルシートが反映されない原因は多岐に渡りますが、主な原因をひとつずつ確認し、 対処すれば解決法は見つかります。 今回は、CSSが適用されない主な原因と対処法を解説します。 まずは「デベロッパーツール」を起動 CSSが適用されない原因を探るために、まずはデベロッパーツール(検証機能)
WordPressのSNSプラグインまとめ|シェア・フォローボタン設置や自動投稿などの方法を解説
WordPressにアップする記事へユーザーを誘導するために、SNSの高い拡散力を利用しない手はありません。今回は、WordPressで作ったサイトにSNSのシェアボタンやフォローボタンを設置できるプラグイン、SNSの投稿をサイト上に表示させるプラグイン、記事を新規投稿した際にSNSで自動シェアできるプラグイン、SNS上でのアクションを計測できるプラグインを紹介します。
WordPressの動画プラグイン5選!動画データやYouTubeを埋め込む方法と合わせて解説
WordPressで作成するページ内に動画を載せることで、 内容を詳しく説明するページの滞在時間を伸ばすページの離脱率を減らす などの効果があります。 5Gが登場し、今後ますます動画での情報発信は重要となっていくでしょう。 今回は、WordPressへの一般的な動画アップ方法に加え、WordPressのおすすめ動画プラグインを紹介します。 WordPressのプラグインなしで動画をアップする方法
Dreamweaverのテンプレート機能でコーディングの効率を上げよう
Dreamweaverのテンプレート機能を使ったコーディングのご紹介をしています。テンプレートファイルを作成し共通パーツを作成すると、効率良くページの作成が行えます。また、編集可能領域を設定する事で個別で編集できるパートも作成する事でより、コーディングの効率化が可能です。
0から始めるWordPress自作テーマ【記事一覧の表示方法編】最新記事一覧をトップページに表示させてみよう
WEBサイトのTOPページなどによるある、新着記事の一覧。 この記事の一覧をWordPressを使って表示させる方法を今回はご紹介していきます。 WordPressのテーマを自作されている場合でも、よく使う場面がありますので、参考になれば幸いです。 では、さっそくご紹介していきましょう。 WordPressのループ機能を使って最新の記事一覧を表示させます 最新記事の一覧を表示させるには、ループと呼
WordPressでやっておきたい5つのセキュリティ対策やプラグインのご紹介
WordPressは世界中で利用されていて、CMSとして企業から個人まで様々なユーザーがいます。 その反面、WordPressを使用するにあたって、ちょくちょく耳にするのが「セキュリティの弱さ」について問合せを頂く事があります。 今回はWordPressのセキュリティ対策について、これだけはやっておきたい5つの対策や使用するプラグインなどをご紹介していきます。 なぜWordPressがセキュリティ
0から始めるWordPress自作テーマ作成【お問合せフォーム作成編】
前回はWordPressの投稿ページの作成方法についてご紹介いたしました。 今回はメールフォームが作成できるプラグイン「MW WP Form」を使って、お問合せページの作成方法をご紹介していきたいと思います。 メールフォームのプラグインと言えば「ContactForm7」など有名なものがありますが、MW WP Formではその他のプラグインと同様に細かい設定や、日本語のサポートやTipsも多くあり
0から始めるWordPress自作テーマ作成【投稿ページ作成編】
前回は固定ページの作成方法をご紹介し、WEBサイトの下層ページを作成しました。今回はWordpressの投稿ページの作成方法をご紹介していきたいと思います。 前回にもお伝えした、WordPressには固定ページと投稿ページと2つの特性をもった機能があり、それぞれの特性に合わせてページを作成していきます。固定ページと投稿ページの違いについては、以下の記事をご覧下さい。 固定ページと投稿ページの違いに
0から始めるWordPress自作テーマ作成【固定ページ作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回は固定ページの作成方法についてご紹介をいたします。
0から始めるWordPress自作テーマ作成【TOPページの表示とテンプレートタグ編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はTOPページを表示させる事を目的として、その方法とテンプレートタグについて、ご紹介をいたします。
0から始めるWordPress自作テーマ作成【footer.php作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はfooter.phpの作成ついてご紹介いたします。
0から始めるWordPress自作テーマ作成【header.php作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はその中でもheader.phpの作成ついてご紹介しています。
Photoshopのリンク配置で共通パーツを作ってデザインの効率をUPさせよう
WEBサイトのデザインカンプを作成する際に、ヘッダーやフッターなどの共通部分を「リンク配置」機能を使い、共通パーツ化する事でとても効率よく作業をする事ができます。この記事ではWEBサイトの共通デザインのリンクファイルの作成方法をわかやすくご紹介しています。
「ブログリーダー」を活用して、ナレッジベースさんをフォローしませんか?
AdobeXDではデザインにアニメーションを設定する事も可能です。例えばリンクボタンがマウスオーバーした時にアニメーションをつけてブラウザで確認ができます。この記事ではAdobeXDでリンクボタンにマウスオーバーアニメーションをつける方法をご紹介しています。
この記事ではサーバーに移管作業に関する手順をご紹介しています。新しくサーバーを変えたい方で、サーバーの移管作業を考えている方の参考になれば幸いです。
この記事ではJavasscriptでパスワードを入力してページ遷移をさせる方法についてご紹介しています。特定のユーザーのみに表示を許可したい場合に、ベーシック認証等を設定する事が多いですが、サイト規模や場合によってはJavasscriptで簡単に実装できる事もありますので、是非一度試してみてください!
WEBサイトを印刷した時、改行の位置が思った通りにならないことはありませんか?このページでWEBページの印刷時に、指定した位置で、文字を改行させる方法についてご紹介しています。
WEBサイトを印刷した時に表示が崩れて困ったという事はありませんか?このページではWEBサイトを印刷した時に起こる印刷崩れの対処法を3選に分けてご紹介しています。簡単にできる方法からCSSを使って調整する方法までご紹介していますので、印刷崩れに困った場合に是非お試し下さい!
この記事ではHMTLでブラウザの戻る機能をボタンに実装する「戻る」ボタンや「次へ」ボタンを作成する方法をご紹介しています。戻るボタンはお問合せフォームの確認画面等でよく見かけますが、作成自体は簡単ですのでご興味のある方は是非お試し下さい!
GoogleMapをWEBサイトへ埋め込む方法について、画像付きで手順をご紹介しています。GoogleMapは現在地から目的地までのルートを調べたり、地図の拡大・縮小が出来るので、とても便利です。埋め込み方は簡単ですので、ご興味のある方は是非お試し下さい!
この記事ではWEBサイトの文章を縦書きにする方法をご紹介いたします。文章を縦書きにするには、CSSのwriting-modeプロパティを使用します。writing-modeプロパティにはいくつかの値があり、実際の表示などもご紹介しています。
WordPressの新着一覧記事に「NEW」というマークを一定期間表示させているサイトをご紹介しています。「NEW」マークを表示させるには、テンプレートファイルを編集する方法と、プラグインを使う方法の主に2通りあります。このページではこの2通りの方法をご紹介しています。
予めメール文を作成したけど、相手のタイミングや自分の業務の忙しさ等で、メールの送信を数時間後や後日にできればと思った事はありませんか? このページではThunderbirdのアドオン機能「後で送信」を追加する事でメールの送信日時を指定する事が出来ます。ご興味のある方は是非お試し下さい!
WordPressで記事の編集を行っている時に、文字が絵文字に勝手に変換されて困った経験はありませんか?WordPressではバージョン4.2以降より絵文字機能が追加され、場合によっては文字が絵文字に変換されてしまう事があります。この記事ではそうしたWordPressの絵文字機能を無効にする方法を2通りご紹介しています!
この記事ではHMTLでブラウザの戻る機能をボタンに実装する「戻る」ボタンや「次へ」ボタンを作成する方法をご紹介しています。戻るボタンはお問合せフォームの確認画面等でよく見かけますが、作成自体は簡単ですのでご興味のある方は是非お試し下さい!