-
WordPressでページ送りエラー修正WordPressWordPressでページ送り2ページ目がエラー WordPressのパーマリンクで「catgory」を抜いた際に、ページ送りで2ページ目がエラーになる事よくありますよね。 そんな時の解決方法を記述し...
-
WordPressスマホとPCで一覧の表示数を変更WordPressWordPressで投稿数を変えたい時 WordPressで投稿一覧を表示した際に、スマホの時だけ1つどうしても余ってしまう…. って事ありますよね? そんな時表示数を変更してしまいます。...
-
【2022年度】YouTube広告について調べてみた。WEBディレクションYouTubeの広告の種類 YouTubeには何個か広告の種類があります。 インストリーム広告 動画が再生されている間に表示されスキップ可能な広告。 TrueViewディスカバリー広告 YouTube...
-
【Basic認証】さくらサーバー編SAKURAサーバーさくらのレンタルサーバでBasic認証 サーバーを取得していただきアップロード後に設定が可能です。 管理画面へアクセスします。 サーバコントロールパネル サーバコントロールパネルはこちら 登録時の初期...
-
【jQery】よく使う動きをまとめました。JqueryjQeryでよく使う動きをまとめました。 コーディングの際によく使うjQeryをまとめました。 jQery設定の際に参考にしてください。 参考サイト:jQery動きのまとめ ハンバーガーメニュー 参考...
-
【jQery】リンクによってタブ切り替えのタブを指定JqueryjQeryでタブ切り替えの開く場所指定 jQeryを使ってタブ切り替えはよく行うと思います。カテゴリーへのリンク先の場合そのタブが開いてくれていると親切ですよね。 そこで今回idによって何番目のタブが...
-
【WordPress】親カテゴリーで子カテゴリーをループWordPress親カテゴリーに紐づく子カテゴリーの一覧を表示する方法 色々結構調べて実装できたので覚書程度で掲載します。※参考記事忘れてしまいました…すみません。 コードを記載させて頂きます。 とりあえず...
-
【初心者必見】コーディング作業で間違えやすい場所コーディングコーディングを初めて作業する時に間違えやすいポイント コーディングで間違えやすいポイントを紹介します。 ファイルの場所 通常のファイルの構成をご紹介 間違っているファイル構成 「htdocs」のフォル...
-
【WordPress】特定の記事での条件分岐WordPressWordPressで特定の記事の時に表示したり非表示にする方法 WordPressで特定の記事のみ非表示にしたかったり、表示したい事ないですか? そんな時に特定のURLのみ取得して条件分岐する方法があ...
-
【コーディング初心者向け】数字の連番CSSリストやスタイルシートで数字の連番を設定する方法 順番に数字を割り振りたい時に、数字を書くのが大変。 それぞれにクラスを与えるのも大変… そんな時に役立つ、連番の設定方法についてご説明しま...
-
jQeryで時間になったら表示非表示JqueryWordPressのウィジウィグでbrが反映されない WordPressのウィジウィグで「テキスト」表示に切り替えて、 「br」を入力しても、公開後消えてしまう。 そんな時の 記述を紹介します。 jQ...
-
よくある質問のテンプレートCSSよくある質問のテンプレートの紹介 サイトを作成する時によくある質問は結構ページとして作成されます。 そんなよくある質問についてテンプレートを紹介させて頂きます。 通常のよくある質問 特に動きもないよく...
-
【Photoshopの使い方】カスタムシェイプで従来のシェイプを追加PhotoshopPhotoshopのカスタムシェイプ追加 Photoshop2020の場合、カスタムシェイプが以前の物から変更になり、 使えなくなっています。 そんな時に従来のカスタムシェイプを表示する方法をご説明し...
-
wordpressのウィジウィグ改行が適用されないWordPressWordPressのウィジウィグでbrが反映されない WordPressのウィジウィグで「テキスト」表示に切り替えて、 「br」を入力しても、公開後消えてしまう。 そんな時の 記述を紹介します。 fu...
-
スマホサイトの際にtableをどの様に表示するCSSスマホの際にtableを横スクロールで表示 PCサイトを作成した際に表を作ったけどスマホの時にでどうすればいいか? 非表示にして同じ内容をSPで作ることないdrすか? そんな時は横スクロールで表示して...
-
Advanced Custom Fields特殊な出力の場合WordPressAdvanced Custom Fields通常の出力方法と異なる場合 カテゴリーなどでカスタムフィールドを使った場合や、 固定ページのカスタムフィールドの値を表示させたい場合。 カテゴリーに設定した...
-
【プログラミング】オンラインプログラミングスクールまとめ勉強オンラインスクールを選ぶ理由 まとめ記事書いてみました!! オンラインスクールにはメリットとデメリットがあります。 自身の現状と合わせてお考え下さい。 メリット ・在宅で勉強できる。 ・コロナの心配が...
-
【コーディング初心者向け】positionの使い方CSSpositionの使い方 今回は「position」の使い方に関しまして、ご説明致します。 「position」には色々な種類があります。 どのように分けて使用するかを説明致します。 position...
-
WordPress固定ページの内容を取得WordPress特定の固定ページの内容を所得して表示 固定ページの内容を流用して使いたい場合や、管理画面で変更できるように固定ページでページを作成し、 PHPを使って内容を取得して表示します。 取得のソース 固定ペー...
-
【Illustrator初心者向け】立体文字の作り方illustratorIllustratorで立体文字作成 Illustratorを使って立体文字を作成します。 アクセントデザインに活用しよう。 Step01.数字や文字を入力します。 好きな文字を入力してください。 今...
-
【Illustrator初心者向け】吹き出しの作り方illustratorIllustratorで吹き出し作成 Illustratorを使って吹き出しを作成します。 コメントなどの際に吹き出しを使ってデザインをしよう。 Step01.レイヤーを新規作成します。 大きさは自由...
-
【Photoshop初心者向け】人物のシワ取り方法PhotoshopPhotoshopで人物のレタッチ作成 Photoshopを使って人物のシワをなくす方法についてご説明致します。 写真を加工して綺麗に人物画像を表示させてみましょう。 Step01.画像を表示します。...
-
【Photoshop初心者向け】リンクファイル作成方法PhotoshopPhotoshopリンクファイル作成 Photoshopでデザインをする際に、ヘッダーやフッターなどの共通ファイルを 一つのファイルで一元管理する方法についてご説明致します。 複数ページにまたがったデ...
-
【コーディング初心者向け】max-widthとwidthの違いCSSwidthの横幅の設定の違い 今回は「width」の使い方に関しまして、ご説明致します。 「max」がつくのとつかない場合で、用途は大きく違います!! 「max-width」と「width」の違いに関...
-
【コーディング初心者向け】border-radiusの使い方CSSmarginとpaddingの違い 今回は「border-radius」の使い方に関しまして、ご説明致します。 「border-radius」とは角丸設定をするためのcssです!! 「border」が...
-
jQueryでページ移動の際に全体をフェードインで表示コーディングjQueryでページ移動の際のフェードイン 「jquery」で中ページに移動する際にフェードインで表示される方法のご紹介です!! 「jquery.js」をダウンロード致します。 ダウンロード先 「fu...
-
【PhotoshopとIllustrator】クリッピングマスクの違いillustratorクリッピングマスクの違い PhotoshopとIllustratorではクリッピングマスクの方法が異なります。 その違いについてまとめました。 Photoshop編 まずクリッピングマスクしたい画像を...
-
【コーディング初心者向け】センター寄せの方法CSSCssでのセンター寄せ色々を紹介 Cssで要素をセンターに寄せたい場合、色々なセンターに寄せる方法があります。 センターに寄せる方法で悩んだ時はご覧ください。 1つの要素の場合 中身の要素が1つの要素...
-
【Illustrator初心者向け】名刺の作成方法illustrator簡単な名刺の作成 Illustratorで簡単な名刺を作成します。 初めて名刺を作成する際に参考にしてください。 Step01.印刷会社よりテンプレートをダウンロード 印刷会社には、入稿用のテンプレー...
-
【コーディング初心者向け】Animate.cssの使い方CSSAnimate.cssの使い方 Webサイトに動きをつけたい!! そんな時にとても簡単にアニメーションをつける事が可能です!! Animate.cssのサイトにアクセス Animate.cssのサイト...