-
Notifications
You must be signed in to change notification settings - Fork 1
/
index_tr.html
2342 lines (2104 loc) · 166 KB
/
index_tr.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html>
<head>
<title>Cherry WooCommerce Şablon Açıklaması</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" href="css/responsive.css" media="screen">
<link rel="stylesheet" href="css/style.css" media="screen">
<link rel="stylesheet" href="css/flexslider.css" media="screen">
<link rel="stylesheet" href="css/prettify.css" media="screen">
<link rel="stylesheet" href="css/prettyPhoto.css" media="screen">
<link rel="canonical" href="http://www.templatemonster.com/help/quick-start-guide/wordpress-themes/master/index_en.html"/>
<script src="js/jquery.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/jquery-migrate-1.1.0.js"></script>
<script src="js/prettify.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/bootstrap-affix.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<link href="google-code-prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="google-code-prettify/prettify.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
<!--[if lt IE 8]>
<div style='text-align:center'>
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- Cherry Version master-->
<!-- header
================================================== -->
<header class="header">
<div class="container">
<div class="row">
<article class="span3"><a class="brand" href="/help/" target="_blank"></a></article>
<article class="span7">
<h1>Cherry WooCommerce Şablon Açıklaması</h1>
</article>
<article class="span2">
<div id="languages" class="select-menu pull-right">
<div class="select-menu_icon"><b>Tr</b><i class="icon-angle-down"></i></div>
<ul class="select-menu_list">
</ul>
</div>
<div id="versions" class="select-menu pull-right">
<div class="select-menu_icon"><b>v3-1</b><i class="icon-angle-down"></i></div>
<ul class="select-menu_list">
<li class="active"><a href="/help/quick-start-guide/wordpress-themes/v3-1/index_en.html"><span>v3-1</span></a></li>
<li><a href="/help/quick-start-guide/wordpress-themes/v3-0/index_en.html"><span>v3-0</span></a></li>
<li><a href="/help/quick-start-guide/wordpress-themes/v2-4/index_en.html"><span>v2-4</span></a></li>
<li><a href="/help/quick-start-guide/wordpress-themes/v2-3/index_en.html"><span>v2-3</span></a></li>
</ul>
</div>
</article>
</div>
</div>
</header>
<div id="content">
<div class="bg-content-top">
<div class="container">
<!-- Docs nav
================================================== -->
<div class="row">
<div class="span3">
<div id="nav_container">
<a href="javascript:;" id="affect_all">
<span class="expand">
<i class="icon-angle-down"></i>
</span>
<span class="close">
<i class="icon-angle-up"></i>
</span>
</a>
<div class="row-fluid"></div>
<ul class="nav nav-list bs-docs-sidenav" id="nav">
<li class="nav-item item1">
<dl class="slide-down">
<dt><a href="#introduction" class="icon-info-sign">Tanıtım</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item2">
<dl class="slide-down">
<dt><a href="#template_installation" class="icon-check special"><b>Şablon yüklenmesi</b></a> <i class="icon-sample"></i></dt>
<dd><ul class="list">
<li><a href="#cherryframework_installation">Adım 1. CherryFramework yüklenmesi</a></li>
<li><a href="#theme_installation">Adım 2. Tema yüklenmesi</a></li>
<li><a href="#theme_sample_data">Adım 3. Örnek veri yüklenmesi</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item3">
<dl class="slide-down">
<dt><a href="#getting_started" class="icon-play">Başlangıç </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#prepare">Hazırlık</a></li>
<li><a href="#engine_installation">Ana uygulamanın yüklenmesi</a></li>
<li><a href="#manual_install">Kılavuz yüklenmesi</a></li>
<li><a href="#plugins_intstall">Eklenti yüklenmesi</a></li>
<li><a href="#theme_plugins">Tema eklentileri</a></li>
<li><a href="#google_services">Google sunucularından veri yükleme</a></li>
<li><a href="#olark_live_chat">Olark live chat</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item4">
<dl class="slide-down">
<dt><a href="#backup_update" class="icon-refresh">Yedekleme ve Güncelleme</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item5">
<dl class="slide-down">
<dt><a href="#page_templates_sidebars" class="icon-file-alt">Sayfa Şablonu ve Kenar Çubukları</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item6">
<dl class="slide-down">
<dt><a href="#posts_categories" class="icon-edit">Yazılar, Kategori ve Yazı Formatları</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#adding-category">Kategori eklemek</a></li>
<li><a href="#blog_post">Blog yazısı oluşturmak</a></li>
<li><a href="#post-formats">Yazı formatı seçmek</a></li>
<li><a href="#slider_post">Kayan yazı oluşturmak</a></li>
<li><a href="#portfolio_post">Portfolyo yazısı eklemek</a></li>
<li><a href="#testimonial_post">Referans yazısı eklemek</a></li>
<li><a href="#faq_post">SSS sayfası eklemek</a></li>
<li><a href="#team_post">Ekibimiz yazısı eklemek</a></li>
<!-- <li><a href="#clients_post">Adding a Clients post</a></li> -->
</ul>
</dd>
</dl>
</li>
<li class="nav-item item7">
<dl class="slide-down">
<dt><a href="#portfolio_page" class="icon-picture">Portfolyo sayfası </a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item8">
<dl class="slide-down">
<dt><a href="#shortcodes" class="icon-file">Kısa kodlar </a> <i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#dynamic_shortcodes">Dinamik</a></li>
<li><a href="#columns_shortcodes">Sütunlar</a></li>
<li><a href="#elements_shortcodes">Unsurlar</a></li>
<li><a href="#other_shortcodes">Diğer</a></li>
</ul>
</dd>
</dl>
</li>
<li class="nav-item item9">
<dl class="slide-down">
<dt><a href="#plugins_widgets" class="icon-magnet">Eklentiler ve Plugins and Ana Kenarlıklar</a></dt>
<dd></dd>
</dl>
</li>
<li class="nav-item item10">
<dl class="slide-down">
<dt><a href="#theme_options" class="icon-cogs">Cherry Ayarları</a><i class="icon-sample"></i></dt>
<dd>
<ul class="list">
<li><a href="#general_option">Genel</a></li>
<li><a href="#logo_option">Logo & Favicon</a></li>
<li><a href="#navigation_option">Menü</a></li>
<li><a href="#slider_option">Slider</a></li>
<li><a href="#blog_option">Blog</a></li>
<li><a href="#portfolio_option">Portfolyo</a></li>
<li><a href="#footer_option">Alt Kısım</a></li>
<li><a href="#cookie_policy">Çerez Politikası</a></li>
<li><a href="#additional_options">Ekstra seçenekler</a></li>
<li><a href="#shop_option">Shop options</a></li>
</ul>
</dd>
</dl>
</li>
</ul>
</div>
</div>
<div class="span9">
<!-- box-content
================================================== -->
<div class="box-content">
<!-- block-started
================================================== -->
<section class="block-started" id="introduction" >
<h2 class="item1"><i class="icon-info-sign"></i> Tanıtım</h2>
<p>Bir WordPress teması satın aldığınız için teşekkür ederiz. Bu dokümanda, bir WordPress sitesinin tüm kurulum ve yönetim sürecini, ilk aşamadan itibaren detaylı bir şekilde bulabilirsiniz.</p>
<div id="wordpress_cms_desc">
<h4>WordPress İYS nedir?</h4>
<p>WordPress, ücretsiz ve açık kaynaklı bir blog aracıdır. PHP ve MySQL tabanlı bir içerik yönetim sistemidir (İYS). Size, etkili online uygulamalarla website kurma olanağı sağlar. Üstelik yönetim için, neredeyse hiçbir teknik yetenek veya bilgi gerektirmemektedir. Kolay kullanılabilirliği ve geliştirilebilirliği de dahil olmak üzere onlarca avantaja sahip olması, WordPress'i en popüler website yazılımı haline getirmiştir. <a href="http://wordpress.org/about/" target="_blank">Devamını Oku</a></p>
</div>
<div id="wordpress_template_desc">
<h4>WordPress şablonu nedir?</h4>
<p>WordPress şablonu, WordPress İYS ile kurulan website için bir nevi kıyafettir. İstediğiniz zaman, bir kaç küçük adımla Wordpress sitenizin şablonunu değiştirebilirsiniz. Bu kadar kolay bir kullanıma sahip olmasına rağmen, WordPress şablonu tüm gerekli kaynak kodlarını barındırır ve istediğiniz zaman size bu kodları düzenleyebilme veya geliştirebilme imkanı sağlar.</p>
</div>
<div id="help_support">
<h4>Help and Support</h4>
<ul class="list">
<li><a href="http://chat.template-help.com/" target="_blank">Live chat</a></li>
<li><a href="http://support.template-help.com/index.php?/Tickets/Submit" target="_blank">Help ticket system</a></li>
</ul>
</div>
<div id="file_structure">
<h4>Dosya yapısı</h4>
<p>Yüklediğiniz şablon paketinde bir kaç tane klasör bulunmaktadır. Bunlara bir göz atalım:</p>
<ul class="files_structure">
<li class="folder"><i class="icon-folder-close"></i> <b>dokümantasyon</b><small class="muted"> - doküman dosyalarını içerir.</small>
<ul>
<li class="file"><i class="icon-file"></i> documentation.html<small class="muted"> - ana doküman dosyası. Şu an tam oradasınız :)</small></li>
</ul>
</li>
<li class="folder"><b>screenshots</b><small class="muted"> - şablonların ekran görüntülerini içerir. Örneklerdir.</small></li>
<li class="folder"><b>sources.zip</b><small class="muted"> - şablonun kaynak dosyalarını içerir.</small>
<ul>
<li class="folder"><i class="icon-folder-close"></i> psd<small class="muted"> - şablonun Adobe Photoshop (.psd) kaynak kodlarını içerir.</small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> <b>theme</b><small class="muted"> - WordPress tema dosyalarını içerir.</small>
<ul>
<li class="file"><i class="icon-file"></i> CherryFramework.zip<small class="muted"> - Cherry Framework tema arşividir. Tüm tema dosyalarını içerir. WordPress eklenti yönetiminden kurulmalıdır.</small></li>
<li class="file"><i class="icon-file"></i> theme####.zip<small class="muted"> - tema(yavru tema-child theme) arşividir. Tüm tema dosyalarını içerir. WordPress eklenti yönetiminden kurulmalıdır.</small></li>
<li class="folder"><i class="icon-folder-close"></i> sample_data<small class="muted"> - WordPress sitenizin, bizim demomuzdaki gibi görünmesini sağlayacak dosyaları içerir.</small>
<ul>
<li class="file"><i class="icon-file"></i> sample_data.xml<small class="muted"> - şablonun örnek verilerini içerir (yazılar, sayfalar, kategoriler vs.).</small></li>
<li class="file"><i class="icon-file"></i> widgets.json<small class="muted"> - bileşen ayarlarını içerir.</small></li>
<li class="file"><i class="icon-file"></i> çeşitli görseller ve diğer medya dosyaları<small class="muted"></small></li>
</ul>
</li>
<li class="folder"><i class="icon-folder-close"></i> manuall_install<small class="muted"> - WordPress sitenizin, bizim demomuzdaki gibi görünmesini sağlayacak dosyaları içerir.</small>
<ul>
<li class="file"><i class="icon-folder-close"></i> uploads<small class="muted"> - tema görsellerini içerir.</small></li>
<li class="file"><i class="icon-file"></i> theme#####.sql<small class="muted"> - veri tabanı yedek dosyası (tema içeriğini kapsar).</small></li>
</ul>
</li>
</ul>
</li>
<li class="file"><i class="icon-file"></i> license.txt<small class="muted"> - ruhsat detaylarını içerir.</small></li>
<li class="file"><i class="icon-file"></i> fonts_info.txt<small class="muted"> - şablonun ana yazı türlerinin yüklenebileceği bağlantılar içerir.</small></li>
<li class="file"><i class="icon-file"></i> info.txt<small class="muted"> - kaynak kodların nasıl çıkartılacağını anlatan bilgiler içerir.</small></li>
</ul>
</div>
<div id="validation">
<h4>Validation</h4>
<div class="box-notification">
<span>Þablonlarýmýzda kullanýlan HTML biçimlemeleri ve CSS stilleri, anlamsal olarak doðru ve geçerlidir. Fakat yine de bazý W3C hatalarý görüntülenebilir. Kodun %100 W3C geçerliliðini saðlamak, CSS3 ve HTML5 gibi modern teknolojilerin kullanýlmasýný engellemektedir. Bizim amacýmýz, yüksek kalitede þablonlar sunarak kullanýcýlarýmýza zengin bir deneyim yaþatmak olduðu için, bazen bazý kurallarý yýkmak durumunda kalabiliriz.</span>
</div>
</div>
</section>
<!-- template_installation started -->
<section class="block-templates" id="template_installation">
<h2 class="item2"><i class="icon-check"></i> Şablon yüklenmesi</h2>
<p>Şablon yüklemek hiç bu kadar kolay olmamıştı. Yükleme sadece üç kolay adımla yapılır : Cherry framework kurulumu, ek tema kurulumu ve örnek veri kurulumu.</p>
<p>Tüm kurulum, WordPress üzerinden kolayca ve hızlıca yapılabilir.</p>
<p>Aşağıdaki adrese tıklayarak bunu görebilirsiniz:</p>
<figure class="img-paraloid quick-start-guide"><a href="/help/quick-start-guide/wordpress-themes/master/quick_guide/index_en.html" target="_blank" ><img src="img/wordpress/banner2.jpg" alt=""></a></figure>
<!-- CherryFramework installation -->
<article id="cherryframework_installation">
<h4>Adım 1. CherryFramework kurulumu</h4>
<ol style="margin-bottom:.5em;">
<li>WordPress yönetici paneline giriş yapın (tarayıcınızın adres çubuğuna /wp-admin yazın).</li>
<li>Menüden <strong>Görünüm</strong> > <strong>Temalar</strong> kısmına gelin ve <strong>Yeni Tema Ekle </strong>kısmına basın.</li>
<li>Bu kısımdaki <strong>Yükle</strong> yazısına tıklayın.</li>
<li>Ardından <strong>Seç</strong> tuşuna tıklayarak, bilgisayarınızdaki zip formatlı şablonu seçin.</li>
<li>Bulmanız gereken dosya <strong>CherryFramework.zip</strong>. Üstüne tıklayarak seçin ve <strong>OK</strong> tuşuna basın.</li>
<li>Bu aşamada <strong>Şimdi yükle</strong> kısmına basın ve yüklemenin bitmesini bekleyin.</li>
<li>Son olarak <strong>Etkinleştir</strong> yazısına tıklayın.</li>
</ol>
<p class="muted text-center"></p>
<p>Daha fazla bilgi için <!--<a target="_blank" href="/help/how-install-wordpress-theme-via-admin-panel.html">How to install a WordPress theme via admin panel</a> and--> <a target="_blank" href="/help/wordpress-how-to-install-cherry-framework-template-starting-with-version-3-1.html">Cherry framework şablonu nasıl kurulur</a> konulu eğitim videosunu izleyebilirsiniz.</p>
<p>Tebrikler, frameworkü kurdunuz.</p>
</article>
<!-- Theme installation -->
<article id="theme_installation">
<h4>Step 2. Tema kurulumu</h4>
<p>Artık yavru tema (child theme) kurabilirsiniz: <strong>theme####.zip</strong>. Adımlar yine aynı:</p>
<ol style="margin-bottom:.5em;">
<li>Menüden <strong>Görünüm</strong> > <strong>Temalar</strong> kısmına gelin ve <strong>Yeni Tema Ekle </strong>kısmına basın.</li>
<li>Bu kısımdaki <strong>Yükle</strong> yazısına tıklayın.</li>
<li>Ardından <strong>Seç</strong> tuşuna tıklayarak, bilgisayarınızdaki zip formatlı şablonu seçin.</li>
<li>Bulmanız gereken dosya <strong>theme####.zip </strong>(buradaki <strong>XXXX</strong> temanıza ait olan özgün bir rakamdır). Üstüne tıklayarak seçin ve <strong>OK</strong> tuşuna basın.</li>
<li>Bu aşamada <strong>Şimdi yükle</strong> kısmına basın ve yüklemenin bitmesini bekleyin.</li>
<li>Son olarak <strong>Etkinleştir</strong> yazısına tıklayarak, satın almış olduğunuz temayı şu anki görünüşle değiştirebilirsiniz.</li>
</ol>
<p class="muted text-center"></p>
<p>Tebrikler, hem framework hem de temanız başarıyla kuruldu!</p>
</article>
<article id="theme_sample_data">
<h4>Step 3. Örnek veri kurulumu</h4>
<p>Sitenizin, bizim demomuzdaki gibi görünmesi için, aşağıdaki adımları takip ediniz. Bu arada her zaman <a target="_blank" href="/help/phpmyadmin-how-to-backup-a-database.html">.sql yedeğini</a> almanızı öneririz.</p>
<div class="box-info"><span>NOT: Cherry Framework v3.0 veya daha önceki sürümle kurulmuş olan şablonlara Örnek veri kurmak için "sample_data" klasöründeki XML ve JSON dosyalarını yüklemeniz gerekmektedir. Medya ve görseller "manual_install\uploads" klasöründen yüklenmelidir. Tüm alt klasörlerdeki görselleri yüklediğinize emin olun. </span></div>
<ol>
<li>Menüden <strong>Cherry Plugin > İçerik Yükle kısmına girin.</strong></li>
<li>Burada, sunucunuzun Cherry Plugin için uygun olup olmadığını göreceksiniz. Eğer her hangi bir uyarı mesajı varsa, hosting şirketinizin destek bölümüyle iletişime geçin.
<figure class="img-paraloid"><img src="img/wordpress/import_1st_step.png" alt=""></figure></li>
<li>Eğer sunucunuz kurulum için uygunsa, karşınıza yükleme ekranı çıkacak. Şimdi şablon paketindeki <b>"theme/sample_data"</b> klasörünü açın ve tüm dosyaları WordPress'inize yükleyin. Bu işlemi kolayca yapmak için <b>"theme/sample_data"</b> klasöründe bulunan tüm dosyaları (CTRL+A veya Command+A) tuşlarını kullanarak seçebilir ve yükleme alanına bırakabilirsiniz.
<figure class="img-paraloid"><img src="img/wordpress/import_2nd_step.png" alt=""></figure></li>
<li>İçinde .JSON ve .XML dosyalarının da bulunduğu sample_data klasöründeki tüm dosyaları yüklediğinize emin olun. Yükleme bittiğinde "Kuruluma devam et" yazısına tıklayın. <br><br>
<div class="box-notification"><span>DİKKAT: Örnek veri kurulumu için .JSON ve .XML gerekmektedir. Kurulum, eğer .XML ve .JSON dosyaları yüklenmişse devam eder.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/import_3d_step.png" alt=""></figure></li>
<li>Bu aşamada "Kuruluma devam et" yazısına basarak, örnek veri kurulumu etkinleştirilir. Sunucu ayarlarınıza bağlı olarak bu işlem bir kaç dakika sürebilir. Sabırlı olunuz.
<figure class="img-paraloid"><img src="img/wordpress/import_4th_step.png" alt=""></figure></li>
<li><span><strong>Tebrikler!</strong> Cherry WordPress Tema'nız başarılı bir şekilde kuruldu. Temayı görüntüleyebilirsiniz.</span>
<figure class="img-paraloid"><img src="img/wordpress/import_5th_step.png" alt=""></figure>
</li>
</ol>
</article>
</section>
<!-- Getting started -->
<section class="block-templates" id="getting_started">
<h2 class="item3"><i class="icon-play"></i> Başlamak</h2>
<!-- prepare started -->
<article id="prepare">
<h4>Hazırlık</h4>
<p>WordPress sitenizi oluşturmaya başlamadan önce, buna hazır olduğunuza emin olun. Lütfen aşağıdaki hazırlık aşamalarını kontrol edin:</p>
<h4>Yazılımı Düzenlemek</h4>
<p>Wordpress temanız üzerinde rahatça çalışabilmek için, gerekli olan tüm uygulamaları yüklemenizi tavsiye ederiz. İhtiyaç duyulan yazılımların listesini, şablon görüntüleme sayfasında bulabilirsiniz. <br>Buradaki gereksinimler, şablona göre değişiklik gösterebilir fakat biz genel olarak nelere ihtiyaç olduğunu yazdık:</p>
<ol>
<li>Öncelikle, şifreyle korunan sources_#########.zip arşivini açmak için gereken bir uygulamaya ihtiyacınız var. Bunun için WinZip 9+ (Windows) ve Stuffit Expander 10+ (Mac) kullanabilirsiniz.</li>
<li>Ayrıca Adobe Photoshop uygulamasına da ihtiyacınız var. Bu uygulamayı .PSD kaynak dosyalarını ve eğer isterseniz şablonunuza ait olan grafik ve görsel dosyalarını düzenlemek için kullanabilirsiniz.</li>
<li>Şablonun kaynak kodlarını düzenlemek için; Adobe Dreamweaver, Notepad++, Sublime Text gibi uygulamalara ihtiyacınız var.</li>
<li>Dosyaları sunucuya yüklemek için; Total Commander, FileZilla, CuteFTP gibi FTP yönetici uygulamalar kullanmalısınız.</li>
</ol>
<h4>Hosting</h4>
<p>WordPress CMS(İYS) bir PHP/MySQL tabanlı uygulamadır, bu yüzden WordPress'in çalışması için uygun bir hosting (site barındırma alanı) kullanıyor olmalısınız.</p>
<p>Hali hazırda kullandığınız bir hosting varsa, o zaman <a href="http://wordpress.org/about/requirements/" target="_blank">WordPress yazılımının gereksinimleri</a>ni karşıladığına ve WordPress siteniz için kullanıma hazır olduğuna emin olunuz.</p>
<p>Başk bir seçenek olarak WordPress'i kendi bilgisayarınızda çalıştırabilirsiniz. Bilgisayarınızda yerel bir sunucu oluşturmak için <b>WAMP</b>, <b>AppServ</b>, <b>MAMP</b> gibi uygulamalar kullanabilirsiniz. Bu uygulamaları kolayca kurup, WordPress sitenizi çalıştırabilirsiniz. </p>
<p>Aşağıda, yerel bir geliştirme ortamı oluşturabilmek için ihtiyaç duyabileceğiniz bilgilendirici makaleler yer almaktadır:</p>
<ul class="list-2">
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-appserv-web-development-environment.html">AppServ web geliştirme ortamı programı nasıl kurulur</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-wamp-web-development-environment.html">WAMP web geliştirme ortamı programı nasıl kurulur</a></li>
<li><i class="icon-play-circle "></i> <a target="_blank" href="/help/how-to-install-xamp-web-development-environment.html">XAMP web geliştirme ortamı programı nasıl kurulur</a></li>
</ul>
</article>
<!-- Engine installation -->
<article id="engine_installation">
<h4>Ana yazılım kurulumu</h4>
<div class="box-info"><span>Uygun versiyondaki WordPress yazılımını yükleyin. Şablon görüntüleme sayfasındaki gereksinimler bölümünden, WordPress'in gereken versiyonunu görebilirsiniz. Doğru olanı yüklediğinize emin olun.</span></div>
<ol>
<li>WordPress'in ana yazılımı, resmi WordPress.org sitesindeki <a href="http://wordpress.org/download/" target="_blank"><strong>WordPress Yükle</strong></a> adresinden indirilebilinir. Daha eski bir versiyona ihtiyaç duyarsanız <a href="http://wordpress.org/download/release-archive/" target="_blank"><strong>Yayın Arşivi</strong></a> ne bakabilirsiniz.
</li>
<li>İndirme işlemi bittikten sonra, şablon paketindeki ve ana yazılımın içeriğindeki dosyaları çıkartmanız gerekir. Çünkü bu dosya <strong>ZIP</strong> formatındadır. ZIP arşivlerini açan herhangi bir program kullanabilirsiniz.
<p>Aşağıdaki bilgilendirici makalelerde <a target="_blank" href="/help/unzipping-your-template.html"><strong>Windows (WinZip)</strong></a> ve <a target="_blank" href="/help/how-unzip-template-mac.html"><strong>MAC( StuffitExpander)</strong></a> için, ZIP dosyalarının nasıl açılacağı anlatılmıştır.</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/extract-archived-files-mac-os.html">Arşivlenmiş dosyaların açılması (MAC İS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/extract-archived-files-windows-os.html">Arşivlenmiş dosyaların açılması (Windows İS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/downloading-and-installing-winzip.html">WinZip indirmek ve kurmak</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-unzip-template-mac.html">Şablon nasıl açılır (MAC İS)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/unzipping-your-template.html">Şablon nasıl açılır (Windows İS)</a></li>
</ul>
</li>
<li>Dosyaları çıkarttıktan sonra, Wordpress ana dosyalarını ve klasörlerini sunucunuza yüklemelisiniz.
<p>Tüm bu dosya ve klasörler hosting sunucunuza yüklenmeli. Ana dosyalar, sunucunuzdaki <strong>PUBLIC_HTML</strong> veya <strong>WWW</strong> dizinine yüklenmeli.</p>
<div class="box-info"><span>Eğer sunucunuzda PUBLIC_HTML veya WWW dizinleri bulunmuyorsa, sunucunuzla ilgilenen yöneticilerle iletişime geçip, dosyaları tam olarak nereye yüklemeniz gerektiğini sorunuz.</span></div>
<p>Sunucuya dosya yüklemekle ilgili aşağıdaki bilgilendirici makalelere bakabilirsiniz:</p>
<ul class="list-2">
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-upload-files-server-2.html">Sunucuya dosya yüklemek</a>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-upload-files-to-a-server-using-cpanel-webhost-manager-whm.html">Sunucuya cPanel (WebHost Yöneticisi, WHM) üzerinden dosya yüklemek</a> </li>
</ul>
</li>
<li>Bu noktada, WordPress yazılımının kullanacağı bir veritabanı oluşturmalısınız.
<p>Sunucunuzun kontrol panelinden (<i>genellikle PhpMyAdmin</i>), veritabanı yönetimini kullanarak yeni bir veritabanı oluşturabilirsiniz.</p>
<p>PhpMyAdmin aracıyla, üç kolay adımda yeni bir veritabanı oluşturmanız mümkün:</p>
<ol>
<li>Menünün üst kısmında yer alan Veritabanı yazısına tıklayın.</li>
<li>"Yeni veritabanı oluştur" alanına, veritabanınızın adını yazın. </li>
<li>Sağ taraftaki Oluştur yazısına tıklayın.</li>
</ol>
<br>
<p>Veritabanınız artık listede yerini aldı. Şimdi, oluşturduğunuz isme tıklayın.</p>
<div class="flexslider clearfix img-polaroid">
<ul class="slides">
<li>
<img src="img/database-create-1.jpg" alt="" />
<div class="flex-caption">
<p>1. Veritabanı yazısına tıklayıp, listeye ulaşın.</p>
</div>
</li>
<li>
<img src="img/database-create-2.jpg" alt="" />
<div class="flex-caption">
<p>2. Veritabanı adını yazın. <br>
3. Oluştur yazısına tıklayın.</p>
</div>
</li>
<li>
<img src="img/database-create-3.jpg" alt="" />
<div class="flex-caption">
<p>4. Veritabanınız artık listede. Veritabanı ismine tıklayıp, görüntüleyin.</p>
</div>
</li>
</ul>
</div>
<br>
<p>Eğer isterseniz <a target="_blank" href="/help/how-to-create-a-database.html"><i class="icon-play-circle "></i> Veritabanı Oluşturmak</a> ile ilgili bu detaylı videoyu da izleyebilirsiniz.</p>
<br />
<div class="box-notification"><span>Veritabanı oluştururken herhangi bir sorun yaşarsanız, yardım ve destek için hosting sağlayıcınızla iletişime geçiniz.</span></div>
<p>Aşağıdaki detaylı yardım makalelerine bakabilirsiniz:</p>
<ul class="list-2">
<li class="first"><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-create-a-database.html">Veritabanı nasıl oluşturulur</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-create-mysql-database-with-godaddy.html">GoDaddy'de nasıl MySQL veritabanı oluşturulur</a></li>
</ul>
</li>
<li>Tarayıcınızın adres çubuğuna alanadı/anadizin yazarak kurma işlemini başlatın. Buradaki anadizin, tüm WordPress dosyalarını yüklediğiniz ana dizindir.
</li>
<li><strong>Ayar dosyası (configuration file) oluşturun.</strong> WordPress'in ilk kurulum sayfasında, düzen dosyasının ulaşılabilir olmadığına dair bir uyarı görürsünüz. Ayar Dosyası Oluştur (Create Configuration File) yazısına basarak oluşturun.
<figure class="img-paraloid"><img src="img/wordpress/wp-install-1-b.jpg" alt="Creating configuration file."></figure>
<p class="muted text-center"></p>
</li>
<li><strong>Veritabanı bilgilerini giriniz.</strong> WordPress için veritabanı bağlantı bilgilerini bu alana yazın.
<figure class="img-paraloid"><img src="img/wordpress/wp-install-3-b.jpg" alt="Inserting database details."></figure>
<p class="muted text-center"></p>
</li>
<li><strong>Website bilgilerini yazın.</strong> Bu alana, aşağıdaki bilgileri yazmalısınız:
<ul>
<li><i class="icon-angle-right"></i> website başlığı</li>
<li><i class="icon-angle-right"></i> yöneticinin kullanıcı adı ve şifresi</li>
<li><i class="icon-angle-right"></i> website email adresi.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/wp-install-6-b.jpg" alt="Inserting website details."></figure>
<p class="muted text-center"></p>
</li>
<li>Bu aşamalar bittikten sonra, WordPress Kur yazısına basın.
<figure class="img-paraloid"><img src="img/wordpress/wp-install-7-b.jpg" alt="Install WordPress button."></figure>
<p class="muted text-center"></p>
<p>Tüm bilgiler doğru şekilde yazılmışsa, bir sonraki sayfada WordPress yönetici giriş panelini görürsünüz.</p>
</li>
</ol>
<p>Aşağıdaki detaylı yardım makalelerine bakabilirsiniz:</p>
<ul class="list-2">
<li class="first"><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-hostgator-server-manual-installation.html">Ana yazılımı HostGator sunucusuna nasıl kurarım (manuel kurulum)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-bluehost-server-manual-installation.html">Ana yazılımı Bluehost sunucusuna nasıl kurarım (manuel kurulum)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-siteground-server-manual-installation.html">Ana yazılımı SiteGround sunucusuna nasıl kurarım (manuel kurulum)</a></li>
<li><i class="icon-info-sign"></i> <a target="_blank" href="/help/how-to-install-wordpress-to-godaddy-server-manual-installation.html">Ana yazılımı GoDaddy sunucusuna nasıl kurarım (manuel kurulum)</a></li>
<li class="last"><i class="icon-info-sign"></i> <a target="_blank" href="/help/wordpress-how-to-install-the-engine-to-just-host-server-manual-installation.html">Ana yazılımı Just Host sunucusuna nasıl kurarım (manuel kurulum)</a></li>
</ul>
</article>
<article id="manual_install">
<h4>Manuel kurulum</h4>
<p>Örnek veriyi yüklemekte sorun yaşıyorsanız, aşağıdaki adımları uygulayınız.</p>
<div class="box-notification"><span>DİKKAT: İçeri aktaracağınız SQL dosyası, veritabanınızda kayıtlı olan içerik ve ayarları sıfırlar. Verilerinizi korumak istiyorsanız, SQL dosyasını içeri aktarmayınız.</span></div>
<div class="box-info"><span>NOT: Herhangi bir değişiklik yapmadan önce mutlaka veritabanınızı yedekleyin.</span></div>
<div class="box-info"><span>WordPress veritabanı tablolarının kısa kodu <strong>wp_</strong> olmalıdır.</span></div>
<figure class="img-paraloid"><img src="img/wordpress/wp_prefix.jpg" alt=""></figure>
<p class="muted text-center"></p>
<!--<p>If the database prefix is different, it should be changed according to this <a target="_blank" href="/help/wordpress-how-to-change-database-tables-prefix-in-sql-file.html">manual</a>.</p>-->
<p>Eğer WordPress sitenizin demomuzdaki gibi olmasını isterseniz, aşağıdaki adımları izleyiniz.</p>
<ol>
<li>Temanın <a href="#cherryframework_installation">bu yönergelerle</a> kurulduğuna emin olun.</li>
<li>FTP aracılığıyla "<strong>uploads</strong>" klasörünü (şablon paketinizin <strong> theme/manual_install/</strong> klasörü altında), <strong> /wp-content/ </strong> klasörüne yükleyin.</li>
<li><strong>theme/manual_install/</strong> klasöründe yer alan <strong>theme####.sql</strong> dosyasını, uygun bir text düzenleyiciyle (Dreamweaver veya Notepad tercih edilebilir) açın ve "<strong>your_website_url_here</strong>" şeklindeki yazıları <strong>Bul ve Değiştir</strong> aracını (Ctrl+H bu aracı açar) kullanarak kendi website adresinizi (http://www.mywebsite.com şeklinde) yazın.</li>
<li>Site adresinizin sonunda slaş "/" olmamasına özen gösterin. Adres aynı zamanda http://www. şeklinde başlamalıdır.</li>
<li>Değişiklikleri kaydedip, dosyayı kapatın.</li>
<li>Şimdi bu dosyayı <strong>phpMyAdmin</strong> arayüzünden veya farklı bir veritabanı yönetim aracıyla içe aktarın.</li>
</ol>
<br>
<div class="box-info"><span>Eğer yönetici panelinden kurmakta sorun yaşıyorsanız, bu alternatif yolu deneyebilirsiniz.</span></div>
<h5>Örnek Veriyi FTP ile Kurmak:</h5>
<p>Bu metod için, WordPress site dosyalarına erişiminiz olan bir hosting kontrol paneli veya Filezilla, CuteFTP, Total Commander vs. gibi bir FTP programı kullanmalısınız.</p>
<div class="box-info"><span>Temanızı örnek veri kurulumu veya manuel kurulum ile kurduysanız ve tema demodakinden farklı görünüyorsa, Cherry Ayarları bölümünü açıp "Varsayılanı Yükle" yazısına tıklayın.</span></div>
<ol>
<li><strong>CherryFramework.zip</strong> ve <strong>theme####.zip</strong> dosyalarını, bilgisayarınızdaki bir klasöre çıkartın. (Önce .zip dosyasının üstüne sağ tıklayın, ardından <strong>Unzip to… CherryFramework</strong> ve <strong>theme####</strong> seçin. Böylece CherryFramework ve theme#### isimli iki klasörünüz oluşacaktır).
</li>
<li><strong>CherryFramework</strong> ve <strong>theme####</strong> klasörlerini, FTP sunucusundan <strong>/wp-content/themes/</strong> dizinine yükleyin.</li>
<li>WordPress yönetici paneline giriş yapın (tarayıcınızın adres çubuğuna, site adresinizden sonra /wp-admin yazın).</li>
<li><strong>Görünüm</strong> > <strong>Temalar</strong> menüsüne gidin.</li>
<li><strong>Kullanılabilir Temalar</strong> bölümünün altında <strong>theme####</strong> satırını bulun ve <strong>Etkinleştir</strong> e tıklayın.</li>
</ol>
</article>
<article id="plugins_intstall">
<h4>Eklenti Kurulumu</h4>
<p>Temanızı kurup etkinleştirdikten sonra, çeşitli eklentiler kurmak isteyebilirsiniz:</p>
<ol>
<li>Tema etkinleştirildiğinde, sol üst köşede eklenti kurulumu için bir bölüm görürsünüz. Buradaki <strong> Eklenti kurmaya başla </strong> yazısına tıklayın.
<br>Eklentileri ön panelden de kurabilirsiniz. Bunun için <strong>Görünüm- > Eklenti Yükle</strong> menüsünü takip edebilirsiniz.</li>
<li>Gerek duyulan eklentileri kontrol edin.</li>
<li>Toplu İşlemler kısmındaki açılır menüden <strong>Yükle</strong> yi ve ardından <strong>Uygula</strong> yı seçin.</li>
</ol>
<!-- <figure class="img-paraloid"><img src="img/wordpress/plugins_install.jpg" alt=""></figure> -->
<p class="muted text-center"></p>
</article>
<article id="theme_plugins">
<h4>Tema Eklentileri:</h4>
<h5>Cherry Eklentisi</h5>
<p><span class="label label-important">Dikkat:</span> Cherry Eklentisini kurmak ve etkinleştirmek, kısayolların ve bileşenlerin doğru çalışması için gereklidir. Cherry Eklentisi, Cherry Framework kurulurken varsayılan olarak yüklenip etkinleşmektedir.</p>
<p><span class="label label-info">İndir:</span> <a href="https://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip">https://github.com/CherryFramework/CherryFramework/raw/master/includes/plugins/cherry-plugin.zip</a><br />
<span class="label">Açıklama:</span> Cherry ekibi olarak, Cherry framework'ü olabildiğince kusursuz bir biçimde yarattık fakat sürekli olarak geliştirmeye çalışmaktayız. Cherry Eklentisi ile tanışın. Bu, ihtiyaç duyabileceğiniz tüm kısa kodları ve bileşenleri içeren bir eklentidir. Eklenti, Cherry Framework tarafından çalıştırılan tüm WordPress temalarıyla uyumludur. Şimdiye dek beta sürümdeydi ama geliştirmeye devam ederek, daha güzel özellikler sunmaya çalışmaktayız.</p>
<h5>Contact Form 7</h5>
<p><span class="label label-info">İndir:</span> <a href="http://wordpress.org/extend/plugins/contact-form-7/">http://wordpress.org/extend/plugins/contact-form-7/</a><br />
<span class="label">Açıklama:</span> İletişim sayfası için form.</p>
<h4>Uyumlu Eklentiler:</h4>
<h5 class="indent_top">WPML</h5>
<p><span class="label label-info">İndir:</span> <a href="http://wpml.org/">http://wpml.org/</a><br />
<span class="label">Açıklama:</span> WPML çok dilli siteler oluşturmanın en kolay yoludur.</p>
<h5 class="indent_top">WooCommerce</h5>
<p><span class="label label-info">İndir:</span> <a href="http://wordpress.org/plugins/woocommerce/">http://wordpress.org/plugins/woocommerce/</a><br />
<span class="label">Açıklama:</span> WooCommerce istediğiniz her şeyi kolaylıkla satabilmenizi sağlayan güçlü, genişletilebilir bir eCommerce eklentisidir.<br>
<span class="label label-warning">Documentation:</span> <a href="http://docs.woothemes.com/documentation/plugins/woocommerce/" rel="nofollow">WooCommerce documentation</a> at WooThemes.
</p>
<h5 class="indent_top">BuddyPress</h5>
<p><span class="label label-info">İndir:</span> <a href="http://wordpress.org/plugins/buddypress/">http://wordpress.org/plugins/buddypress/</a><br />
<span class="label">Açıklama:</span> Kutudaki sosyal iletişim ağı. Şirketiniz, okulunuz, spor takımınız için sosyal iletişim ağı oluşturun.</p>
<h5 class="indent_top">bbpress</h5>
<p><span class="label label-info">İndir:</span> <a href="http://wordpress.org/plugins/bbpress/">http://wordpress.org/plugins/bbpress/</a><br />
<span class="label">Açıklama:</span> bbPress, WordPress için yapılmış bir forum yazılımıdır.</p>
<h5 class="indent_top">Mingle Forum</h5>
<p><span class="label label-info">İndir:</span> <a href="http://wordpress.org/plugins/mingle-forum/">http://wordpress.org/plugins/mingle-forum/</a><br />
<span class="label">Açıklama:</span> Mingle Forum, WordPress sitenize/blogunuza kolaylıkla bir Forum eklemenizi sağlar.</p>
<h5 class="indent_top">WP Forum Server</h5>
<p><span class="label label-info">İndir:</span> <a href="http://wordpress.org/plugins/forum-server/">http://wordpress.org/plugins/forum-server/</a><br />
<span class="label">Açıklama:</span> Bu eklenti, WordPress siteniz için eksiksiz bir forum sistemidir.</p>
</article>
<article id="google_services">
<h4>Google sunucularından veri yükleme </h4>
<p>Bazı ülkeler Google sunucularına bağlanırken sorunları var. Bu, Google Fontlar yükleme sorunlarına neden olabilir. Bu sorunları gidermek için aşağıdakileri yapın: </p>
<h5>Google Fontlar yüklenemiyor: </h5>
<p>Açık ...\CherryFramework\admin\options-sanitize.php dosya</p>
<p>Çizgisi: </p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.googleapis.com/css?family=$f$ch", false, null, 'all' );</pre>
<p>Aşağıdaki ile değiştirin:</p>
<pre>wp_enqueue_style( "options_typography_$f", "//fonts.useso.com/css?family=$f$ch", false, null, 'all' );</pre>
</article>
<article id="olark_live_chat">
<h4>Olark Live Chat</h4>
<div class="box-notification">
<span>Þablonu satýn alan tüm kullanýcýlar, ayný zamanda 6 aylýk ücretsiz Olark canlý sohbet kullanýmýna da sahip olmaktadýr. 6 aylýk ücetsiz bronz pakete üye olmak için, <a href="http://olark.com/signup/create_new_account/18981?utm_source=templatemonster&utm_medium=offer&utm_campaign=default" target="_blank">Olark kayýt adresine týklayýnýz</a></span>
</div>
<div class="row">
<figure class="img-paraloid pull-left" style="width:300px;"><a href="img/wordpress/olark.jpg" class="pretty_image" data-gal="prettyPhoto"><img src="img/wordpress/olark.jpg" alt=""><i class="icon-search"></i></a></figure>
<div class="clearfix">Hesap oluþturmak için gerekli alanlarý doldurunuz</div>
</div>
<div class="row">
<figure class="img-paraloid pull-left" style="width:300px;"><a href="img/wordpress/olark-2.jpg" class="pretty_image" data-gal="prettyPhoto"><img src="img/wordpress/olark-2.jpg" alt=""><i class="icon-search"></i></a></figure>
<div class="clearfix">Cherry Ayarlarý (Genel) kýsmýndaki Live Chat ID bölümüne oluþturmuþ olduðunuz ID (Kimlik) bilgisini yazýnýz</div>
</div>
</article>
</section>
<!-- Getting started end -->
<!--Backup and Update started -->
<section class="block-templates" id="backup_update">
<h2 class="item4"><i class="icon-refresh"></i> Yedekleme ve Güncelleme</h2>
<div class="box-notification"><span>Cherry Framework'ü güncellemeden önce, elinizdeki versiyonu yedeklemenizi önemle tavsiye ederiz.</span></div>
<h4>Yedekleme</h4>
<p>Hem CherryFramework hem de yavru tema için yedekleme oluşturabilirsiniz. Bu işlemi WordPress yönetici panelindeki <b>"Cherry Ayarları > Veri yönetimi"</b> bölümünden yapabilirsiniz. </p>
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure>
<figure class="img-paraloid"><img src="img/wordpress/backup-framework.png" alt=""></figure>
<p>Yedekleme işlemini, Cherry Framework ve yavru tema kutularının altındaki <b>"Yedekle"</b> bölümünden yapabilirsiniz. <br>
Artık framework veya yavru temanızın arşivini <b>/wp-content/themes_backup/</b> klasöründe bulabilirsiniz.</p>
<p>Ayrıca <b>"Yedeği indir"</b> bölümünden bilgisayarınıza indirebilirsiniz. Herhangi bir zorluk yaşarsanız, framework'ü <b>Görünüm -> Temalar -> Tema Kur -> Yükle</b> bölümünden yeniden kurabilirsiniz.</p>
<h4>Güncelleme</h4>
<p>Cherry Framework'ü güncellemek için, bu adımları takip etmelisiniz:</p>
<ol>
<li>Yönetici panelinden <b>"Cherry Ayarları > Veri yönetimi"</b> bölümüne girin.</li>
<li>Cherry Framework kutusunun altındaki Güncelle bölümüne tıklayın.
<figure class="img-paraloid"><img src="img/wordpress/backup-child.png" alt=""></figure></li>
<li>İşlemin başlamasını bekleyin.</li>
<li>Geri kalanını Cherry Framework halledecektir. </li>
</ol>
</section>
<!--Backup and Update end -->
<!-- Page Templates and Sidebars begin -->
<section class="block-templates" id="page_templates_sidebars">
<h2 class="item5"><i class="icon-file-alt"></i> Sayfa Şablonları ve Kenar Çubukları</h2>
<br>
<div class="box-notification"><span>DİKKAT: style.less dosyasındaki stilleri mutlaka düzenlemelisiniz. Çünkü kayıttan sonra stiller yeniden derlenir ve main-style.css dosyası yeniden yazılır. </span></div>
<h4>Sayfa Şablonları</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Varsayılan Şablon</strong> (kenar çubuklu varsayılan sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>Tam Sayfa</strong> (kenar çubuğu olmayan tek sütunlu sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>Anasayfa </strong> (Anasayfa için kullanılan sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 2 sütun</strong> (galeri/portfolyo içeriklerinin görüntülendiği 2 sütunlu klasik sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 3 sütun</strong> (galeri/portfolyo içeriklerinin görüntülendiği 3 sütunlu klasik sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>Filter Folio 4 sütun</strong> (galeri/portfolyo içeriklerinin görüntülendiği 4 sütunlu klasik sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>Referanslar</strong> (referans içeriklerinin görüntülendiği sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>SSS</strong> (sık sorulan soruların görüntülendiği sayfa şablonu)</li>
<li><i class="icon-angle-right"></i> <strong>Arşivler</strong> (arşivlerin görüntülendiği sayfa şablonu)</li>
</ul>
<br />
<h4>Kenar Çubuğu Konumları</h4>
<ul>
<li><i class="icon-angle-right"></i> <strong>Kenar Çubuğu</strong> - alanları <em>sayfanın sağ ve sol bölümlerinde yer alır</em></li>
<li><i class="icon-angle-right"></i> <strong>Alt Kısım 1,2,3,4</strong> (isteğe bağlı) - alanları <em>sayfaların alt kısmında yer alır</em></li>
</ul>
</section>
<!-- Page Templates and Sidebars end -->
<!-- Posts, Categories and Post Formats begin -->
<section class="block-templates" id="posts_categories">
<h2 class="item6"><i class="icon-edit"></i> Yazılar, Kategoriler ve Yazı Formatları</h2>
<!-- Adding category -->
<article id="adding-category">
<h4>Kategori eklemek</h4>
<p>Kategori eklemek konusunda daha fazla bilgi için bu makaleyi okuyabilirsiniz: <a href="http://codex.wordpress.org/Manage_Categories_SubPanel">http://codex.wordpress.org/Manage_Categories_SubPanel</a></p>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/cat1.png" alt=""></figure>
<p class="muted text-center"></p>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Şimdi <strong>Yazılar</strong> sekmesine tıklayın.</li>
<li>Bu bölümün altından <strong>Kategoriler</strong> kısmına girin.</li>
<li>Yeni kategori ismini yazın.</li>
<li>Daha sonra <strong>Yeni Kategori Ekle</strong> düğmesine basın.</li>
</ol>
Bu aşamadan sonra <strong>Yayınla</strong> düğmesine tıklayın.
</div>
</article>
<!-- Blog post -->
<article id="blog_post">
<h4>Blog yazısı oluşturmak</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/cat2.png" alt=""></figure>
<p class="muted text-center"></p>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Şimdi <strong>Yazılar</strong> sekmesine tıklayın.</li>
<li>Ardından <strong>Yeni Ekle</strong> sekmesine basın.</li>
<li>Blog yazınızın içeriğini girin. Blog yazısı oluşturma konusunda daha fazla bilgi için bu makaleyi okuyabilirsiniz <a href="http://codex.wordpress.org/Posts_Add_New_SubPanel">http://codex.wordpress.org/Posts_Add_New_SubPanel</a>.</li>
</ol>
</div>
</article>
<!-- Post Formats -->
<article id="post-formats">
<h4>Yazı Türü seçmek</h4>
<p>Farklı yazı formatları hakkında daha fazla bilgi için bu makaleyi okuyabilirsiniz: <a href="http://codex.wordpress.org/Post_Formats">http://codex.wordpress.org/Post_Formats</a>.</p>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/post_format.png" alt=""></figure>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Şimdi <strong>Yazılar</strong> sekmesine tıklayın.</li>
<li>Yazı formatı seçmek için <strong>Format</strong> kutusunda listelenen seçeneklere bakın.</li>
</ol>
<span class="label label-info">Not:</span> Bu formatların bazılarının, kendilerine ait ayarları bulunmaktadır. Bu ayarlar, içerik editörünün altında gösterilecektir.
</div>
<p>Aşağıda kullanılabilir olan yazı formatları ve onlara ait olan açıklama ve ayarlar yer almaktadır.</p>
<h4>Standart Yazı Türü</h4>
<p>Sıradan, standart bir yazıda şu alanlar bulunur:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Yazı başlığı</strong> - yazının başlığı</li>
<li><i class="icon-angle-right"></i> <strong>Yazı içeriği</strong> - yazının içeriği</li>
<li><i class="icon-angle-right"></i> <strong>Kategoriler</strong> - yazının kategori(leri)si</li>
<li><i class="icon-angle-right"></i> <strong>Etiketler</strong> - yazının etiketleri</li>
<li><i class="icon-angle-right"></i> <strong>Öne çıkan görsel</strong> - içerik görseli</li>
<li><i class="icon-angle-right"></i> ve üst sağ köşede yer alan <strong>Ekran Tercihleri</strong> kısmından etkinleştirilebilecek olan diğer alanlar.</li>
</ul>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Standart Yazı Formatı</p>
<h4>Basit Yazı Türü</h4>
<p>Bu, sadeleştirilmiş yazı modelidir. Diğer bir deyişle, burada sadece yazı alanı vardır. Başlık ya da diğer alanları doldurmanız gerekmez.</p>
<figure class="img-paraloid"><img src="img/wordpress/post_format_standard.png" alt=""></figure>
<p class="muted text-center">Basit Yazı Türü</p>
<h4>Galeri Yazı Türü</h4>
<p>Bu yazı türünün ana özelliği, sınırsız sayıda görsel dosyasına sahip olmaktır.</p>
<p>Galeri Yazı Türü eklemek:</p>
<ol>
<li>İlk olarak<strong> Ortam Ekle</strong> düğmesine basın.<br><span class="img-paraloid"><img src="img/wordpress/add_media.png" alt=""></span></li>
<li>Bilgisayarınızdan görsel eklemek için, görseli tutup ilgili alana bırakın veya <strong>Dosya Seç</strong> yazısına tıklayıp, görseli yükleyin.
<figure class="img-paraloid"><img src="img/wordpress/insert-media.png" alt=""></figure></li>
<li>Görsel yüklendikten sonra, yüklenmiş olan tüm dosyalar size Ortam Kütüphanesi'nde gösterilir. Buradan <strong>Yazıya ekle</strong> düğmesine tıklayıp, dosyayı ekleyip görüntüleyebilirsiniz.
<figure class="img-paraloid"><img src="img/wordpress/uploaded-images.png" alt=""></figure>
</li>
<li>Gereken düzenlemeleri yaptıktan sonra Ortam Kütüphanesi'ni kapatabilirsiniz. Yüklenen görseller, otomatik olarak eklenecektir.</li>
</ol>
<p>Galeri yazı formatında da, sıradan yazı formatındaki tüm standart alanlar bulunmaktadır (başlık, içerik, kategoriler vs.).</p>
<h4>Bağlantı Yazı Türü</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_link.png" alt=""></figure>
<p class="muted text-center">Bağlantı Yazı Türü</p>
<p><strong>Bağlantı</strong> yazı türünü seçtikten sonra, ek olarak bir <strong>URL </strong>alanı ile karşılaşırsınız. Bu alanda sayfa/kaynak hedefini belirtmeniz gerekir. Buradaki <strong>Yazı başlığı</strong>, bağlantı yazısı olarak kullanılır.</p>
<p>Eğer içerik alanını doldurursanız, yazdıklarınız sayfa/kaynak açıklaması olarak kullanılır.</p>
<h4>Görsel Yazı Formatı</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_image.png" alt=""></figure>
<p class="muted text-center">Görsel Yazı Formatı</p>
<p><strong>Görsel</strong> yazı formatı, <strong>Öne çıkan görsel</strong> seçeneği aracılığıyla görsel yükleyerek oluşturulur.<br> Görsel Yazı Formatı'nı seçtiğinizde, görsel seçeneklerindeki <strong>Öne Çıkart</strong> bölümünden, tercihinizi değiştirebilirsiniz.</p>
<h4>Alıntı Yazı Türü</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_quote.png" alt=""></figure>
<p class="muted text-center">Alıntı Yazı Türü</p>
<p><strong>Alıntı Yazı Türü</strong> farklı bir yerden alıntılanan sözleri yayınlamayı sağlar.</p>
<p>Bu yazı türünü seçtiğinizde, ek olarak bir <strong>Alıntı</strong> alanı ile karşılaşırsınız. Bu alanda temel olarak alıntılanan söz ve sözün sahibinin belirtilmesi için bir <strong>Yazar</strong> alanı bulunmaktadır.</p>
<h4>İşitsel Yazı Türü</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_audio.png" alt=""></figure>
<p class="muted text-center">İşitsel Yazı Türü</p>
<p><strong>İşitsel Yazı Formatı</strong> içerik olarak ses dosyası yayınlamanızı sağlar.</p>
<p>Bu yazı türünü seçtiğinizde, size ek olarak şu seçenekler sunulur:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Başlık</strong> - şarkı ismi</li>
<li><i class="icon-angle-right"></i> <strong>Sanatçı</strong> - şarkı sahibi olan sanatçı</li>
<li><i class="icon-angle-right"></i> <strong>Ses Formatı</strong> - ses dosyasının formatı</li>
<li><i class="icon-angle-right"></i> <strong>Ses URL</strong> - ses dosyasına direkt bağlantı adresi</li>
</ul>
<h4>Video Yazı Türü</h4>
<figure class="img-paraloid"><img src="img/wordpress/post_format_video.png" alt=""></figure>
<p class="muted text-center">Video Yazı Türü</p>
<p><strong>Video Yazı Türü</strong> içerik olarak video dosyası yayınlamanızı sağlar.</p>
<p>Bu yazı türünü seçtiğinizde, size ek olarak şu seçenekler sunulur:</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Başlık</strong> - video klibin ismi</li>
<li><i class="icon-angle-right"></i> <strong>Sanatçı</strong> - video clibin sahibi olan sanatçı</li>
<li><i class="icon-angle-right"></i> <strong>URL #1</strong> - video klibin m4v formatındaki direkt bağlantı adresi</li>
<li><i class="icon-angle-right"></i> <strong>URL #2</strong> - video klibin ogv formatındaki direkt bağlantı adresi</li>
<li><i class="icon-angle-right"></i> <strong>Alıntı kodu</strong> - klibin yayınlandığı ana site (youtube, vimeo vs.) dışında paylaşmak için alıntı kodu.</li>
</ul>
</article>
<!-- Creating a slider post -->
<article id="slider_post">
<h4>Slayt oluşturmak</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/slide_new.png" alt=""></figure>
<p>Bu bir <a href="http://codex.wordpress.org/Post_Types#Custom_Types">özel yazı türü</a> dür, yani blog yazıları gibi klasik formdaki yazılardan farklıdır ve içerik yönetimini oldukça kolay hale getirir. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/slider.png" alt=""></figure>
<p class="muted text-center">Slayt oluşturmak</p>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Şimdi <strong>Slayt</strong> etiketine tıklayın.</li>
<li>Ardından <strong>Yeni Ekle</strong> etiketine basın.</li>
<li>Slaydınız için bir <strong>başlık</strong> girin.</li>
<li>Görselinizi <strong>Öne Çıkan Görsel </strong>seçeneğinden yükleyin (<strong>Vurgulanan görsel olarak ata</strong> bağlantısına tıklayın).</li>
<li>Slaytınız için aşağıdaki alanları kullanabilirsiniz<em></em>:
<ul>
<li><i class="icon-angle-right"></i> <strong>Manşet</strong> - slaytınız için altyazı ekleme alanı.</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - slayt URL'si ekleme alanı (buraya bir dış bağlantı adresi yazabilirsiniz).</li>
</ul>
</li>
<li>Hazır olduğunuzda <strong>Yayınla</strong> düğmesine basın.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="portfolio_post">
<h4>Portfolyo eklemek</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_panel.png" alt=""></figure>
<p>Portfolyolar özel yazı türü ile hazırlanır <a href="http://codex.wordpress.org/Post_Types#Custom_Types">http://codex.wordpress.org/Post_Types#Custom_Types</a> yani blog yazıları gibi klasik formdaki yazılardan farklıdır ve içerik yönetimini oldukça kolay hale getirir. </p>
</div>
<figure class="img-paraloid"><img src="img/wordpress/folio.png" alt=""></figure>
<p class="muted text-center">Portfolyo eklemek</p>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Şimdi <strong>Portfolyo</strong> etiketine tıklayın.</li>
<li>Şimdi <strong>Yeni Ekle</strong> kısmına tıklayın.</li>
<li>Gereken alanları doldurun (<strong>başlık</strong>, <strong>içerik</strong>).</li>
<li>Ardından <strong>Vurgulanan Görsel</strong> seçeneğinden görselinizi yükleyin (<strong>Vurgulanan görsel olarak ata </strong>bağlantısına tıklayın).</li>
<li>Son olarak <strong>Yayınla</strong> düğmesine basın.</li>
</ol>
<h4>Portfolyo yazı türünü seçmek</h4>
<div class="row">
<figure class="img-paraloid pull-left"><img src="img/wordpress/folio_format.png" alt=""></figure>
<p>Bu temada portfolyo yazısı oluşturmak istediğinizde, aşağıda yer alan yazı türlerini seçebilirsiniz.</p>
<ul>
<li><i class="icon-angle-right"></i> <strong>Görsel</strong> - varsayılan yazı türü. Sadece <em>vurgulanan görsel</em>i gösterir.</li>
<li><i class="icon-angle-right"></i> <strong>Slayt gösterisi</strong> - galeri, bir slayt gösterisi halinde yayınlanır. Yazıya sınırsız görsel eklenebilir. </li>
<li><i class="icon-angle-right"></i> <strong>Grid Galeri</strong> - yazıdaki görseller, bir galeri olarak gösterilir. Yazıya sınırsız görsel eklenebilir.</li>
<li><i class="icon-angle-right"></i> <strong>Video</strong> - bu yazı türünde, başka bir sunucudaki (Youtube, Vimeo vb.) videoyu yazıya gömebilirsiniz.</li>
<li><i class="icon-angle-right"></i> <strong>İşitsel</strong> - bu yazı türünü seçerseniz, ses dosyasının bağlantı adresini yazınıza gömebilirsiniz.</li>
</ul>
</div>
</article>
<!-- Creating a Testimonials post -->
<article id="testimonial_post">
<h4>Referans yazısı eklemek</h4>
<figure class="img-paraloid"><img src="img/wordpress/testi.png" alt=""></figure>
<p class="muted text-center">Referans yazısı eklemek</p>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Ardından <strong>Referanslar</strong> etiketine tıklayın.</li>
<li>Sonra <strong>Yeni Ekle</strong> etiketine tıklayın.</li>
<li>Gereken alanları doldurun (<strong>başlık</strong>, <strong>içerik</strong>).</li>
<li>Ardından <strong>Vurgulanan Görsel</strong> seçeneğinden görselinizi yükleyin (<strong>Vurgulanan görsel olarak ata </strong>bağlantısına tıklayın).</li>
<li>Bu tür yazılarınız için aşağıdaki alanları kullanabilirsiniz:
<ul>
<li><i class="icon-angle-right"></i> <strong>İsim</strong> - yazar ismi</li>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - yazarın bağlantı adresi</li>
<li><i class="icon-angle-right"></i> <strong>Bilgi</strong> - yazar hakkında bilgiler.</li>
</ul>
</li>
<li>Son olarak <strong>Yayınla</strong> düğmesine basın.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="faq_post">
<h4>SSS sayfası eklemek</h4>
<figure class="img-paraloid"><img src="img/wordpress/faq.png" alt=""></figure>
<p class="muted text-center">SSS sayfası eklemek</p>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Ardından <strong>SSS</strong> etiketine tıklayın.</li>
<li>Sonra <strong>Yeni Ekle</strong> etiketine tıklayın.</li>
<li>Bu bir soru/cevap yazısı olduğu için; yazının başlığı soru yerine geçer, yazının içeriği ise cevap yerine geçer.</li>
<li>Son olarak <strong>Yayınla</strong> düğmesine basın.</li>
</ol>
</article>
<!-- Creating a Portfolio post -->
<article id="team_post">
<h4>Ekibimiz yazısı eklemek</h4>
<figure class="img-paraloid"><img src="img/wordpress/our_team.png" alt=""></figure>
<p class="muted text-center">Ekibimiz yazısı eklemek</p>
<ol>
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Ardından <strong>Ekibimiz</strong> etiketine tıklayın.</li>
<li>Şimdi <strong>Yeni Ekle</strong> düğmesine basın.</li>
<li>Gereken alanları doldurun (<strong>başlık</strong>, <strong>içerik</strong>).</li>
<li>Ardından <strong>Vurgulanan Görsel</strong> seçeneğinden görselinizi yükleyin (<strong>Vurgulanan görsel olarak ata </strong>bağlantısına tıklayın).</li>
<li>Bu tür yazılarınız için aşağıdaki alanları kullanabilirsiniz:
<ul>
<li><i class="icon-angle-right"></i> <strong>Pozisyon</strong> - kişinin pozisyonu</li>
<li><i class="icon-angle-right"></i> <strong>Bilgi</strong> - ek bilgiler.</li>
</ul>
</li>
<li>Son olarak <strong>Yayınla</strong> düğmesine basın.</li>
</ol>
</article>
<!-- Creating a Client post -->
<!-- <article id="clients_post">
<h4>Adding a Clients post</h4>
<p class="alert">The Clients post type is optional. Your theme may not include it.</p>
<figure class="img-paraloid"><img src="img/wordpress/clients.jpg" alt=""></figure>
<p class="muted text-center">Adding a Clients post</p>
<ol>
<li>Log into your WordPress Administration Panel (Dashboard).</li>
<li>Click the <strong>Clients</strong> tab.</li>
<li>After that, click the <strong>Add New</strong> button.</li>
<li>Fill in all the required fields (<strong>title</strong>, <strong>content</strong>).</li>
<li>Upload your image with the help of the <strong>Featured Image </strong>option (click the <strong>Set featured image </strong>link).</li>
<li>You can use the following fields for this sort of posts:
<ul>
<li><i class="icon-angle-right"></i> <strong>URL</strong> - client url</li>
<li><i class="icon-angle-right"></i> <strong>Target</strong> - The target attribute specifies a window or a frame where the linked document is loaded.</li>
</ul>
</li>
<li>Click <strong>Publish</strong>.</li>
</ol>
</article> -->
</section>
<!-- Posts, Categories and Post Formats end -->
<!-- Portfolio page begin -->
<section class="block-templates" id="portfolio_page">
<h2 class="item7"><i class="icon-picture"></i> Portfolyo sayfası</h2>
<!-- Creating a Portfolio page -->
<article>
<h4>Portfolyo sayfası oluşturmak</h4>
<figure class="img-paraloid"><img src="img/wordpress/folio_page.jpg" alt=""></figure>
<p class="muted text-center">Portfolyo sayfası oluşturmak</p>
<p>Portfolyo sayfaları, şablon sayfalarının yardımıyla oluşturulabilir.</p>
<ol class="margbot">
<li>WordPress Yönetici Paneli'ne giriş yapın.</li>
<li>Şimdi <strong>Sayfalar</strong> etiketine tıklayın.</li>
<li>CArdından <strong>Yeni Ekle</strong> yazısına basın.</li>
<li>Sayfanızın adını yazın, mesela <strong>Portfolyo sayfası</strong>.</li>
<li>Sayfa şablonunuzu seçin (<strong>Sayfa Özellikleri</strong> bölümündeki açılır menüden <strong>Filter Folio 2 sütun</strong>, <strong>Filter Folio 3 sütun</strong> veya <strong>Filter Folio 4 sütun</strong> seçin).</li>
<li>Daha sonra <strong>Yayınla</strong> düğmesine basın.</li>
</ol>
<p><strong>Dahili Kategori</strong> alanından, kategori portfolyo sayfası oluşturabilirsiniz. Bunun için, görünmesini istediğiniz kategorinin adını yazmanız gerekir.</p>
<figure class="img-paraloid"><img src="img/wordpress/category_in.jpg" alt=""></figure>
</article>
</section>
<!-- Portfolio page end -->
<!-- Shortcodes begin -->
<section class="block-templates" id="shortcodes">
<h2 class="item8"><i class="icon-file"></i> Kısa kodlar</h2>
<p>Kod kısaltması çok güçlü bir yapı aracıdır <a href="http://codex.wordpress.org/Shortcode">http://codex.wordpress.org/Shortcode</a>. Kısa kodların kullanımı kolaydır. Öncelikle düzenleme modunun <strong>Görsel</strong> olarak seçildiğinden emin olun.</p>
<figure class="img-paraloid"><img src="img/wordpress/sc_visual.jpg" alt=""></figure>