web– category –
-
【css】マウスオーバーで伸びる下線を、ウィンドウ幅いっぱいに伸ばす
header { overflow-x: hidden;//線が突き抜けないように抑える ul { list-style: none; display: flex; width: 100%; margin: 0; padding: 0; li { margin: 0; padding: 0; width:20%; } } a { display: flex; position: relative; height: 70px; align-it... -
【Vue】はじめてのVue.js（×webpack）でbackground-imageのパスがおかしくなった話
Vue.jsをためしてみる ふだん、まったくreactとかvueとかその手のフレームワークも、webpackも（それこそgulpすら）ほとんど使わずに生きてきました。 が、そうはいっても全く使えないのは……ということで。 Vue.jsでポートフォリオサイト制作記という同人... -
【WordPress】contact form 7 add confirmの確認画面を確認画面っぽくするスニペット
input:-webkit-autofill.wpcf7c-conf { -webkit-box-shadow: 0 0 0px 1000px #fff inset !important; border: none !important; background: #fff !important; } input:-webkit-autofill.wpcf7c-conf:focus { border: none !important; } .wpcf7c-conf { b... -
【Illustrator】写真を書き出しパネルに入れると付く余白の解消法（CC2018）
これは、CC2018の記事です。 CC2020でさらに状況が進展しています！ 【Illustrator】クリッピングマスクされた画像のアセット書き出し問題解消！(CC 2020) Illustratorの書き出しパネルに、クリッピングマスクがかかった写真を置くと、元の写真サイズの画... -
【wordpress】single.phpをカテゴリ分岐する
<?php $post = $wp_query->post; if(in_category('information')){ include(TEMPLATEPATH . '/single-information.php'); } elseif(in_category('event')){ include(TEMPLATEPATH . '/single-event.php'); } elseif(in_category('blog')){ in... -
【wordpress】カード型記事埋め込み（oEmbed）の見た目を変えたい
カード型のwordpress記事埋め込み機能をoEmbedというらしい。 こういうやつ↓↓ http://deep-space.blue/web/630 このテンプレートを変更したいが、/wp-includes内にあり触るわけにもいかない……というかwordpress更新するたびに変わってしまう。 と思ったら... -
【photoshop】アセット書き出し拡張子の基本！PNG,JPG使い分け
.jpg（jpg60～jpg80） 背景透過が不要な写真の場合はこれ。 大きなサイズの画像場合、劣化が目立たない程度にできるだけ圧縮率を高く（画質を低く）する。 .png（8bit～32bit） 色数が少ないイラスト・図はこれ。背景透過ができるのがポイント。 単純なパ... -
【wordpress】非公開でも一覧に記事名だけは出したい
ページ内アンカーリンク＋記事一覧スタイルの場合 <?php $args = array( 'posts_per_page' => -1, 'post_type' => 'recruit_post', //postは通常の投稿機能 'post_status' => 'any', ); ?> <?php $news_posts = get_posts($args); ?>... -
【wordpress】プラグインなしでなんでもフリーワード検索できるようにする（カテゴリ名、タグ名、カスタムフィールド）
Wordpressのサイト内検索機能は、標準ではカテゴリ名・タグ名やカスタムフィールド内のテキストは検索できません。 ので、改造。 /** * サイト内検索の範囲に、カテゴリー名、タグ名、を含める */ function custom_search($search, $wp_query) { global $w... -
【wordpress】SNSのタグ
<li> <a class="btn--twitter" href="http://twitter.com/share?url=<?php echo wp_get_shortlink($post_id);?>&text=<?php echo get_the_title(); ?>&via=alta_school&tw_p=tweetbutton&related=alta_school" targe...