Miyo.P

5万円/月の副収入を目指して✨ Webデザイン(コーディング)について勉強中。📖学んだことや今後の挑戦を呟いていきます。 ※情報商材は買いません🙅 同じ目標を持っている方、一緒に頑張りましょう❗️🏃‍♀️

[Miyo.P @AlienFace928]

勉強に集中してて最近投稿が散発になってた。

反省😅

〜WEBサイト制作 学習ロードマップ〜
①Html&CSS
②AdobeXD
③レンタルサーバー
④JavaScript、JQuery
⑤Sass
⑥PHP
⑦SQL
⑧WordPress
⑨サイト模写　←今ｺｺ
⑩ポートフォリオ

明日から一杯サイト模写るぞ〜！☺️
#webデザイン #コーディング

[Miyo.P @AlienFace928]

letter-spacingとline-height
これホントに厄介だぁ…

テキストがズレる時、
大体この2つが悪さしてる気がする😓

#html #css #コーディング #webデザイン

[Miyo.P @AlienFace928]

模写練習　〜iSara WEBページ〜

正規コードを見ないで一旦模写完了❗️
（レスポンシブやJSはこれから…汗）

単純模写だけで15時間もかかった��

ボリュームが多いのと、
所々で微妙にズレてるのが気になる…😅

今度はお手本見ながら復習だー！

#Html #CSS #WEB模写 #コーディング初心者 #iSara

[Miyo.P @AlienFace928]

〜WPの復習〜
・デフォルトのpostにアーカイブは無い(finctionsで追加
・HP⇨archive⇨category/tag⇨singleの構造が基本
・カスタム投稿を使用
　archive-〇⇨taxonomy⇨single-〇
　表示内容はサブループ使用

postのカテゴリー名とタクソノミー名の被りに気付かず30分くらい格闘した😓

#WordPress

[Miyo.P @AlienFace928]

〜HP模写練習〜

【模写練習① HOUSEメーカーHP】
���Html
・CSS
・JQuery（メニュー開閉、スクロール）
・WP（カスタム投稿）

手本コード見ないでどこまでいけるか
Pixelパーフェクト目指すぞ〜☺️

#html #css #webデザイン #JQuery

※デザインカンプ元「Codejump」様より
https://t.co/q3vHs6wXVZ

[Miyo.P @AlienFace928]

〜CSS反省点〜
・セレクタの優先度
・マスク対象の親要素のz-index
・before/afterで図形等を表現する場合
　before：要素の背面、after：要素の前面
・100vh→position & top:0 bottom:0
　100vw→position & left:0 right:0
・fontstyleはbodyにつけておく

基本を忘れがち😅

#CSS #コーディング

[Miyo.P @AlienFace928]

うお〜っ❗️❗️

朝活1.5時間じゃ足りない〜😫

やっぱり明日から4時起きして
勉強時間30分増やすか⁉️

#朝活　#コーディング勉強中

[Miyo.P @AlienFace928]

webデザインの勉強始めて1年経ってた😳

Html &CSS
JS &JQuery
WP

最初は呪文にしか見えなかった彼らを、今では自分がコーディングしているんだなぁと…

相変わらず牛歩ですが、地道にコツコツやってようやくここまで来れたことを実感☺️

でもやっぱり早く稼ぎたい(笑

#webデザイン #コーディング

[Miyo.P @AlienFace928]

コーディング 〜備忘録〜

・drop-shadow
　⇨透過png、svgの輪郭に影を作る
・box-shadow
　⇨画像の輪郭（外枠）に影を作る

#css

[Miyo.P @AlienFace928]

WP 備忘録 〜カテゴリー名取得〜

カテゴリーページでカテゴリ名を取得したい場合

<?= get_queried_object()->name; ?>

でカテゴリー名を取得できる。

#WordPress

[Miyo.P @AlienFace928]

WP 備忘録
〜CFSについて〜
別ページ（固定ページ等）で使用したフィールド情報を他ページ（index.php等）でも共有したい場合

CFS()->get('フィールド名', ID);
※IDにページIDを入力する

例）CFS()->get('img_1', 25);
⭐︎ページIDはURLのpost=◯◯の部分

#wordpress #プログラミング勉強中

[Miyo.P @AlienFace928]

WP 備忘録

カスタムタクソノミーのアーカイブページで
各ターム名をループ内で取得・出力する方法

<?php
foreach(get_the_terms($post->ID, 'タクソノミー名')
as $term){
$termname = $term->name;
};
?>
<p><?= $termname; ?></p>

#wordpress #プログラミング勉強中 #html

[Miyo.P @AlienFace928]

WP 備忘録

ホームページに表示する投稿表示数を指定する方法

①functions.phpでメインクエリの投稿表示数を指定
　⇨add_actionでpre_get_postsフック使用
②サブループで投稿数を指定
　⇨post_per_page使用
※どちらも指定した場合、②が優先される

#wordpress #コーディング勉強中 #html #css

[Miyo.P @AlienFace928]

今日の備忘録 ~WP~

固定ページからカテゴリー名をリンク無しで取得したい場合

普通はこう↓
$cat = get_the_category();
$cat = $cat[0]->cat_name;

それでもエラーが出る場合、foreachを回すといい
（画像内参照）

#wordpress #プログラミング初心者 #html #WEBデザイン #コーディング

[Miyo.P @AlienFace928]

【WP作成時の注意点】
①index.php、style.css、functions.php
②wp_head() get_header()
③wp_footer() get_footer()
④css読み込み用のアクションフック

WP作成時、上記がないとCSSが適用されないので注意

#wp #css #html #プログラミング勉強中

[Miyo.P @AlienFace928]

〜WEBサイト制作 学習ロードマップ〜
①Html&CSS
②AdobeXD
③レンタルサーバー
④JavaScript、JQuery
⑤Sass
⑥PHP
⑦SQL
⑧WordPress　←今ｺｺ
⑨サイト模写
⑩ポートフォリオ

あと少しでようやくスタートライン😂
ワクワクが止まらない✨

#プログラミング勉強中

[Miyo.P @AlienFace928]

プログラム言語〜豆知識〜
CR(キャリッジリターン)とLF（ラインフィールド）

CR…先頭に戻る※\r
LF…次の行に移る※\n

LF とCRで 「次の行に移り、先頭に戻る」
＝「改行する」という命令になる

OSによっては片方を省略し「改行」とする事もある

#プログラミング勉強中

[Miyo.P @AlienFace928]

bindValue,bindParamの違い

①bindValue…即時実行
②bindParam…execute()時に実行

例)
$id = 1;
①~~ ->bindValue('id', $id, PDO::PARAM_INT);
②~~ ->bindParam('id', $id, PDO::PARAM_INT);
$id = 2;

//結果
//①…1(即時)、 ②…2(execute時)

#プログラミング勉強中 #PDO #PHP

[Miyo.P @AlienFace928]

PDO　〜bindValue、bindParam〜

PDOでは変数を直接扱えない。その為、

①PDOの外で定義した変数($)
②sqlステートメント(prepareの中身)で定義した
プレース��ルダ(「?」,「:」）

①②を紐づける必要がある

例）:idと$idを紐付け
$stmt->bindValue(':id', $id, PARAM_INT);

#プログラミング勉強中