bootstrapを実装
まずは公式サイトからCDNをコピーしてhead内に記述します。 実際に張ったコードはこちらです。 <!– CSS only –> <link rel=”stylesh …
MTのカテゴリーをアイコン表示する
記事一覧にカテゴリーアイコンを表示しようとしたのですが、管理画面を見ると記事の中にもカテゴリーがあり、そのほかにカテゴリーセットという大項目があるではないですか。はっきり言って混乱です。 カテゴリーセットに登録したが記事 …
Sassを監視して変更があったらファイルを自動コンパイルする
watch機能を使います。 gulpfile.jsの gulp.taskに return gulp.watch(“scssファイルのパス”, function() {}); で囲みます // gu …
MTの記事更新をJsonでトップページに再構築無しで更新する
記事の更新があったらjson形式で吐き出されるテンプレートを作成 トップテンプレートにJSでjsonの読み込みを記述。 トップページを再構築しなくても記事一覧は自動更新される。 参考にしたサイト
Sass 開発環境を整えてみた
Sassの開発環境を整えました。 まずPCにnode.jsをインストール。 続いて、Gulpもインストールしました。 コンパイルはコマンドプロンプトを開き、gulp.jsのディレクトリにいき npx gulp と打ち込み …
CSSとjsで台形のタブメニューを作ってみました。
今回はサイトのリニューアル案件で書いたコードをメモしておきます。 border-radiusは実際はつけないデザインでしたが少し丸みをつけました。 参考にしたサイトはコチラ See the Pen タブメニュー by 西 …
アンドロイドスマホだけbackground:repeatが効かない時の対処法
先日コーディングした案件でスマホ時にbackgroundイメージを縦にrepeatするデザインだったので普通に こんな感じでスマホの時は画像を縦にリピートさせる簡単なコードを書いていたのですよ。 chromeのdevel …
画像にフィルターをかけてテキストをのせる方法
メインビジュアルにキャンペーン終了のお知らせをcssで知らせたいということで、白いマスクの上に終了の文字をのせることになりました。 デザイン画像を修正するのがほどんどでしょうが、意外といろんなパターンに使えますのでmem …
WordPressとjetpack連携新しく作ったFacebookページが表示されない時の対処法
新しく作ったフェイスブックページ”Creator’s memo”に記事を自動投稿の設定をしようとしているのですができなくてハマったのでメモっときます。 まずFacebook連携はいろんな方法がありますよね。 …
Read More “WordPressとjetpack連携新しく作ったFacebookページが表示されない時の対処法”
WordPress自作テーマ ログインしてもツールバーが表示されない
今日は地味に困って調べるのに時間かかったツールバー表示についてメモっときます。 記事更新でもデザイン変更でもとりあえず表示を確認しますよね。 私は普段は管理画面とサイト表示とタブ二つ開いて確認しているので特に気にしていな …
