無料でグラフィッカルな地図をカスタマイズして作成、サイトやブログに貼り付けられるMapBoxが面白い / Maka-Veli .com
MapBoxという地図作成Webツールが話題です。 地図のベースはGoogleMapsですね。 使い方 かんたん。以下の順で選択していくだけ。 プリセット ベースの地図デザインを選択 カスタマイズ 色などをカスタマイズ マーカー マーカーも多数 書き出し 書き出しは普通にフレーム読み込みと、MapboxAPIっていうのがあるようで、js使って入れられるみたいです。他にも画像書き出しなんてのも。 マイページもあり、作った地図のURLをシェアできるボタンなんかもあり、個人用にも遊べそう。 サンプル（Easy Embed） 要会員登録：メールアドレスのみ フリーだとロゴが入ります。プレミアムプランでロゴ消したり、プラン多数有り ここで挙げてるのはフリー会員のほんの一部分です。 まだざっくりとしか触ってないですが、けっこう細かいところまでいじれるようですよ。 無料でグラフィ
WordPressの投稿ページに任意の説明文を挿入する - かちびと.net
WordPressの記事投稿ページに、任意の説明文を挿入する、というTipsです。3.5から使用する事が出来るようになったフックを利用しますので3.4では使えません。 3.5からedit_form_after_editorやedit_form_after_titleと言ったフックが追加されました。これを使って投稿ページに任意の説明文を挿入してみます。 コード function after_title() {//タイトル項目下部 echo '<p>上はタイトルを、記事は下部のエリアに書きます</p>'; } add_action( 'edit_form_after_title', 'after_title' ); function after_editor() {//エディタ項目下部 echo '<p>書き終えたら公開して下さい</p>'; } add_action( 'edit_form_
DreamweaverでZen Codingの展開後の文字をカスタマイズするには？ | Webデザインのタネ
一定期間更新がないため広告を表示しています
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない（コード 付き）
タイトルはパンくずリストなんですけど、パンくずリストを紹介する記事ではありません。でも、パンくずリストを自分で作ってみると分かるんですけど、パンくずリストのコードには、WordPress でのサイト構築のノウハウが詰まっているなーって思います。なのでパンくずリストを作りながら、WordPress でのサイト構築の考え方みたいなものを紹介する感じの記事になっています。 WordPress でブログじゃない Web サイト構築をするとき、サイトの構造によってはサイドバーなどを自分でカスタマイズしなくてはいけません。例えば固定ページを作ったら、親ページでは子ページへのリンクを表示したりとか、逆に子ページでは親ページのリンクを表示したりとか …。もちろんリンクだけじゃなくて、アイキャッチ画像なんかも一緒に表示したいこともあったりします。一般的な Webサイトを WordPress で作ろうとすると
WordPressのwp-config.phpで出来る事いろいろ - かちびと.net
自分用メモ。wp-config.phpの設定 で出来る事のリストです。よくある カスタマイズは、テーマファイル内 にコードを書きますが、wp-config で出来る事を知っておくのもとても 大事ですね。 普段あまり利用しないので覚えてないし、困ったときはいちいち探してるので時間をロスしないようにメモしておきます。 スニペットのメモリストですし、細かい解説は面倒なんでしません。また、「wp-configってなんだろう？」という方には全くお役に立てないと思います。 wp-config.phpで出来る事リスト 以下リストです。古いバージョンの事は視野に入れてません。 リストはCODEXのwp-config.phpの編集から抜粋しています。 ※変更前にバックアップして下さい ※自己責任でお願いします ※コード一覧は記事最下部に有ります 01. デバッグモードにする define('WP_DEBUG
WordPressのウィジェットを自作するためのTips
WordPressに標準装備されているウィジェットで、自作のウィジェットを作成してみよう、という内容です。便利な機能で、クライアントワークでは割と必須ですけどあまり情報がない印象だったので復習をかねて書いてみました。 WPのウィジェットに追加できるアイテムボックスを自作する、という方法です。基本的な事しか書いてません。なので、WordPressテーマ開発のビギナーさん向けになります。 ウィジェットをテーマで使えるようにするまずはおさらい。利用しているテーマでウィジェットを使えるようにするには、その為のコードを書く必要があります。 何もしていない状態ですと、上記のようにウィジェットページには注意文しか表示されません。 まずは利用可能にする利用するためには以下のようなコードを利用中のテーマファイル内にあるfunctions.phpに書きます。 if ( function_exists('reg
WordPressのサイト内検索の検索条件をカスタマイズする
※WordPress3.3.2を使用しています。 2012.06.01 「投稿記事だけ検索したい」に抜けている部分があったので修正しました。 検索フォームの設置 一つのテキストフォームだけで検索する場合は以下のコードを表示させたい位置に配置するだけですね。 wp template <div id="search-box"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <input name="s" id="s" type="text" /> <input id="submit" type="submit" value="検索" /> </form> </div> あとは「search.php」を作成して適当にループさせれば検索結果が表示されます。 投稿記事だけ検索したい 標準のサイト内検索は固定ページも検索範囲に含まれて
WordPress 3.4の新機能テーマカスタマイザーの最速レビュー | Firegoby
そろそろWordPress3.4の足音が聞こえてきたということで、プラグインの動作チェックなどを行なっていたところ気になる新機能が目につきました。 その名はテーマカスタマイザー！！ なにそれ？もう名前だけで、めっちゃ面白そうじゃんということで早速このテーマカスタマイザーを使ってtwentyelevenでロゴ画像を設定できるようにしてみました。 テストした環境 テストした環境は以下のとおりです。 WordPressのバージョン： 3.4-beta4-20800 使用テーマ： twentyeleven 今回はとりあえず動作確認ということでtwentyelevenのfunctions.phpを直接ゴリゴリいじってますが、たぶん子テーマでも使えるはずですよ。^^ テーマカスタマイザーの概要 超かいつまんで説明すると、テーマカスタマイザーとは、テーマを独自にカスタマイズするための項目をUIも含めてと
WordPressをクライアントワークで使用する際に覚えておくと良さそうな管理画面のカスタマイズ用コードいろいろ - かちびと.net
今日もWordPressの記事です。今日は、クライアントワークで、納品物としてWordPressを使うときに覚えておくと便利な管理画面をカスタマイズ出来るコードのまとめです。ほとんど地味な施工ですけど。 今日はクライアントワーク向けの管理画面カスタマイズコードをいろいろご紹介します。こちらも、昨日お知らせしたWordPressスニペットに掲載しますのでそちらでもご確認頂けます。と言うわけで宣伝でした。 WordPressスニペット まだ未完成ですけど暇を見て使いやすく出来たらなぁと思います。 更新をWebに疎いクライアントさん側で行うのであれば、管理画面の利便性の向上は更新モチベーションに繋がりますし、工数分の売り上げ増加にも繋げられます。地味だけど、覚えて置いて損はありません。 では、コードいろいろです。コピペはあまり良く無いですけど、今日はまとめ記事なのでコードの解説は割愛させてくださ
WordPressプラグイン「YARPP」と「Auto Post Thumbnail」を使用して関連記事を表示するのにようやく成功した
夜中にいじってます。WordPressを。 どうも、@OZPA です。 記事の終わりにサムネイル付きで関連記事を表示するブログパーツ「LinkWithin」を導入したのが今月頭。 別に取り立てて不満も無かったのですが、ごりゅご.comの2記事を見てムラムラと 「同じようなカスタマイズやってみたい」 との思いが燃え上がって参りまして、先日ようやっと関連記事の表示を実装いたしました。 先に「Auto Post Thumnail」を有効化しよう 僕が指を咥えて眺めて咥えて眺めてやっぱり咥えていたのが@goryugo さんとこの以下の2記事。 新しい記事も過去の記事も全部自動でアイキャッチを作成してくれるAuto Post Thumbnail | ごりゅご.com Auto Post Thumbnail … 関連記事プラグインYARPPをカスタマイズしてLinkWithin風にする | ごりゅご.
管理画面のデザインをクライアント向けにカスタマイズする方法[functions.php編]
前の記事でご紹介したプラグインの利用は手軽に設定ができる反面、細かいカスタマイズは対応していません。 クライアントに納品する際、管理画面のデザインにもこだわりたい場合はやはりfunctions.phpを利用する他なさそうです。 目次 わたしが今回の仕事で利用したコードをまとめてみます。 自由にカスタマイズしたかったので、本来ある管理メニューを消して、独自にhtmlとcssを読み込ませています。 管理画面のロゴを変更する ログイン画面のロゴを変更する 管理者以外のユーザにアップデートのお知らせ非表示にする 管理者以外のユーザにオリジナルメニューを追加する 管理者以外のユーザに独自のcssを読み込む 管理画面のロゴを変更する 管理画面左上にあるロゴマークを独自のアイコンに設定できます。 //管理画面のロゴ function my_custom_logo() { echo '<style typ
![管理画面のデザインをクライアント向けにカスタマイズする方法[functions.php編]](https://cdn-ak-scissors.b.st-hatena.com/image/square/da7eb286b84bb1fb094a987ea97916ad321835bb/height=288;version=1;width=512/http%3A%2F%2Fwebimemo.com%2Fwp-content%2Fuploads%2Fcustom2.png)
WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ
これから始める人から、カスタマイズしたい人まで、 WordPressの疑問・困ったを解決するまとめ 本ブログもWordPressを使って作っている。 最初は、MovableTypeでやっていたのだが、 投稿記事の数が膨大になってくると、再構築に時間が掛かるようになったため、 新ブログを開始する際に、思い切って変えてみた。 幸いにも過去に色んな方が、WordPressに関する「まとめ」を作ってくれていたり WEB上で丁寧に説明してくれていたりしたため、難なく構築することができた。 ただ、色々な情報が散らばっていて、その都度探さなければいけなかった。 そこで、今回のブログは、自分と同じ様にWordPressを始める方のために書く、 「WordPressの導入からデザイン、プラグイン、カスタマイズまで全部まとめ」。 もくじ 今回は、以下の5つについて、まとめてみた。 それでは、それぞれについてご
WordPress管理画面にオリジナルメニューを追加した時の手順メモ
前回もちらっとメモしたんですが、 もっと具体的な内容も覚えておきたいので改めて実際のコードとともに手順をメモしたいと思います。 オリジナルの管理画面を用意しておくと、クライアントさんがサイトの更新を行う場合に安心して更新をお任せできますｗ ゴールはこれ。 不要なダッシュボードウィジェット、左メニューなどをすべて非表示にし、 オリジナルで用意したヘッダー＆メニューを差し込みます。 デフォルトの管理画面は高機能な分、メニューがずらーーーっと並んでおり WEBに詳しくない方にとっては何が何だか分からないものですからね。 ここは一思いにばっさりと切り捨て、クライアント専用にやさしいシンプルな見た目の管理画面を用意してあげることで 大幅に間違いが減りますし、説明の時間も短縮できると考えてます。 ちなみに、上記キャプチャに表示されているメモは『Headache With Pictures』というプラグ
CSS3を極めたいなら知っておきたい三角形を作る3つの方法
CSS3を使い始めていくと、ぶつかる壁に「三角形みたいに尖った角」をどう表現するかというのがあります。三角形って思ったより難しいです。 まぁ無理しないで、イメージで作ればいいんですけど、ちょっとした装飾だったりすると、ちょこっとCSSで作れると楽な時もあります。 そこで、CSS3で「三角形みたいに鋭角を作る方法」を３つ紹介します。ここで紹介する方法には、メリットとデメリットがありますので、使い分けれるようになるといいと思います。 1. グラデーションを使う こちらの記事でも紹介しましたが、背景を background-size と background-position で4分割して、斜めのグラデーションを使うことで角を落とすことができます。 コード 4分割して、4つのグラデーションでそれぞれを塗ります。この方法では、塗りを使っているので、カスタマイズ性が高いですが、グラデーションを使って
デザインどや！？｜海外カジノ オンラインのWEB作成
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
知ってると何かと役に立つ、WordPressの便利な小技・カスタマイズ法
WordPressのカスタムメニュー（wp_nav_menu）を使って、サブタイトル付きのナビゲーションを実装する - かちびと.net
プラグインなしでできる、WordPressカスタマイズ小技集
お手軽WordPress Tips：カスタムタクソノミーで作成した特定のタームに属する記事の一覧を表示数を指定して表示する - かちびと.net