webデザイン 透かしを使ったデザイン
webデザイン様々なデザインを真似して、自身のデザインの引き出しを増やしましょう。今回は半透明の白レイヤーを重ねることで、モノクロ写真のうえに文字テキストを表示しています。photoshopvip.netphotoshopvip.net
2020-03
webデザイン webサイト制作 Google Formにオリジナルのcssを適用させてカスタマイズと自動返信機能を追加
webサイト制作以前授業でも使ったGoogleフォームですが、設置も簡単でスプレットシートと紐付けする事でお問い合わせ内容をデータベース化する事も簡単に出来てしまう、とても便利なツールですが、唯一の問題が「自分でCSSをいじれない」事です。...
webサイト制作 vs code でEmmet機能を使う
webサイト制作EmmetというのはHTMLやCSSを効率よくコーディングするためのプラグインで、SublimeText、Dreamweaver、Bracket、vs codeなど様々なエディターやIDE（統合開発環境）で利用することができ...
webサイト制作 GoogleサーチコンソールとGoogle アナリティクス
webサイト制作Google Search ConsoleとはSearch ConsoleとはWebサイトの検索結果の状況とそれに付随する情報（Webサイトの改善案・被リンク数・キーワードなど）やGoogleが認識しているページ数、Goog...
css3 cssのdisplay:grid を使ってグリッドレイアウトを作ってみる
css3CSSグリッドレイアウトは、 表と同様に簡単に段組等が作れ、グリッドレイアウトによって要素を列と行に整列させることができます。CSSグリッドを使用する事で表で実現するよりもより複雑なレイアウトが可能で簡単に実現できます。またflex...
フレームワーク タイムラインをサイトに埋め込む
フレームワーク年表や沿革などで使うタイムラインを作ってみましょう。cssのみで作れるシンプルな物のありますが、今回は「CodyHouse Framework」というフレームワークを使ったアニメーションタイムラインを作成してみます。Verti...
WordPress 投稿記事内の最初に使われている画像をサムネイル画像として表示させる
WordPressアイキャッチ画像をサムネイルをして表示させる場合<?php the_post_thumbnail( array(240, 180) ); ?>上記のテンプレートタグを使うと、imgタグごと出力されます。投稿記事内の最初に使...
その他 新しいスキルを身に着ける
その他授業も残り3週間になりました。残りの期間はとにかく今まで授業でインプットして来た物をポートフォリオという形でアウトプットしていきます。けれど、ただ漠然とポートフォリオを作るというのも難しいので、目標となる物（入りたい会社や仕事でやりた...
WordPress wordpressで特定の記事を表示させる
WordPress前回の授業では特定の記事を表示させる為に以下のように「query_posts」を使いましたが、現在「query_posts」は非推奨なので、代わりに「get_posts」を使った形に変更しましょう。「query_posts...
WordPress よく使うwordpressテンプレートタグまとめ
WordPressここの多くはwordpressのテキストで既に出て来た物がほとんどですが、よく使うwordpressテンプレートタグをまとめたので使ってみましょう。ページファイルをカスタムテンプレート化する<?php/* Template...