2021-01-01から1年間の記事一覧
5章 Twitterタイムライン表示 Twitterの埋め込みタイムラインは直接SEOには結びつきませんが、Webサイトの流入経路を持つという点において効果的 twitter URLを入力 サイズ調整 検証でサイズ確認 調整後表示成功 エラー修正 画像Not foundが3つ出ていたが、…
昨日のエラー carousel、countup、AOS共に同じようなところ箇所でリファレンスエラーになっていた。 ググってみると と書いてあったのでもう一度その箇所を見直し。 教材を確認したところ、2章の文中ではが前に来ているのに、 3章の文中では一番後ろに書かれ…
wp大学後編 1章 CSSとJavaScriptの読み込み処理について ライフサイクルやフックなど、WordPressにおいての基本について WordPressではCSSとJavaScriptを読み込む処理はまとめてfunctions.phpに記述 functions.phpに記述してフックを利用することにより、Wor…
WP 13章 投稿ページの作成 ループの実装、if文による条件分岐で金額の表示の変更、数字をフォーマット get_header()関数など:ヘッダー、サイドバー、フッターの読み込み get_template_directory_uri()関数:アイコンや画像のディレクトリ(パス)の修正 get…
WP 9章途中〜 カスタムフィールド実装 10章 テンプレート階層について テンプレート階層をもとにファイル名を決める 11章 サイドバーを作成 リンク付きカテゴリーのリストを表示 カスタムクエリを使う以外にも、get_posts()関数を使って記事を取得する方法を…
html 先生に頂いたコードでnavbarの透過を試してみた。 背景に何も入れなかったら白となったのでimgをつけてみた <nav class="navbar navbar-expand-lg" style="background-image: url(img/store.jpg); background-size: cover;"> できた!! とりあえずこの設定は後回し! 先にWP! 教材大学サイト 6章 ・ループについて 7章 Bootstrapのグリッドシステム WP_Queryクラス </nav>…
・ヒアリングシート アンケート項目としては簡単にて、googleformに作る 内容としては、1.今の問題点、2.どうなれば成功なのかどうしたいのか。 重要なことはニーズを聞き取る。 客としての要望、売り上げを増やしたい、名刺代わり、かっこよくしたい等色々…
SEO対策 google serch consoleに登録できた。 設定途中に間違えてタブを閉じてしまったが、できてた。未設定項目が気になる。 httpではなくhttps実装しなくては! digital-life.club digital-life.club サーバーでSSL設定してるのにhttpのままになってる。ど…
html info欄にコロナ対策についてというリンクを作っていたので、リンクページを作成、 美容室 コロナ対策で調べて、見つけたページを拝借。貼り付けて修正して完成。 aタグ相対パスを書き込んでリンク完成。 SEOについて you tubeを見てなんとなくSEOが何な…
webliker.info html インフォメーション欄修正。テーブルタグで書いていたが、お知らせの文の前にnewのラベルが張りたくてやってみたがこのサイトには合わないと思ったので削除。 でもラベルの作り方を覚えた。 <div class="label">ラベル</div> ulタグに変更.。特に意味はなかったか…
navbar修正 写真のようにstyleをつけたら、レスポンシブ画面でトグルバーのリストが出てこなくなった。 styleを消したらリストが出て来た。ずっと悩んでいた原因はこれだったのか。 客層が周辺住民・中間層から高齢層までということもあり、読めるようにカタ…
navbar修正 写真のようにstyleをつけたら、レスポンシブ画面でトグルバーのリストが出てこなくなった。 styleを消したらリストが出て来た。ずっと悩んでいた原因はこれだったのか。 客層が周辺住民・中間層から高齢層までということもあり、読めるようにカタ…
SEOについて www.cpi.ad. note.com まだ具体的にはどれをどうするというのは分かってないが、大切なことは 1.Googleと一緒になって、ユーザーの役に立つ検索結果をつくろう2.Googleが検索結果で使いやすいように、自社コンテンツの情報をできるだけ【提供…
aosで指定した動きにならない。 トップ画像の文字は全てfade-leftでしていたのに、前に指定した通り斜め左上・左・下から出て来たり、中間地点の文字ではfade-leftで書いてるのに右から来たり、キャッシュも消しても治らず、訳がわらないので最小のファイル…
html top画像のaosの動き方を統一しようと思い修正しようとやってみたが、ガタガタになった。 コードは全てfade-leftにしたのに全然変わらず。一旦最小限のファイルを作って動きを確認して動きを確認。 動かない文字有り。もう一度確認して要修正。 せっかく…
GIthub まずgithubのサイトでrepositoryを新しく作成 次に新しいターミナルでコマンドライン通りに入力 新しファイルreadmeを作成して追加 git hub更新 するとサイトの方で確認できる。 markdown編集ができる(コード通り余計なものが入らず)ブログに書ける。…
html ・marginをつけた場合、対象物を中央寄せして尚且つレスポンシブデザイン対応するにはメディアクエリでmarginをつけて調整しないいけないと思ってやっていたが、それぞれの画面幅で見た場合ズレてくる。各画面で調整するのはちょっと面倒だなと思って、…
先生からのアドバイス。 エンジニアの仕事をしていこうと思えば読書が大切。 本の紹介: CSS設計完全ガイド ~詳細解説+実践的モジュール集 https://www.amazon.co.jp/CSS%E8%A8%AD%E8%A8%88%E5%AE%8C%E5%85%A8%E3%82%AC%E3%82%A4%E3%83%89-%E8%A9%B3%E7%B4%B…
html 前にprogateでしたことがあったので、参考にしながら書いてみた。 なかなか難しい。そしてこんな書き方で正しいのか?受講期間が終わって、こういった場合に答え合わせができないと思ったらちょっと不安。 一つ一つ検証しながら、フォントサイズを決め…
html navbarの項目のlink設定。 今回はホットペッパーへのリンクを設定。サイトのURLをaタグに書くだけ。 本当は全部自分でリンクページを作りたいが、まだまだ先の模様。 dropdownが機能していないというか、ダウンリストが出てこない。 もう一度テンプレー…
html トップ画像のカルーセル3番目を設定していなかったので設定。 全体を通してabsoluteを間違ってつけているところをdisplay:block;とmargin・paddingで修正、見た目は違っていないがコード的にはスッキリしたのかな。 また営業時間のところをulで作ってい…
html アイコンについて 元々データには白の背景があるので、xdでの透過は不可とのこと。 イラストレーター又はフォトショップで作るのがベスト。 アイコンをアップでみると、XDでも1から作成可能な様子。 nabvar透過について 上手くいかないためこれは先生が…
html 昨日の続きの作成、トップ画像と黒い背景部分の文字にAOSを設置。 動いているが、まだまだ改良の余地あり。リロードした時にトップ画像部分は動いているがスクロールした時に黒い部分の動きが終わっている。アンカーで指定しなければならないということ…
html昨日の続き スタイリスト欄の作成 ホットペッパーからmonosnapで画像を切り取りしてxdで調整の上記述。 思った位置に画像が来ず左よりに。 最終paddingでし調整。 次に下の写真欄の作成 パララックス使われているが、今は無視 画像を検索してフィルター…
htmlの続き 昨日の作った箇所の下から作成。 ここに関しては昨日の書いたコードのカラムを左右入れ替えるだけでいけたので簡単 見本サイトのカウントアップはどう書いてるのか見てたら、googlefontの表記が書いている、、、。ちょっと拝借。cdnはまだやって…
htmlの続き 先生からのアドバイスを頂いた。 ・CDNのリンクのすすめ knowledge.sakura.ad.jp /bodyタグのの上でサイトからコピペしたものを <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> と記述したがフォントに変化なし。なにが間違っているのか。 ・透明にするにははtransparent又はopacity 現状の検…
htmlの続き navbarの透過方法を検索してコピペすると透過できた!が意味を理解していないのはまずいのでちゃんと理解しなければ。 ロゴの透過はpngにして書き出ししたができなかった。xd上では透過しているのに。 仮に背景とロゴを一緒にしてxdで書き出しし…
htmlの続き navbarが少し縦幅が高かったのでCSSでheightをつけた。 また文字のfontの調整をしたら良い感じになった。 店のオーナーから店の名前を教えてもらい調べてみたところ、思ってたより、女性よりのお店の雰囲気だった。ロゴだけ拝借して調整の上反映…
htmlの続き 画像・アイコンはコケているが、練習の為メニュー各項目アイコンと文を表示 左画像はcol–4 右項目はcol–8で設定。それをcolー6を6つ用意して表示。 これで一旦終了。 お手本サイトを変更して再度作り直しとなったので、お手本サイトを探してみた…
html フォークとスプーンのアイコンの透過の方法を先生からアドバイス頂いた。 原因はXDの書き出しの際にJPEGで保存している為透過しないとのこと。 PNGで保存すれば、透過できるとのこと。 またアイコンがダサいので変更しようと思いアイコンのサイトでダウ…