ナデガタ

プログラミングの勉強をするつもりが気がつけばWordpressの事ばかり調べてる昨今に…

ナデガタ

プログラミングの勉強をするつもりが気がつけばWordpressの事ばかり調べてる昨今になった。 最高のゲーム、ざくざくアクターズの情報サイトを作りたい https://zaku-act.com/

最近の記事

JavaScriptコース4 クラスの基本まで

◆オブジェクト const 定数 ={プロパティ名1:その値,プロパティ名2:その値}; console.log(定数.プロパティ名2);  →プロパティ名2の値が表示される ・オブジェクトの値を関数にすることもできる。 const 定数 ={プロパティ名:()=>{処理}}; 定数名.プロパティ名():  ↑で上記の処理が呼び出される const animal ={ name:"レオ", age:3, greet:() => { console.log("こん

    • メモ JabaScriptコース3

      ◆関数 const greet = function() { console.log("こんにちは!"); console.log("関数を学習していきましょう!");};// 関数を呼び出してくださいgreet(); 定数greetに function() {}が定義される ◆アロー関数 // 定数greetにアロー関数を代入してくださいconst greet =() =>{ console.log("こんにちは!");};// 定数greetを呼び出してくださいg

      • 子テーマに気づき、サイトを壊す

        Lightningを改造しててふと気づいた、「あれ、これLightningのファイルをそのまま弄ってるから、アプデ来たらゼロに戻らないか?」。 そう、「テーマをカスタマイズするなら子テーマで」という基本をすっかり失念していた。何をやっているのか… やりなおし、はいまたやりなおしである。 とりあえず現状のファイルと、必要となるファイルを整理。 ◆問題発覚前 ・ローカル 「lightning」・・・・・これを弄っている 「lightningデフォ」・・弄る前の状態を一応保

        • lightningに移行 サイドバー操作。

          自分用メモなんで読む価値ないと思うけれど… 最初はlightningだったんだけどトップページがうまく編集できずに自作(Udemy講座で配布されたものの改変)したという経緯があり。 とはいえ記事のページなどのデザイン性は明らかにLightningの方が優れており、そっちに戻そうと。今まで培った知識も作ったファイルも一部は流用できるし。一部以外は無駄になるけど。 とりあえずトップページだけは元のテーマを活かしておきたい。 →top.phpを作成し、固定ページのカスタムテンプ

        JavaScriptコース4 クラスの基本まで

          記事

          いつまでもサイトの構造やっててもしゃーない、サイトの根幹はコンテンツ、記事なので、ボチボチ書いていく。 世界観解説:ゼロキャンペーンと召喚理論 割と力を入れて書いた記事だけど、よくないなぁ、よろしくないなぁ。 長い。冗長。別でブロガーとして頑張ってた時期からの悪い癖。 あと見にくくて読みにくい。読みにくくない? 見出しやスペースをうまく使えてないので視覚的にのっぺりとした印象になっている。 ・記事の分割 ・文章の簡素化 ・小見出し ・スペース ・画像の追加 この記事

          8/30 YATTA

          ◆登場キャラ一覧のページ作成 HTML&CSSは前から作ってたんだけど、今回PHPを絡めて再度作り直し。 固定ページのスラッグ:charactorについてのPHPファイル、page-charactor.phpを作成  →ほかの固定ページのデフォであるindex.phpを流用し、HTMLを追記   →ヘッダーを<?php get_header('charactor');?>とし、投稿ページのカテゴリー:キャラクターと同じheader-charactorを呼び出す    →デ

          8/28 やった

          ↑今何やってんだっけ?何が必要なんだっけ?を図にした。 「このページのPHPってどれだっけ?」とかこんがらがってきたので。 あとVScodeでdrae.ioを試したかったというだけな気もする。 上手く画像出力できなかったのでスクショにした。 ◆コメント欄 ↑のキャプチャ4を参考に。今更だけどありがたい本ですね。 記述とDLできるサンプルを参考に。 comments.phpの作成、ループ内に<p><?php comments_template(); ?></p>でc

          8/28 やった

          8/27のやったこと。

          ・やったこと ◆キャラのアイコン  ざくざくアクターズのステータス画面から各キャラのアイコンを100*100pxの範囲で切り取り   ライブラリに登録 →アイキャッチ  登録したアイコンを各記事のアイキャッチに登録   single-default.phpとarchive.phpのループ内に<?php the_post_thumbnail('thumbnail'); ?>を入力→アイキャッチが出てくる    記事に各キャラのアイコンが出てきたら訪問者が欲しい情報に行きやるく

          8/27のやったこと。

          勉強メモ Wordpress カテゴリ別のphpファイル

          やったことメモ 投稿ページのうち、カテゴリー「キャラクター」だけ別のテンプレで作りたい(サイドバー無くして記事部分を100%&個別のCSS)  これは、サイトを作るうえでの要望というよりは「サイト作りながらHTMLとCSSの勉強もそこでやりたい」という自分の都合によるもの。 以下を参考にやった。 投稿ページはsingle.phpを読み込む  元のsingle.phpを3つにコピー   ・shingle-charactor.phpを作成。スラッグ「charactor」の投

          勉強メモ Wordpress カテゴリ別のphpファイル

          822時点のTODO

          各キャラのアイコン(縦横同じサイズ) →記事のサムネに使う キャラクター一覧のHTMLを手直し  page.charactor.phpの作成   作成済みのHTMLを再利用    作成済みのCSSを別途アップロード     →今使ってるやつとクラス名かぶりなど注意      幅を調整、1200で作ってるので今の960に直す 0.8倍       キャラごとのコンテナを画像、キャラ名、役職名で区切っているが、各キャラで縦軸がずれないようにdisplay:flexで縦軸を固定

          822時点のTODO

          目下やること

          ↑の続き。 ・index.phpのループを元に戻して、投稿ページのみに反映されるsingle.phpを作成 (固定ページにカテゴリー表示されてもしゃーないやんという気づき) ・Lightningというテーマを参考にループのPHPとHTML、CSSがどうなってるのか調べる。(タグの表記、メリハリ) ・投稿ページの個別表示→single.php。タグ、カテゴリーの表示→archive.phpに反映させる ・カテゴリーの一部をcategory-{id}.phpで別の書式にす

          目下やること

          勉強メモ、Wordpressの記事ループ

          PHPよくわかんねえけど動画見ながら適当に作ってみた <?php if ( have_posts() ) {while ( have_posts() ) {the_post(); ?> <h2>  <a href="<?php the_permalink(); ?>"    title="<?php the_title_attribute(); ?>">   <?php the_title(); ?>

          勉強メモ、Wordpressの記事ループ

          WordPress+CSS日記

          昨日悩んでたやつ、「固定ページのテンプレートを変える」でだいぶ解決した。んで、色々調整してできたのが以下のページ。 ざくざくアクターズというゲームを紹介するサイトを作りたい。 サイトの全体図もまだ何もなく、まず主人公の紹介。それで各キャラ用のテンプレとして流用して、各キャラ紹介して、キャラまとめページ作って…いつ目途がつくんだろうか。 そもそも作った↑これでいいのか、クソダサじゃないか、密じゃないか…でもまぁ、今自分ができる工夫は詰め込めた気がする。 以下、上で使って

          WordPress+CSS日記

          Wordpressの固定ページをCSS手打ちしたい。

          なぜそんな無駄なことを?自分でもわからない… あ、初学者の混乱吐き出しメモなんで何かの参考にと思ってきた人がいれば読まない方がいいです。 ・HTML/CSSの勉強のためにサイト作りましょう ・せっかくだから自分の好きな作品についてのサイトを作りましょう。 ・固定ページの他にブログ形式での更新もしたい。だったらWordPressだ!。 ・でもせっかくだから自分の思う通りのレイアウトを作りたい…固定ページにCSSを追加してやればいいんだ! 何が目的で何が手段か自分でも

          Wordpressの固定ページをCSS手打ちしたい。

          ざくざくアクターズのセリフウィンドウをCSSで再現(割と雑)

          以下ツイッターからコピペ フォトショで端を調整。角?知らない子ですね… セリフウインドウの色、背景透過してるし場所によって色違うなぁ。上の薄いのが#333366、下の濃いのが#000033でグラデーションにすれば行けるのかな?んで幅408*92px。 borderは中が白で枠が黒の二重線にすればいいのでこちらを参考https://yossense.com/css-border/ border含めて408*92なのでbox-sizing:border-box https:

          ざくざくアクターズのセリフウィンドウをCSSで再現(割と雑)

          今やろうとしていること

          とりあえずHTMLとCSSの勉強をしている。 ウェブプログラマ目指すのか、それを足掛かりに他の言語の学習を進めていくのか、まだ自分の中でも方向性が定まっていない。 とりあえず、サイトをなんか作ろうと思う。 今の知識で作ったって転職やら実績作りやらに使えるポートフォリオとなるものはできないと思うけど、地道に写経するよりなんか自分に興味あるものを作った方がモチベーション保てると思う。実用的なのはそのあと作るとして、ちょっと寄り道する。明日転職したいわけでもないし。 そんな

          今やろうとしていること