サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
体力トレーニング
blog.maromaro.co.jp
WordPressでのサイト構築するうえで、躓きやすいポイントの一つに「カテゴリー」や「タグ」の扱いがあります。 「カテゴリー」や「タグ」をそのまま使用している限りはさほど問題にはなりませんが、オリジナルのタグ/カテゴリーである「カスタムタクソノミー」を使いだすと、これらの違いは何なのか混乱したり、その混乱が原因で出力に手こずったりしがちです。 本記事ではこれらの概念の違いや共通点を分かりやすく紹介します。 「カテゴリー」も「タグ」も「タクソノミー」である。 まず大前提として、「カテゴリー」も「タグ」も「タクソノミー」の仲間です。とりあえず表にまとめてみたのでご覧ください。 タクソノミー 階層あり デフォルトであり カテゴリーやタグのように、記事を分類するためにつけるものはすべて「タクソノミー」です。つまり「get_category()」や「get_tag()」などの関数の代わりに「get
今回はWordpressでピン留めした(レコメンド)記事を優先的に表示する方法です。 functions.phpに下記を記述しましょう。 この例では、カスタムフィールド名「recommend_post」を利用した場合を想定しています。 また、カスタムフィールドの作成には「Advanced Custom Fields」を利用しています。 /* * ピン留めした記事を優先表示する * */ $recommend_post_flg = false; add_filter('posts_join', function ($join, $query) { global $wpdb; global $recommend_post_flg; if (is_admin() ) { return $join; } if ( (is_archive() && is_tax('article_cats') &&
今回は便利なAdobe XDプラグインをまとめてみました。 プラグイン未使用で利用している方も多いかと思います。 ぜひとも便利なAdobe XDのプラグインをお試しください! どこからプラグインをインストールするの?そもそも、どこからインストールするかわからない方は、下記のメニューからプラグイン画面を表示してみてください! 下記のような画面が表示されます アイコンを簡単につかえるプラグインIcondrop下記のような画面が表示され簡単にアイコンを検索・挿入することが可能です! いちいちブラウザから持ってくる必要がないので、良いですね。 Ikonoこちらも同様アイコンを簡単に検索・挿入することが可能です。 Google Mapを挿入できる「Maps Generator」Googleマップを簡単に挿入できるプラグインです。 なかなか重宝します。 ズームやマップの種類なども選択が可能です。 該当
こんにちは。 MaromaroのChieです。 さて今回は、写真データをPhotoshopでjpgに書き出してみたら色味が変わってしまった! なんてことありませんか? そんな時の対処方法についてご紹介します。 どんな風に違うの?写真によっては気づかないこともあるのですが、Photoshopのワークスペース上とjpgに書き出した時と見え方が違うことあります。 左がPhotoshopのワークスペース上、右がWeb用にjpgに書き出しものとなります。 わずかですが、書き出したものの方が少しくすんでしまっています。 色がくすむ原因は?元の写真のカラープロファイルの設定と書き出しの際のプロファイルの設定の違いにより差異が出てしまうようです。 ディスプレイやデジタルカメラなどにAdobeRGBが採用されることが増えたこともあり、デジタルカメラで撮影した写真をsRGBモニタにのみ対応しているディスプレイ
見出しのデザインテンプレート一覧です。
こんにちは!Maromaroのchieです。 少しづつ暑さも和らいで、秋っぽくなってきましたね。 秋と言えば昔は、「東京ゲームショーの季節だ!」と毎年楽しみにしてましたのを思い出します。 東京ゲームショーは今年も大変の賑わいを見せ、なかでも注目なのはVR系のゲーム! VRがもっと復旧すると、もしかしたらWEBサイトも実際お店に行ってるような感覚で見れるようになるかもですね。 さて今回は、初心者WEBデザイナーさんに是非とも覚えておいて欲しい基礎知識『Z』と『F』について。 ZとFって?結論から言うと、『Z』と『F』は広告やWEBにおける人の目線のことです。 人の目線には決まった動きがあると言われており、それが『Zの法則』と『Fの法則』。 普段何気なく見ているチラシやWEBサイト。 チラシを見た瞬間、ページに入った瞬間、自然と左上に視線がいっていませんか? 広告業界、WEB業界では当たり前の
こんにちは。Maromaro のコーダー hoshidaです。 WordPress でWebサイトを構築する際、トップページのテンプレートは index.php ではなく front-page.php を使った方が良い、というお話です。 ※ただし、トップページが記事一覧になっているブログタイプのサイトであれば index.php を使用したほうが良い場合もあります。 なぜ index.php ではいけないのかWordPress のテンプレート階層の中で、index.php は最も下に位置しています。 テンプレート階層 – WordPress Codex 日本語版 上記ページの中盤の概念図を見るとわかりやすいですが、例えばサイトに検索フォームがあるのにもかからわず、テーマフォルダに shearch.php が無い場合、検索結果ページは index.php によって表示されます。 その時にもし
こんにちは、佐々木です。 MaromaroでSlackを導入してから2年ちょっとが経ちました。 今回は「チームコミュニケーションツール」Slack を使ってきての感想と、実際にMaromaro内での使い方をご紹介します! チャンネルで話しかけるときには、必ずメンション「@hogehoge」をつけるメンションをつけることで、相手に通知が行きます。 しかも、名指しになるので無視するわけには行かないですよね。 明確に相手がわかっている時にはメンションを使うと良いです。 また、下記のようにするとチャンネル全員に通知されます。 @here リマインダー機能を使ってど忘れ防止どんなチャットソフトでもそうですが、複数チャンネルで多数のメッセージがやりとりされている中、 ついついやるべきことを忘れてしまいがちです。 そんな時にはリマインダー機能を使うと便利です。 例えば・・・、下記のようなメッセージがあっ
めげない!しょげない!やるせない!Maromaro の hoshida です。 今回、触ったこともないCakePHPでウェブアプリケーションを構築しました。普段私は何か新しい技術を勉強するときは、まず一冊本に目を通してから手を動かし始めるのですが、CakePHPはバージョン3が出たばかりで書籍が少なく、すべてWebから参照することにしました。当記事では同じような境遇の方のために、恥を承知でその初動の流れと参考にしたサイトを紹介します。 なお私のもとのPHPのレベルは、ifやforeacheなどの基本的な構文やルールを理解しており、Wordpressのテンプレートを0から作ることはできます。SQLの知識などは無いに等しいですが、データベースの情報をPHPであれこれしてWebサイトにするといった基本的な構造は理解しています。 CakePHPて何ぞやCakePHP まずは本家のサイトをみました。
Windows10でディスク利用率100%が解決しなかったけど、「DiagTrack」を切ったら改善された話 こんにちは、佐々木です。 最近仕事のWindows10の調子が悪く、起動まで30分~1時間ぐらいかかるようになっていたので、 よく見てみるとディスク利用率100%状態が継続していました。色々試行錯誤するも改善されず… そこで、調べてみると「DiagTrack」というサービスを切ると改善されるという話を見つけました。 「DiagTrack(Diagnostics Tracking Service)」はMicrosoftがエラー時の診断用にユーザーの行動をトラッキングしているサービスのようです。 私には必要なさそうなので思い切って停止しました! 停止の仕方(停止は自己責任でお願いします) 下記のコマンドを「コマンドプロンプト(管理者)」で実行してください。 1.「Windowsキー」を
明けましておめでとうございます! Maromaro佐々木です。 Dreamweaverの「検索および置換機能」の正規表現について今回書きたいと思います。 そもそも正規表現とは?な方も多い気がしていますが、とっても便利なので聞いただけで拒絶反応が出る方は拒絶反応を無くしていきましょう! では簡単な利用方法とDreamweaverでの使い方説明していきます。 正規表現とは 正規表現(せいきひょうげん、英: regular expression)とは、文字列の集合を一つの文字列で表現する方法の一つである。 引用元:https://ja.wikipedia.org/wiki/%E6%AD%A3%E8%A6%8F%E8%A1%A8%E7%8F%BE となっています。 簡単に言うと文字を表すための記号みたいなものです。 例えば「.」は任意の一文字を表します。 正規表現でドットだけで検索すると全ての文字
こんにちは!Maromaroのchieです! SNS時代の昨今、1日1日の出来事をFacebookやInstagramなどで残している人も多いのではないですか? 最近は、企業やお店のホームページでもリアルな情報を得られる重要な発信源として、FacebookやInstagram、Twitterへの入口も多く見られるようになりましたね。 ホームページに限らず、名刺にSNSのロゴ使用したりする人も多いのではないでしょうか。 SNSへの入口には誰が見ても分かるように、SNSのロゴを使用したいところですが、ここで注意したいのがロゴの使用ルール! サイトによってロゴのガイドラインはそれぞれなので、しっかりと公式のサイトのルールを確認してから使用しましょう! ロゴがダウンロードできる更新URLも随時更新中です。 ★2018年8月3日更新 Pinterest追加しました Facebook規約が少し変更とな
All in One SEO Pack が出力するtitle、description、keyword、canonicalを書き換える方法まとめ こんにちは!使用頻度が高いコードなのに意外とまとまった記事が無いからまとめておくか協会会長こと、Maromaroのhoshidaです。 All in One SEO Packではアーカイブページにメタタグが出ないWordPressでサイトを作る際、SEO対策プラグインAll in One SEO Packを使用するケースは多いと思いますが、メタ情報など細かくコントロールしたい場合には少し癖のあるプラグインです。 特に困るのが、タグ一覧やカテゴリ一覧などのアーカイブページではディスクリプションなどのメタタグを出力してくれない点です。 SEO的に一覧ページはクロールが巡回してくれない方がいいのでそのような仕様になっているのですが、一覧ページが固定ページ
「Maromaroスタイルレシピ」は、Webサイトパーツの無料デザインテンプレートです。 HTML、CSSのコピー&ペーストで、簡単に素敵なデザインを実装できます。 レシピや機能は随時追加していきます。 キーワードや細かなタグによって 要素の検索が可能です タブで簡単にソースコードが確認でき コピーできます 自分のWebサイトのソースコードに ペーストして完成です
[ この記事を読むのにかかる時間:5年 ] 嘘で~す。こんにちは、Maromaroのhoshidaです。 今回はWebデザイナー&コーダー向けに、Webサイト更新マニュアル制作のポイントを説明します。 前書きWordPress等のCMSを導入したサイトを制作した場合、サイトの更新マニュアルを求められる場合が多いと思います。しかしこのマニュアル作成、結構大変なのです。なぜなら、マニュアルの作成にはサイトを作成するのとは全く異なる技術が求められるからです。 難しく面倒くさいマニュアルの制作ですが、これを怠るとせっかくの高機能なCMSが宝の持ち腐れになってしまったり、更新が困難になり制作者の評価が下がりかねません。 今回はマニュアルを作ったことがない方、いまいち素敵なマニュアルを作れていないと感じている方を対象にして、その制作のポイントを説明します。 本題の前におことわり執筆者についてこのブログ
★2016年11月28日 更新 こんにちは。Maromaroの三浦です。 11月の頭に満を持してリリースされた2017年版のAdobe Creative Cloudシリーズ。 中でもDreamweaver CC 2017はBracketsを基に大幅なリニューアルが施されているとのことで個人的にかなり気になる存在でした。 早速業務で使用し始めているので簡単な所感や気になった機能、移行についてなどをまとめていきたいと思います。 ちなみに筆者の業務での使用環境はWindows10です。 Dreamweaver CC 2017で何が変わったの?SASS/LESSに対応かねてから根強い要望があったであろうSASSやLESSに対応しました。コーディング画面でのネストなどタグも含めて綺麗に表示されます。 また、オートコンパイルにも対応していて、サイト設定からSASSファイルのフォルダとコンパイルしたCS
Webデザイナーのみなさんこんにちは。Maromaroの私です。 Webサイトをデザインする際、余白やブロックの値に5の倍数を使用するのが一般的です。 私も基本的に5の倍数でデザインをしていましたが、何年か前にこちらの記事を読みました。 デザインは8の倍数でできている http://ameblo.jp/ca-1pixel/entry-11837685575.html この記事の内容は、サイトデザインの際に8の倍数を基準にすると良いよ、ということが書かれています。 要点としては以下のようなものです ・ 様々なディスプレイが8の倍数でできている ・ iPhoneのUIも8の倍数でできている ・ 8の倍数を基準にしたデザインのガイドラインがあれば、それに従ったデザインは合理的でかつ美しくなる ・ また、優れた造形に共通する数値である黄金比も導入する ・ ガイドラインがあることで、サイト幅、余白、
2024.02.19 [Windows11]必須!文字化けしないZIPファイル解凍(展開)ソフト「7-Zip」
どーも!Maromaroのhoshidaです。 Webサイト内にPDFファイルへのリンクがあるとき、そのPDFのサムネイルがあるとわかりやすくて便利です。 しかしPDFをいちいち画像化してリンクにするのはとても手間ですし、WordpressでCMS化したサイトをクライアントが更新しているような場合だと、そもそもクライアント側ではその作業が不可能なことも多いです。 MaromaroでもWordpressの案件は多いため、そのようなケースにはよく遭遇します。 そんな時にうってつけの、天からの助けとも言える便利なプラグインが「PDF Image Generator」です。 PDF Image Generator : PDFのサムネイル画像を自動で作成して表示するプラグイン | weblog by web.contempo.jp PDF Image Generatorの使い方このプラグインを有効化
フローチャートのデザインテンプレート一覧です。
こんにちは、佐々木です! title,description,keyword等を確認する拡張機能が前々から欲しいと思っていたので、少し前に作成してみました! 試しに非公開で社内用に使っていたのですが、今回Chrome拡張機能として一般公開しましたので、ご紹介させて頂ければと思います。 tdk (Chrome拡張) ダウンロードは上記から。 使い方は簡単!※ダウンロード前に開いているページで利用する場合には更新を行ってから利用してください。 Macの場合:control+shift+command+tで利用できます。 Winの場合:control+shift+alt+tで利用できます。 なんでこんなに指がつりそうなレイアウトかというと、元々ブラウザで持っている機能と被ったりという声が社内からあったので、絶対になさそうなショートカットキーに変更しました・・・。 (社内ではマウス等にショートカッ
このページを最初にブックマークしてみませんか?
『Maromaro Blog | 東京都府中市のWEB制作会社が運営するブログです。』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く