2016-07-01から1ヶ月間の記事一覧
・複数機能提供系Jetpack by wordpress.com ・・・wordpress.com(多く使われているのはWordpress.org)で使用されている機能が使用出来る特徴①:サイト統計情報でアクセス数やどのページが人気かを確認できる 特徴②:パブリーサイズ共有でWordpressでの投稿時…
新デザイン Portfolio yellow1204.webcrow.jp ポートフォリオを別デザイン,バナー追加バージョンで作成してみました。 できるだけシンプルな構成にし読み込み時に重くならないように心がけて制作しました。
yachin29.hatenablog.com yachin29.hatenablog.com ①まず以下4つのファイルとファルダをバックアップ用のフォルダを作成してその中に入れます。①データベースのデータ r: #2196f3">★自身のデータベースの中のphpMyadminにアクセスし、構造のところでエクス…
ポートフォリオ
★管理者権限の設定①ダッシュボードのユーザーから新規追加をして誰がどこまでのことをワードプレス内でできるかを設定します。※ 購読者:読めるだけ寄稿者:投稿をしても管理者の許可がないと表示されない投稿者:画像及び記事の投稿ができる編集者:管理者…
★ カスタムフィールドテンプレートを使用すると投稿毎に自身で設定した項目を入力するだけで簡単に更新ができます。①ダッシュボードのプラグイン→新規追加でcustom field templateをダウンロードして有効化させる。②設定→カスタムフィールドテンプレートの中…
★ワードプレスのインストール一回で様々なページをシンプルに作成していく方法制作するサイトごとにワードプレスをインストールしなくてもいい方法を以下に記載します。①インストールしたwp-config.phpの名前の前に適当な文字を入れます。今回は@wp-config.…
今回は①ワードプレスで新規アカウントを作成してthemesフォルダの中に既存用のフォルダを作成し、その中に 全てのデータをコピーアンドペーストする。(今回はroseというフォルダ名にしました。) ②そのフォルダの中にindex.phpというデータとstyle.cssのデ…
予約システムの導入d.hatena.ne.jp ①以下のサイトからプラグインのzipファイルをダウンロードする。 ②プラグイン→新規追加でダウロードしたプラグインをアップロードして有効化させます。③次に、ダッシュボードの予約システム→各種設定で予約パラメーター、…
※色や若干のデザインは変更している場合があります。 P22(Ps) P26(Ai) P28(Ai) P30(Ps) P33(Ps) P36(Ai) P41(Ai) P42(Ai) P45(Ai) P46(パターンをAiで作成、背景画像をPsで作成) P49(パターンをAiで作成、背景画像をPsで作成) P50(Ai,Ps) P55(Ai) P58(Ai) P6…
CSSで計算式を可能にするcalc()ファンクションyachin29.hatenablog.com ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 中の箱の可変しても感覚は変わらない <html> <head> <meta charset="UTF-8"> <title>CSSで計算式を可能にするcalc()ファンクション</title> <style> html,body,ul,li{font-family:"Hiragino Kaku Gothic proN", Meir</meta></head></html>…
無限スクロール http://yachin29.hatenablog.com/entry/2016/03/05/091202yachin29.hatenablog.com LazyLoad yachin29.hatenablog.com ①LazyLoadようのフォルダを作成し、imgファルダを作成してその中に5枚ほど画像を入れる。 jsファイルを作成する②以下の…
かすれ文字 必要な機能:効果→パスの変形→ラフ テキストを手書きスケッチ風に 必要な機能:効果→スタライズ→落書き グラデーションを使用したイラスト ①王冠の半分をペンツールで描きリフレクトツールで垂直軸にコピー パスが離れているので王冠の上の方は2…
基本的には教科書どうりに仕上げましたが、本来付属の背景画像と一緒に制作するところを自主制作した背景画像で仕上げました。P26 P30 P34 P40 P42 P43 P44 P48 P50 P55 P58 P63 P64 P74 P78 P82 P86 P90 P94 P98 P99 P100 P104 P118
後ほど主に使用した機能をまとめます。P22 P26 P29 P32 P34 P36 P38 P42 P46 P50 P54 P58 P62 P65 P70 P76 P82 P88 P92 P96 P100 P106 P110 P114 P120 P123 P126 P130 P134 P138 P140 P145 P148
日付の自動更新 <html> <head> <meta charset="UTF-8"> <title>無題ドキュメント</title> </head> <body> <p> 更新日: 2016年07月01日 </p> </body> </html> アセット(100ページ以上あるような場合においてアセットに登録したものをそれぞれのページに入れていれば、使用しているアセットの内容を変更するだけで全ての内容を記述通り更新して…
要素をグリッド状に表示してくれる(Maisonry) yachin29.hatenablog.com ★index.html内でのscriptの記述を以下のように変更すると高さの違う画像を使用していても自動調整してくれます。 変更するのは以下の3つ