メインカテゴリーを選択しなおす
副業をしようと思う。 毎月、こんなに稼いでるのにまだ足りない(貯金がまったくできない)というのは、金の使い方にそもそも問題があるのだと思うのだが、恐らく最初に…
【Web制作】静的・動的ページの違いって何?メリットとデメリットをご紹介!
「静的ページ」「動的ページ」の違いとは?今回はメリット・デメリットを含めご紹介いたします。
GoogleMapをWEBサイトへ埋め込む方法について、画像付きで手順をご紹介しています。GoogleMapは現在地から目的地までのルートを調べたり、地図の拡大・縮小が出来るので、とても便利です。埋め込み方は簡単ですので、ご興味のある方は是非お試し下さい!
この記事ではWEBサイトの文章を縦書きにする方法をご紹介いたします。文章を縦書きにするには、CSSのwriting-modeプロパティを使用します。writing-modeプロパティにはいくつかの値があり、実際の表示などもご紹介しています。
【WordPress】新着記事に「NEW」マークを一定期間だけ表示させる方法
WordPressの新着一覧記事に「NEW」というマークを一定期間表示させているサイトをご紹介しています。「NEW」マークを表示させるには、テンプレートファイルを編集する方法と、プラグインを使う方法の主に2通りあります。このページではこの2通りの方法をご紹介しています。
このページではWEBフォントについて、システムフォントとの違いやWEBフォントを使用するメリット ・デメリットから使用方法まで分かりやすいようにご紹介しています。ご興味のある方は是非参考になれば幸いです。
【設定簡単】Googleアナリティクスに自分からのアクセスを除外する方法
Googleアナリティクスから自分のアクセスを除外させる方法についてご紹介しています。アナリティクスを設置したけど、自分のアクセスがカウントされる・自分のアクセスを除外したいが方法が分からない方は、分かりやすくご紹介していますので是非一度ご覧下さい。
かなり前からやってみたいと思い、ぼんやりと構想などはあったのですが、とうとうブログを開設までに至りました。 WEB制作に関する情報をメインに発信 このブログでは、主にWEB制作に役立つ知識を中心に発信していければと思います。自分が制作の現場で経験し、解決してきた事を発信する事で、誰かの役にたれてば幸いです。また、このブ
WordPress(ワードプレス)の自作テーマのメリット・デメリットは?
WordPressを利用する時、WEBサイトのデザイン決めるテーマを選ぶのですが、こだわりだすと以外と「これだ!」と思えるテーマが見つかりません。また、いざテーマを選んでカスタマイズをしてみたものの「何だか思っていたものと違う…」なんて事も意外とあります。そこで、今回は既存のテーマではなくWordPressのテーマその
スマートフォンの普及により、2017年にはネットの利用にスマホを使って利用する方の割合がPCを上回り、WEB制作の現場でも、デバイスごとに表示を最適化すデザイン手法として「レスポンシブWEBデザイン」が好まれるようになりました。WEBサイトの機能も、スマホの登場によりタップをしてメニューを開いたり、電話をかけたりと、動
WordPress(ワードプレス)の構築を簡単に!子テーマを作成する方法
WordPress(ワードプレス)の構築には、大まかに二通りあるかと思います。 1,自作(オリジナル)テーマを作成する。 WordPressのデザイン面にあたるテーマフォルダを自作していく方法です。これにはHTML・CSSの経験や、WordPressのテンプレート階層や構造などをある程度理解しておく事が必要となり、初心
無料で作れる!ホームページ作成サービスのメリットや注意点をご紹介します
インターネットが普及してまだまだ浅いですが、この間にもとてつもないスピードで様々なサービスが生まれ、広がっています。 WEBサイトも現在ではHTML・CSSの知識がなくても、ある程度形にできてしまうサービスなどが展開され、無料での提供となるので、昔よりもはるかに気軽にホームページが持てるようになりました。
WordPressのテーマ編集などを行っていれば、更新を行った際に画面が真っ白になったという経験はあるのではないでしょうか? 私もWordPressの自作テーマを作り出して間もない頃はこの現象になり、かなり焦った記憶があります。
WordPressの固定ページと投稿ページの違いとは?【初心者向け】
WordPressでのWEBサイト制作を始めて間もない頃は、固定ページと投稿ページの違いがわからず、とても迷った記憶があります。当時、一生懸命違いを調べたのですが、それでも理解が追いつかず…。
【簡単・便利】アップしたサムネイルを一括リサイズできる!プラグイン「Regenerate Thumbnails」のご紹介
WordPressのメディアに画像をアップロードすると、自動的に画像がリサイズされるのですが、後でサイズ変更をするには、少々手間がかかります。まず、管理画面の左側にあるメニューの「設定」→「メディア」で、サイズを変更し、再び画像をアップロードしないと、その変更したサイズにリサイズをしてくれません。
WordPressの旧エディタに戻すプラグイン「Classic Editor」の使い方やサポート期限についてご紹介
WordPressがバージョン5になり「Gutenberg」という新しいブロック型のテキストエディターが採用されるようになりました。 従来のワードのようなテキストエディターに慣れている方にとっては、大幅な仕様変更によって慣れるのに時間がかかったり、思うように編集が出来なかったりする方もいらっしゃるのではないでしょうか。
【簡単】WordPressをローカル環境で構築できる「Local by Flywheel」の使い方をご紹介します
WordPressをローカル環境で構築する場合、多くの方が「XAMPP」もしくは「MAMP」を思いつくのではないでしょうか? ですがXamppやMAMPは、設定が細かいだけに初心者には中々敷居が高かったりします。 そこで、今回はWordPressのローカル環境での開発を超簡単にできる「Local by
投稿記事を複製して、ブログの編集の効率を上げられるWordPressプラグイン「Duplicate Post」
WordPressプラグイン「Duplicate Post」のご紹介。投稿ページの記事を、たった1クリック複製でき、ブログの編集を効率良く行えます。また、固定ページやカスタム投稿、プラグインで作成したお問合せフォームも複製できるとても便利なプラグインです。
WEBデザイナーとは、WEBサイトをデザインしたりHTMLをコーディングする人を指します。今回はWEBデザイナーになるのに必要な知識やスキルなどについてご説明や、また、制作会社に勤務している自分が、どういう人が向いているのかご紹介いたします。
CSSの役割や使い方について、概要や、設定、大まかな使い方などを、WEBデザインを習い始めの方にも分かりやすく、理解してもいやすいように、ご紹介しております。
SCSS・SASSがとても便利なので基本的な使い方をご紹介します
制作の現場でも使う機会が増えているSCSSについて、これからSCSSを学びたいと考えている方へ向けて、基本的な使い方のご紹介をしたいと思います。
0から始めるWordPress自作テーマ作成【header.php作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はその中でもheader.phpの作成ついてご紹介しています。
0から始めるWordPress自作テーマ作成【footer.php作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はfooter.phpの作成ついてご紹介いたします。
0から始めるWordPress自作テーマ作成【TOPページの表示とテンプレートタグ編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回はTOPページを表示させる事を目的として、その方法とテンプレートタグについて、ご紹介をいたします。
0から始めるWordPress自作テーマ作成【固定ページ作成編】
WordPressの自作テーマ作成について、いくつかにポイントを分けて、自作テーマを始めたい初心者の方分かりやすくご紹介しています。今回は固定ページの作成方法についてご紹介をいたします。
0から始めるWordPress自作テーマ作成【投稿ページ作成編】
前回は固定ページの作成方法をご紹介し、WEBサイトの下層ページを作成しました。今回はWordpressの投稿ページの作成方法をご紹介していきたいと思います。 前回にもお伝えした、WordPressには固定ページと投稿ページと2つの特性をもった機能があり、それぞれの特性に合わせてページを作成していきます。固定ページと投稿ページの違いについては、以下の記事をご覧下さい。 固定ページと投稿ページの違いに
0から始めるWordPress自作テーマ作成【お問合せフォーム作成編】
前回はWordPressの投稿ページの作成方法についてご紹介いたしました。 今回はメールフォームが作成できるプラグイン「MW WP Form」を使って、お問合せページの作成方法をご紹介していきたいと思います。 メールフォームのプラグインと言えば「ContactForm7」など有名なものがありますが、MW WP Formではその他のプラグインと同様に細かい設定や、日本語のサポートやTipsも多くあり
WordPressでやっておきたい5つのセキュリティ対策やプラグインのご紹介
WordPressは世界中で利用されていて、CMSとして企業から個人まで様々なユーザーがいます。 その反面、WordPressを使用するにあたって、ちょくちょく耳にするのが「セキュリティの弱さ」について問合せを頂く事があります。 今回はWordPressのセキュリティ対策について、これだけはやっておきたい5つの対策や使用するプラグインなどをご紹介していきます。 なぜWordPressがセキュリティ
0から始めるWordPress自作テーマ【記事一覧の表示方法編】最新記事一覧をトップページに表示させてみよう
WEBサイトのTOPページなどによるある、新着記事の一覧。 この記事の一覧をWordPressを使って表示させる方法を今回はご紹介していきます。 WordPressのテーマを自作されている場合でも、よく使う場面がありますので、参考になれば幸いです。 では、さっそくご紹介していきましょう。 WordPressのループ機能を使って最新の記事一覧を表示させます 最新記事の一覧を表示させるには、ループと呼
Dreamweaverのテンプレート機能でコーディングの効率を上げよう
Dreamweaverのテンプレート機能を使ったコーディングのご紹介をしています。テンプレートファイルを作成し共通パーツを作成すると、効率良くページの作成が行えます。また、編集可能領域を設定する事で個別で編集できるパートも作成する事でより、コーディングの効率化が可能です。
WordPressの動画プラグイン5選!動画データやYouTubeを埋め込む方法と合わせて解説
WordPressで作成するページ内に動画を載せることで、 内容を詳しく説明するページの滞在時間を伸ばすページの離脱率を減らす などの効果があります。 5Gが登場し、今後ますます動画での情報発信は重要となっていくでしょう。 今回は、WordPressへの一般的な動画アップ方法に加え、WordPressのおすすめ動画プラグインを紹介します。 WordPressのプラグインなしで動画をアップする方法
WordPressのSNSプラグインまとめ|シェア・フォローボタン設置や自動投稿などの方法を解説
WordPressにアップする記事へユーザーを誘導するために、SNSの高い拡散力を利用しない手はありません。今回は、WordPressで作ったサイトにSNSのシェアボタンやフォローボタンを設置できるプラグイン、SNSの投稿をサイト上に表示させるプラグイン、記事を新規投稿した際にSNSで自動シェアできるプラグイン、SNS上でのアクションを計測できるプラグインを紹介します。
CSSが適用されない原因とは?反映されないときの対処法を解説!
「せっかくCSSを書いたのに、ブラウザに適用されない!」と困った経験がある方もいらっしゃるのではないでしょうか。 スタイルシートが反映されない原因は多岐に渡りますが、主な原因をひとつずつ確認し、 対処すれば解決法は見つかります。 今回は、CSSが適用されない主な原因と対処法を解説します。 まずは「デベロッパーツール」を起動 CSSが適用されない原因を探るために、まずはデベロッパーツール(検証機能)
0から始めるWordPress自作テーマ【カスタム投稿作成編】
WordPressのカスタマイズをしていると「カスタム投稿(ポスト)」という言葉を一度は耳にした事があるのではないでしょうか? 「いつかは使えるようになりたい」「この機能を使ってページをカスタマイズしたい」とも思った方も多いかと思います。 今回はこの「カスタム投稿」について、機能の説明や使い方をご紹介していきたいと思います。 カスタム投稿とは WordPressには投稿ページと固定ページとがあり、
Dreamweaverのプション領域を使ってテンプレートを条件分岐をする方法
Dreamweaverのテンプレートのオプション領域について、使い方などを分かりやすくご紹介しています。ページ内のコンテンツを、ページによって表示・非表示を効率的に作成できる機能なので、ご興味のある方へ、是非参考になれば幸いです。
Dreamweaverのスニペットを登録して効率よくコーディングをする方法
このページではDreamweaverのスニペットについてご紹介しています。同じコードを何度も使う時にスニペットに登録しておくと、簡単に呼び出せて何度でも使えるので効率的にコーディングができます。Dreamweaverをお使いの方でスニペットを使った事が無い方であれば是非お試し頂きたい機能の一つです。
【SNS投稿にはこれも!】OGPの設置方法とWordPressのプラグインをご紹介
SNSに投稿記事の情報を読み取り、画像やタイトルを表示させるOGPについて設定方法やOGP設定ができるWordPressのプラグインをご紹介しています。
IT/WEB業界でよく使われる!知っておきたい業界用語について
IT/WEB業界でよく使われている用語についてまとめたページです。専門用語は数え切れない程ありますが、その中でもよく使われているであろう用語も絞ってご紹介しています。知っておく事で打ち合わせの内容がスムーズに理解できる場合もありますので、WEB制作に携わる人の参考になれば幸いです。
WordPressのバージョンをダウングレードさせる方法!もしもの時の対処法をご紹介
WordPressのバージョンを戻す方法についてご紹介しています。このページではWordPressのタウングレードさせる方法をいくつかご紹介していますので、ご自身の状況に合わせて参考にして頂ければと思います。
WordPressの表示速度改善に!高速化におすすめのプラグインまとめ
WordPressの表示速度を改善する、速度表示を上げてくれるプラグインをご紹介しています。こちらのページではWEBサイトの表示速度を調べるツールや、速度改善を行うプラグインの使い方もご紹介しています。
【CSS】背景に複数の画像や色を1つのプロパティで読み込ませる方法
cssで1つのbackgroundプロパティに、複数の背景画像や背景色を読み込ませる方法をご紹介しています。背景画像を複数読み込ませる方法と、背景色と背景画像を読み込ませる方法を詳しい手順を解説しています。短いコードを覚える事で生産スピードも挙げられます。
WordPressで記事の編集を行っている時に、文字が絵文字に勝手に変換されて困った経験はありませんか?WordPressではバージョン4.2以降より絵文字機能が追加され、場合によっては文字が絵文字に変換されてしまう事があります。この記事ではそうしたWordPressの絵文字機能を無効にする方法を2通りご紹介しています!
【超簡単】リダイレクト設定ができるプラグイン「Redirection」の使い方をご紹介
WordPressのプラグイン「Redirection」を使った、WEBサイトのリダイレクト設定についてご紹介しています。リダイレクト設定は通常、.htaccessを編集を行いますが、WordPressのプラグインで簡単に編集ができるようになります。
WordPressでよく使う条件分岐タグについて、基本的な使い方からよく使う条件分岐タグのご紹介と使い方を、分かりやすくご紹介しています。条件分岐タグはWordPressの構築ではかなり使いますので、ご興味のある方は是非ご覧ください。
LazyLoadの設置|画像の遅延読み込みでWEBページを高速化
このページでは画像の遅延読み込みをさせてWEBサイトの表示速度の改善に役立つプラグイン「LazyLoad」について、インストールから、設定方法などを詳しくご紹介しています。
CSSで表のデザインを綺麗に!誰でも簡単にできる方法を解説!
この記事ではCSSで表(テーブル)の作成を詳しく解説をしています。最後まで読んでいただくことで、「なぜCSSで表をデザインする必要があるのか 」「目的別にCSSで表をデザインする方法」「表のレスポンシブ対応の仕方」について理解することができます。
【WordPress】アイキャッチ画像が無い場合に、別の画像を表示させる2つの方法
WordPressでブログ記事のアイキャッチ画像が無い場合に別の画像を表示させる方法を、テンプレートを編集する場合と、プラグインで対応する場合と2つに分けてご紹介しています。アイキャッチを入れたいけど、用意が難しく悩んでいる方は是非一度ご覧ください。
WordPressの投稿個別(詳細)ページのページ送りを同一のカテゴリー内だけにする方法
WordPressの投稿個別(詳細)ページのページ送りを、同一カテゴリー内だけにする方法をご紹介しています。通常、投稿個別(詳細)ページのページ送りは投稿順にページ送りされてしまうのすが、同一カテゴリー内だけにする方法は簡単ですので、是非お試し下さい。
【WordPress】投稿スラッグを自動で日本語から小文字英数字に変更する方法
WordPressで記事と投稿する際日本語になっている場合に、スラッグを自動で日本語から小文字英数字のスラッグに変更する方法をご紹介しています。スラッグを日本語から英数字に変更する方法にご興味のある方は是非一度ご確認下さい!
WordPressでヘッダーをページによって切り替える方法をご紹介しています。この記事ではトップページと下層ページでヘッダーが違うといったパターンで、ヘッダーを切り替える方法をご紹介しています。
【簡単】Googleフォントの使い方と注意点や、おすすめGoogleフォント5選!
この記事ではGoogleフォントの使い方から、使う上での注意点についてご紹介しています。また、その他におすすめのGoogleフォントを5つご紹介していますので、これから使用を検討している人は是非参考にしてみて下さい!
特定の固定ページの内容を取得して表示させる方法【WordPress】
特定の固定ページの本文やタイトル、抜粋文といった内容を取得して、トップページやその他の固定ページなどに表示させる方法についてご紹介しておいます。