WordPressのカスタムメニューを使ってグローバルナビゲーションを変更しよう
自分のサイトに合わせたカスタムメニューを付けよう 「このサイトは何についての情報を提供しているのだろうか？」 「アクアリウムの記事を読んでいるのに、サイドメニューにはプログラムのことばかり。メインコンテンツはどれかな？」 そういったブログにありがちな迷いは、ページ合わせたメニューを使うことで解消できます。 このページでは「メインメニューの設定方法」と 「特定の固定ページだけサイドメニューを変える方法」を解説します。 メインメニューの設定方法 WordPressには「カスタムメニュー」という、メニューをカスタマイズする設定が用意されています。その機能を使えば簡単にメニューを変えることができます。 1.「外観 > メニュー」をクリック。 2.「メニューの名前」の欄に「名前」を入力。今回は「mainmenu」としました。 名前を入力したら「メニューを作成」をクリック。 3.続いて「mainmen
自作WordPressテーマのライセンスについて調べてみた（WordPressとGPL）
昨日、自作テーマ公開のエントリー『PHPの分からない初心者向けの自作WordPressテーマ”mypace custom”を配布』を公開しましたが、その後記事を読んでいただいた某師匠様より、 基本的にオープンソース系のライセンスは再配布に制限があるとまずいのでGPLじゃなくて、クリエイティブ・コモンズ系のライセンスにそーっと変えておくのがいいかも というアドバイスを頂いたので、一応調べたつもりだったんだけどもう一度ちゃんと調べてみました！ まず「GPL」と「クリエイティブ・コモンズ」の違いについて。 厳密な説明は、公式サイトや諸先輩方のブログ等に詳細に書かれていますのでそちらをあたっていただくとして、自分がどう理解したか、という点だけ書いておきます。 GPLの特徴として、 著作権表示を残すこと 無保証であること 誰でも自由に複製・改変・頒布することが許可されていること GPLなものを改造し
PHP ファイルが文字化けてしまう場合は .htaccess で文字コードを UTF8 にする
PHP ファイルが文字化けてしまう。ファイルの保存文字コードも meta タグにしている文字コードも UTF-8 に揃えているのに、なぜか文字化けてしまう。そういう場合は、サーバーの文字コードも疑ってみましょう。 サーバーの文字コードが UTF-8 じゃない場合は、.htaccess で指定することが可能です。ただし、php_value, php_flag が禁止されているサーバーでは少し難しいかもですね。 php_value mbstring.internal_encoding UTF-8 php_value default_charset UTF-8 php_value mbstring.http_output UTF-8 php_value mbstring.language UTF-8 php_value mbstring.http_input auto php_flag mbst
URLを弄った時のパス対策
動的URLはSEO的によろしくない場合があるらしいので、可能ならば、静的アドレスに見せかけると見た目上も格好が付くと思います。これらを実現する手法は、開発者の間でかなり浸透していると言えますね。この前、私がPATH_INFOでそのような仕組みを実装した時に、パスがずれるという不具合にどう対処したかということについてメモをしておきます。 動的アドレスを静的アドレスに変換する 大きく分けて、２つの方法があると思います。それについて紹介しておきましょう。 動的アドレスを静的アドレスに変換？ https://jikkenjo.net/index.php?p=471 よりは、 https://jikkenjo.net/471.html の方が格好が付きますよね。検索結果のインデックスを作るロボットも、後者の方が重要度を大きく評価することもあるらしいです。 mod_rewriteを用いる Rewrit
<base> - ベース URL の指定 - とほほのWWW入門
形式 <base href="..."> <base target="..."> サポート LS / H2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 カテゴリ メタデータコンテンツ 親要素 head(他に base要素が無いこと) 子要素 無し(Empty) タグの省略 開始タグ:必須 / 終了タグ:無し 属性 グローバル属性 href target このページに記述されたリンク先 URL の基準となる URL や、基準となるターゲットウィンドウ(ターゲットフレーム)を指定します。<head>～</head> のヘッダ部に指定します。href で指定するURLは、絶対URLを指定します。 <base> を head要素以外の場所に記述したり、相対URLを指定した場合、Internet Explorer では無効になるので注意してください。 グローバル属性 詳細は
背景画像の拡大・縮小 → background-size ! - シンプルシンプルデザイン CSS
W3Cで「モジュール背景とボーダー」について2011年2月15日付けで更新されてますね。 CSS3では、背景画像の幅・高さを拡大・縮小するプロパティが追加されていますので、あらためてまとめてみます。 拡大・縮小による画像劣化が気になるところですが、許容できるかどうかの判断は個人差があると思います。近頃のブラウザは優秀で、いい感じでスムージングされるので「OK！」とぼくは判断しました。 さすがにIE6の拡大・縮小したときのジャキジャキ感は堪えられませんが、そもそも「background-size」は適用されず無視されるので、IE6では背景画像は拡大・縮小されません。 Safari、Google Chrome、Operaですでに実装されています。 Firefoxもプリフィックス「-moz-」で適用されます。 IE8では残念ながら未実装でした。。。この辺はプログレッシブエンハンスメントで乗り切り
【SQL】ORDER BY で NULL を最後にする場合の注意点 | 雪の天秤
SQLでNULL値を含むカラムでソートを実施する場合、何も意識しないと最小の値として処理されてしまいます。 例えば次のようなレコードが存在する場合 test_tab num1null32 select * from test_tab order by num asc; こんな書き方をすると次のような順で出力されます。 test_tab numnull123 null値が最小として扱われてしまいます。 null値を最後（この場合は最大）と扱いたい場合は下記のように書きます。 select * from test_tab order by num is null asc; test_tab num132null お気付きとは思いますが、この書き方だけでは、null値が最大として扱われただけであって、通常のソートは行われていません。 そのため、下記のように書き直します。 select * fro
.htaccessで直接リンク(直リン)の拒否をする
.htaccessの設定解説 > .htaccessで直リンクの拒否をする .htaccessで直リンの拒否をする 画像などに直リンをされると、相手のページが表示されるたびに自分のサーバの画像が呼び出されるため、自分のサーバ側に負荷がかかってしまいます。この迷惑行為をさせないための設定です。この対策として画像ファイルの呼び出し元が自分のサーバ(ドメイン)であれば許可するようにします。 特定ホストのみ許可制限をする記述方法 SetEnvIf REFERER "自分のドメイン" ok order deny,allow deny from all allow from env=ok 記述の解説 上の自分のドメインの部分はyahoo.co.jpなど具体的にドメインを記述します。 全てのアクセスを拒否するうち、自分のドメインから呼び出される場合のみ許可をするという意味になります。 注意事項 直リンの
jquery.cookie｜null指定でクッキー削除されないケースあり » artvecta blog
jQuery は大変便利な javascript フレームワークです。 が、今回問題に遭遇したこともあり、クッキーの削除について記載します。 例えば cookieA というクッキーに「サンプル」という文字列をセットした後、 この cookieA を削除するスクリプトを記載します。 ※ クッキーはセッションクッキー（ブラウザ終了時に削除されます） // cookieA に「サンプル」をセット。path は必要に応じて $.cookie("cookieA","サンプル",{path:"/"}); // クッキー内容を確認 alert($.cookie("cookieA")); // サンプル // クッキーにnullを代入して削除 $.cookie("cookieA",null,{path:"/"}); ネットで検索してみると「null」で削除という記事をよく目にします。
スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―
floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法（<div style="clear: both"></div>）を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた（「floatを繰り返すとレイアウトがくずれる」参照）。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基本的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever
[python] [twitter] WordPressに自動投稿するスクリプトを作ってみた | 雑記帳 - Just another WordPress site
結構前から，Twitter の１日分のつぶやきを，毎晩自動的に WordPress へ投稿するようにしてたけど， 画像のサムネイルを表示してくれない リスト表示は正直見栄えが悪い 時々マルチポストされてしまっている などの理由により，別のものを探すか，自分で作りたいと思っていた． 最近，Python の勉強を始めたので，練習がてら，作ってみた． 作ったと言っても，自分で作ったのはTwilogからソースを取ってきて，成形してポストするところだけ． サムネイルの取得とか，あとリンクを張ったりだとかの処理は面倒なので，全部Twilogからそのまま持ってくる事にw #!/usr/bin/env python # fileencoding=utf-8 """ wp-twilog 指定された日付のtweetをtwilogから取得し，投稿する """ ''' HTMLの実体参照文字をUnicode文字へ
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
Tips_イラレでもズレませんブレません – イラレラボ illustrator-labo
こんなエントリをみつけました↓ ＞Illustrator WEB用に保存するとサイズがずれる どうもイラレ系の制作TIPSを見ているとこのテの「イラレから書き出すとズレる」の記述があるんですががが。 結論から言えばズレません。 ズレるのはそのオブジェクトの座標がズレているからです。ピクセルにぴったりあわせてオブジェクトを作ればズレないんですヨ！マジでマジで！ 最初っからズレないようにデータをつくれば、イチイチPhotoshopに書き出してからスライスとかしち面倒くさい事しなくて済みます。元ファイルが複数あるとミスの元ですし、できればイラレで作ったら元ファイルはイラレで完結しておきたいところなのです。 スライスもイラレ上で長方形を使ってズレる事なくキレイに切れますからね。 キモは前にも描きましたが。定規とトリムマークと数値入力です。それとピクセルプレビュー。 手順としては 1. 新規書類を開
ABOUT FONT
一般的なフォントのインストールの仕方についての説明です。フリーフォントなどは圧縮されていますので、解凍ソフトで解凍してください。また、市販のフォントには通常のインストール方法ではなく、メーカー独自のインストール方法（コピー防止のため）がありますので、マニュアルに従ってインストールしてください。 [1].デスクトップ（モニター画面上の）マイコンピュータを探しクリックして開けてください。 [2].コントロールパネルを探しクリックして開けてください。 [3].「フォント」フォルダを探しクリックして開けてください。 [4].ファイル-「新しいフォントのインストール」を選択して下さい。 [5].「フォントの追加」画面が開きます。フォントのある場所を指定し、フォントの一覧よりインストールしたいフォントを選んで「OK」ボタンを押してください。これでインストール完了。 [6].念のため確認してみ
抽象的なライン背景の作り方（イラストレーター）
今回はイラストレーターで抽象的なライン背景の作り方をご紹介します。このような抽象的なデザインをアブストラクトアートと呼びます。 アブストラクトアートは様々な場面で使われるデザインです。ウィンドウズの壁紙なんかが良い例ですね。抽象的で美しく、どこか神秘的な印象も持ち合わせています。 今回はオーソドックスな面とラインで構成されたアブストラクトアートを作っていきたいと思います。
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
使用中のおすすめWordPressプラグイン15個
最近リリースされた高品質なフリーのデザインフォント -2012年1月
Windows7にフォントをインストールする方法｜caraldo.net | MT Blog
線幅も合わせて拡大・縮小する方法 | Illustrator(イラストレーター)の使い方を無料動画で伝授!
