木+木+木=森

できるだけ言葉にする

2023-01-01から1年間の記事一覧

特定のカテゴリの最新記事を表示

'news', 'numberposts' => 10 ]; ?> <ul> <li> <a href="<?php the_permalink(); ?>"></a></li> </ul>

画面が真っ白になったとき

php.iniのoutput_buffering設定を1にすると解決する phpのバージョンを変更するとデフォルトの0になってしまうから再発した 【WordPress】画面が真っ白!?「Warning: Cannot modify header information〜」エラーの解決する方法 - HYZ STUDIO BLOG(ハイズス…

抜粋の…を変える

抜粋の…を変えたい 続きを読むのボタンを追加したい function new_excerpt_more($more){ global $post; return '...<a href="'. get_permalink($post->ID) . '">続きを読む</a>';}add_filter('excerpt_more','new_excerpt_more',9999); ↑を参考にボタンに変更

日付の表示

日付について /*年は4桁、月日の先頭に0を付けない、曜日(l)付き*/2018年5月14日(月曜日) /*年は4桁、月日の先頭に0を付けない、省略曜日(D)付き*/2018年5月14日(月) /*年は4桁、月日の先頭に0を付ける*/2018年05月14日 【参考】WordPressの記事…

複数のタクソノミーを記載方法

タクソノミーアーカイブ(taxonomy.php)で複数のタクソノミーから記事一覧を取得したい場合の記載方法 ID, '〇〇〇' ); $term_var2 = get_the_terms( $post->ID, '●●●' ); $postQuery = new WP_Query(); $param = array( 'posts_per_page' => '4', 'post_ty…

カテゴリーの一括追加

WordPress│カテゴリーやタグを一括登録する方法│WP Taxonomy Import | MOTOKI合同会社 │ WordPress専門のWeb制作会社 WP Taxonomy Importというプラグイン 公式からはもう追加できないのでGitHubから GitHub - wp-plugins/wp-taxonomy-import: WordPress.org…

タイトルの分岐

WordPressでページの種類によってタイトルなどを変更する条件分岐方法 | ホワイトベアー株式会社 <title> | |

カテゴリーをタイトルに表示したいとき

single_term_title – WordPress私的マニュアル カスタム投稿のとき デフォルト投稿のとき name; ?>

お問い合わせフォーム

Contact form7が表示されないとき 下記コードがなかったため 固定ページでContact Form7のフォームを表示する方法 | WP-Master.club

テーマのトップページ以外が表示されない

「Warning: Cannot modify header information…」エラーの解決方法[PHP] localからテスト環境のデータを移行したけど トップページ以外に飛ぼうとすると表示されない かなり時間を無駄にしてしまった 以下、解決までの備忘録 まず、ワードプレスのデバッグモ…

ページネーションが表示されないとき

【WordPress】ページネーションの2ページ目が表示されない時の解決方法 | Roroa.|ロロア | web屋兄弟のブログ カテゴリーベースを削除する

SPLIT関数

【簡単便利!】スプレッドシートのセル内テキストを複数行に分割する方法 - Yuki's bnb blog

固定ページ量産

ワードプレスで固定ページを量産したいとき 記事をCSVファイルからインポートできるプラグイン「Really Simple CSV Importer」 | WP TECH (WordPress技術専門 Tips)

カテゴリーの表示

参考にしたサイト 【WordPress】カスタム投稿のカテゴリー名(タクソノミー)を取得して表示する方法 | Y-hilite WordPress カスタム投稿タイプ カスタム分類 WordPress タームの取得と表示方法 - by Takumi Hirashima WordPressで投稿ページに紐づくなど指…

選択範囲を滑らかにする方法

Photoshopで選択範囲や境界線を調整する方法!【拡大・縮小・追加・解除】 | Creators+

flex-boxの順番変更

flex-direction - CSS: カスケーディングスタイルシート | MDN

WordpressでJQueryを使用するとき

jsファイルが反映されない〜と悩んでいたところ、 下記の記事でやっと解決した WordPressでjQueryが動かない原因+解決策3つ | マコブログ ②の方法を試したらいけた! ありがとうございます jQuery(function($){ // この中であれば「$」使用可 });

ローディングアニメーション

ローディングアニメーションの導入方法 CSS コピペだけで実装できるローディングアニメーション! | Recooord | Web制作で扱うコーディングスニペットを紹介 今回使用したアニメーション Single Element CSS Spinners テスト環境ではうまくいったのに本番で…

スクロールに合わせて背景画像の位置を動かす方法

これよく見るけどやったことなかったやつ 意外と簡単に実装できた cssは背景画像をno-repeatにするとレスポンシブ のときに高さが全然足りなかったので指定しなかった 以下js $(window).on('scroll', function(){ var scrollTop = $(window).scrollTop(); va…

外部遷移のプラグイン

WordPressで外部リンクの前や後ろにアイコンをつけるプラグイン WP External Linksの設定方法

背景画像を透過

これもいつも調べてる いい加減覚えよう 親要素に画像を指定、子要素を透過 .haikei{ background-image: url(computer.jpg); .toumei{ background-color: rgba(255, 255, 255, 0.562); } CSSで背景を透過させる方法3つを徹底解説 - WEBCAMP MEDIA

ふわっと表示

body { animation: fadeIn .4s ease-in 0s 1 normal; } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } 【CSS】読み込みが終わったらふわっと表示 | g lance

本番公開できた!

Wordpressの自作テーマ、無事本番公開できました。 意外と簡単だった 参考記事ありがとうございます Local の WordPress を本番環境に移行する簡単な方法 - 株式会社サトウ工房

左寄せで中央に配置

初歩的すぎるけど、毎回調べてる気がするので覚え 【CSS】超簡単!テキストを「左揃え」のまま「中央寄せ」にする方法【プログラミング】 .sample { text-align: center;} .sample p { display: inline-block; text-align: left; }

Wordpressで自作テーマを作る

やっと自作テーマを作った 下記を参照しながらだったので、想像していたよりはスムーズにできた ありがとうございます感謝感謝 WordPressオリジナルテーマの作り方①(ファイルの準備編) - じゅんぺいブログ 記事を見ながらやっただけやから?なことはいっぱ…

hoverで画像を拡大

sample_box{ width:300px; // サイズがサンプルなので適時変更してください。 margin:0 auto; //サンプルで中央に寄せたいので書かせていただいております。 overflow:hidden; //これを記述することではみ出た部分を非表示にします。 } .sample_box img{ tra…

ポートフォリオ用画像

ポートフォリオ用の画像をスクショしたいときのコマンド (1)option+command+I→検証画面が開く (2)Shift+command+P→コマンドメニューが開く (3)fullと入力し、エンターキーを押す 以上の手順でフルスクリーンのスクショを撮ることができる

masonryレイアウト

今回ポートフォリオをWordpressの自作テーマで作り直すことにした どうせなら画像を敷き詰めたいと思い、調べてみるとFlexboxではないよう Pintarestのように画像を敷き詰めるレイアウトをmasonryレイアウトと言うらしい いくつかやり方があるみたいだけど、…

写真の白飛び

もらった写真の看板だけが白飛びしていた 暗い写真は明るく補正できるけど白飛びだと難しそう Photoshopだとトーンカーブとかレベル補正とか試したけど明るすぎて元の色には戻らない 結局Lightroomで看板の部分だけマスクしてライトとカラーのところをいじっ…

画像の上に文字を配置して可変に対応

親要素にはposition: relative; 位置を指定したい子要素にpotision: absolute; レスポンシブ にしても位置がずれないようにするためには top: ●vhのようにvh,vwを使用する 左右の位置は下記を指定 left: 50%; transform: translate(-50%, 0); -webkit-transf…